@media (max-width: 1030px) {
    #available-parts td.unitprice,
    #available-parts td.quantity.text-right,
    #available-parts td.description,
    #available-parts th.unitprice,
    #available-parts th.quantity,
    #available-parts th.description,
    #available-parts td:last-child  {
        display:none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .search-button > a {
        margin: 0 40px;
    }
    .menu_area #nav .nav-link {
        padding: 0 10px;
    }
    .search-form-area #search {
        width: 450px;
    }
    .hero-slides .owl-next {
        right: 20px;
        top: 35%;
    }
    .hero-slides .owl-prev {
        left: 20px;
        top: 35%;
    }
    .workflow-slides-area {
        top: 0;
        padding-bottom: 100px;
    }
    
    .icons.about-us {
		font-size: 6em;
		line-height: 3.0;
		margin-left: 0;
	}
	
	.block {
		line-height: 1.3;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-toggler {
        border: 2px solid #fff !important;
        background-color: #f2f4f6 !important;
        margin: 32px 0;
    }
    .sticky .navbar-toggler {
        margin: 11px 0;
    }
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
    }

    #mosh-navbar {
        padding: 30px;
        border-radius: 5px;
        background-color: #211b31;
        text-align: left;
    }
    .header_area.sticky .navbar {
        height: 70px;
    }
    .menu_area #nav .nav-link {
        font-size: 14px;
        padding: 6px 0;
    }
    .search-button > a {
        margin: 15px 0;
        display: block;
    }
    .hero-slide-content h2 {
        font-size: 36px;
    }
  
    .hero-slides .owl-next {
        right: 5px;
    }
    .hero-slides .owl-prev {
        left: 5px;
    }
    .clients-logo-area > a > img {
        max-width: 100px;
        height: auto;
    }
    .single-more-service-area {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
    .mosh-more-services-area {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .single_gallery_item {
        width: 50%;
    }
    .workflow-slides-area {
        top: 0;
        padding-bottom: 100px;
    }
    .testimonial-content p {
        font-size: 13px;
    }
    .mosh-cool-facts-area .counter-area > h3 {
        font-size: 40px;
    }
    
     .icons.about-us {
		font-size: 5em;
		line-height: 2.5;
		margin-left: 0;
	}
	
	.block {
		line-height: 1.1;
	}
}

@media (max-width: 767px) {
    .navbar-toggler {
        border: 2px solid #fff !important;
        background-color: #f2f4f6 !important;
        margin: 11px 0;
    	position: absolute;
    	top: 20px;
    	right: 0;
    	z-index: 999;
        
    }
    .sticky .navbar-toggler {
        margin: 11px 0;
    }
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
    }
}
@media (min-width: 320px) and (max-width: 767px) {

	.mosh-features-area-header.section_padding_100 {
		padding: 100px 15px 0 15px;
	}
	
	h1.white {
		font-size:17px;
		text-align: center;
	}
	
	.mosh-features-area-header p {
		font-size: 11px;
		line-height: normal;
		text-align: center; 
	}

	#logo-subhead {
		font-size: 11px;
		margin: -20px 0 14px 60px;
	}
    .header_area {
        padding: 0;
        height: 80px;
    }
    .navbar-toggler {
        border: 2px solid #fff;
        background-color: #f2f4f6;
        margin: 11px 0;
    }
    .sticky .navbar-toggler {
        margin: 11px 0;
    }
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    #mosh-navbar {
        padding: 30px;
        border-radius: 5px;
        background-color: #211b31;
        text-align: left;
    }
   .header_area .navbar,
   .header_area.sticky .navbar {
        height: 70px;
    }
    
    .navbar-brand:after {
		font-size: 16px;
		top: 20px;
    	right: 0;
	}
    
    @media not all and (min-resolution:.001dpcm){ 
		@supports (-webkit-appearance:none) and (stroke-color:transparent) {
    		 #logo svg.svg-moqller-logo {	 
				/* padding-top: 15px; */
			}
		}
	}
	
    #logo svg.svg-moqller-logo {
    	margin-top: 10px;
    	width: 250px;
    }
    .navbar.h-100.navbar-expand-lg.align-items-center {
    	padding-left: 0;
    }
    .menu_area #nav .nav-link {
        font-size: 14px;
        padding: 6px 0;
    }
    .search-button > a {
        margin: 15px 0;
        display: block;
    }
    
    .hero-slide-content h2 {
        font-size: 16px;
        margin: -80px 0 0;
        padding: 0 15px;
        text-align: center;
    }
    
    h5.reverse.bubble {
    	font-size: 11px;
    	font-weight: normal;
    	margin: 10px;
		padding: 10px;
		text-align: center;
	}

    .hero-slide-content h4 {
        font-size: 18px;
    }
    
    .hero-slide-content h5 {
        font-size: 18px;
        font-weight: normal;
        margin: 0;
        padding: 0 15px;
        text-align: left;
    }
    .welcome_area,
    .single-hero-slide {
        height: auto;
    }
    
    .hero-slides .owl-next {
        right: 5px;
        top: 25%;
    }
    .hero-slides .owl-prev {
        left: 5px;
        top: 25%;
    }
    .search-form-area #search {
        width: 200px;
        border-radius: 10px;
        padding: 0 15px;
    }
    .section-heading > h2 {
        font-size: 24px;
    }
    .clients-logo-area > a > img {
        max-width: 100px;
        height: auto;
        margin: 15px;
    }
    .features-img > img {
        width: 100%;
        position: relative;
        bottom: -30px;
        left: 0;
        z-index: 9;
    }
    .single-more-service-area {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
    .mosh-more-services-area {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .single_gallery_item {
        width: 100%;
    }
    .workflow-slides-area {
        top: 50px;
        padding-bottom: 150px;
    }
    .cta-content .section-heading h2 {
        font-size: 24px;
    }
    .mosh-service-slides .owl-prev {
        left: -15px;
    }
    .mosh-service-slides .owl-next {
        left: auto;
        right: -15px;
    }
    .footer-bottom-area {
        height: 100px;
        text-align: center;
        padding: 25px 0;
    }
    .bradcumbContent h2 {
        font-size: 40px;
    }
    .mosh-about-us-thumb {
        margin-top: 100px;
    }
    .mosh-features-thumb {
        margin-bottom: 100px;
    }
    .few-words-contents,
    .few-words-thumb {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        height: 770px;
    }
    .mosh-team-slides .owl-prev {
        left: -10px;
    }
    .mosh-team-slides .owl-next {
        left: auto;
        right: -10px;
    }
    .subscribe-newsletter-content h2 {
        font-size: 24px;
    }
    .subscribe-newsletter-content form > input {
        width: 100%;
    }
    .subscribe-newsletter-content form > button {
        width: 120px;
        padding: 0 15px;
        right: 0;
    }
    .testimonials-slides .owl-prev {
        left: -10px;
    }
    .testimonials-slides .owl-next {
        left: auto;
        right: -10px;
    }
    .testimonial-content p {
        font-size: 13px;
    }
    .mosh-cool-facts-area .counter-area > h3 {
        font-size: 20px;
    }
    .testimonials-slides:after {
        text-align: right;
    }
    .testimonials-slides:before {
        text-align: left;
    }
    .mosh-blog-sidebar,
    .contact-information {
        margin-top: 100px;
    }
    
     .slide-img-wrapper {
     	height: 200px;
    	width: 320px; /*this is for iphone 5. might have to single it out. */
    }
    
    .slide-img-wrapper:after {
    	height: 200px;
    	width: 320px;
    	box-shadow: inset 0px 0px 20px black, 2px 0px 18px -4px rgba(0,0,0,0.75);
    }
    
    .icons,
    .icons.normal,
    .icons.about-us {
		font-size: 2em;
		line-height: 4.0;
		margin-left: 0;
	}
}
    

@media (min-width: 480px) and (max-width: 767px) {
   
    .clients-logo-area > a > img {
        max-width: 75px;
        height: auto;
        margin: 0 15px;
    }
    
    .icons.about-us {
		font-size: 4em;
		line-height: 4.0;
		margin-left: 0;
	}
   
}

@media (min-width: 576px) and (max-width: 767px) {
  
    .hero-slide-content h2 {
        font-size: 30px;
    }
    .single-more-service-area {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
}

/*for smaller phones*/
@media (min-width: 300px) and (max-width: 360px) {
	#logo-subhead {
		font-size: 9px;
    	margin: -20px 0 14px 44px;
	}
	
	#logo svg.svg-moqller-logo {
    	width: 190px;
    }
    
    .mosh-aboutUs-area.section_padding_100_0 {
    	padding-top: 0;
    	/* margin-top: -105px; */
    }
    
    .mosh-breadcumb-area p.white {
		font-size: 14px;
	}
	
	.mosh-breadcumb-area h1.white {
		font-size: 18px;
	}

}

/*  ipad landscape -excessive perhaps */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1){
	.welcome_area h1.white {
		font-size: 24px;
	}
	.hero-slide-content h2 {
		font-size: 24px;
	}
	.slide-img-wrapper,
	.slide-img-wrapper:after {
		height: 350px;
		/* width: auto; */
	}
	.owl-carousel .owl-stage-outer {
   	 	margin-top: -100px;
   	 }
   	 h5.reverse.bubble {
		font-size: 14px;
		padding: 10px;
	}
}

	@media(max-width:480px) {

			table {margin:0;}
			
			table td:nth-child(1) {
				max-width:100px !important;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
		
			}
			
			table td:nth-child(2) {
				max-width:100px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
		
			}
		
			table td:nth-child(3) {
				text-align: right;
			}
		}