@media only screen and (min-width: 1200px) {
}

@media only screen and (max-width: 1200px) {
	.banner-area .carousel-control.left{ left: 20px }
	.banner-area .carousel-control.right{ right: 70px }	
	.banner-area .bdr-btn{ margin-top: 30px }
	.product-item a{ min-height: 180px }
	.product-area {margin-top: -135px;}
	#overview .m_t80{margin-top: 26px;}
	.history { padding: 50px 50px 20px;}
}

@media only screen and (max-width: 970px) {
	.contact-block-header{ display: none; }
	.header-btn-wrap.text-right{ text-align: right; }
	.header-btn-wrap .btn-block{ max-width: 150px; float: right; }
	.banner-area .svg { width: 40px;}
	.banner-area .bdr-btn {margin-top: 20px;}
	.product-item a i {font-size: 2.5vw; width: 30px; height: 30px; line-height: 25px;}
	.product-item a { min-height: 150px;}
	.product-area {margin-top: 00px;}
	section{ display: inline-block; width: 100%; position: relative; }
	.about-area.m_t100 ,.subscribe-area.m_t100, .product_list-area.m_t100, .more-cnt-area.m_t100, .testimonial-area.m_t100{ margin-top: 50px }
	.client-area .item img{ margin-bottom: 20px }
	.client-area.p_tb80{padding: 50px 0 30px;}
	.product_list-area.p_b100, .product_list-area.p_b150{ padding-bottom: 70px }
}

@media only screen and (max-width: 800px) {
.brand-info{ width: 100px}
.enquiry_form {top: 65px;}
#history {background-position: 400px center;}
#overview .m_t80 {margin-top: 0;}
#vision .p_t100.m_b100{margin-bottom: 50px; padding-top: 50px;}
}

@media only screen and (min-width: 767px) {
	.mobile-show{ display: none !important; }
}
@media only screen and (max-width: 767px) {
	.mobile-hide{ display: none !important; }
	.navbar-toggle{ margin: 2px 5px 0 0	 }
	.navbar{ min-height: 30px }
	.header-container_flex-wrap{ padding-top: 0 }
	.navbar-collapse{ box-shadow: none; }
	.product-item a{ margin:0 auto 30px; max-width: 450px; width: 100% }
	.product-item a img{ position: relative; max-width: 130px; float: left; }
	.product-item a h2{ width: 50% }
	.media_file{ height: 400px }
	.more-cnt-area a{ margin-bottom: 30px; height: 250px; }
	.more-cnt-area a img{ width: 100% }
	.subscribe-area h4, .more-cnt-area h2, .testimonial-area h2{ font-size: 30px }
	#quote-carousel{ margin-top: 30px }
	.testimonial-area{ padding: 50px 0 }
	.search-form_toggle{ position: absolute; right: 50px; top: 1px; display: none; }
	.header-search input[type="search"]{ padding: 10px; margin-top: 5px }
	.header-search button { margin-top: 0; padding: 12px 5px !important;}	
	.header-search .col-xs-2 .fa-close {top: -4px;}
	.subscribe-area .btn i{ font-size: 20px }
	.contact-block_inner.col-xs-8 div{ margin-left: 15px }
	.product-item a h2 {font-size: 3vw;}
	.banner-area .bdr-btn {font-size: 1.8vw;}
	.header-btn-wrap .btn-block {width: 40px; padding: 8px 0}
	.header-btn-wrap .btn-block i{ font-size: 18px }
	.btn { padding: 12px 25px;}
	.more-cnt-area.p_t70.p_b100{ padding-top: 40px; padding-bottom: 30px }
	.about-area.m_t100{ margin-top: 30px }
	.banner-area .svg{ width: 30px }
	.more-cnt-area h3{ font-size: 38px }
	.brand-info{ width: 80%; max-width: 100px}
	.enquiry_form {top: 54px;}
	.product-item .col-xs-12 { width: 33.33333333%;}
	.page-title .page-title-right h2 {font-size: 5vw; margin-right: 25px;}
	.page-title {margin-top: 20px;}
	.about-area .p_t50, .career-area .p_t80, .content-area .p_t80{ padding-top: 0 }
	.about-area  .col-md-6.m_t80{margin-top: 30px; margin-bottom: 50px }
	.history{ padding: 50px 20px }
	.about-area  .p_t100.m_b100{padding-top: 50px; margin-bottom: 00px;}	
	.about-area .summery{padding: 50px 0 50px; background-size: auto 100%}
	.about-area .summery h4{ margin-bottom: 30px }
	.about-area .summery h2 { font-size: 40px; margin: 0px;}
	.career-area .m_b50{margin-bottom: 20px;}
	.career-area .panel, .content-area .p_t80{ margin-bottom: 0 }
	.career-area .panel:last-child{ margin-bottom: 30px }
	.content-area .map-area iframe{ height: 350px; margin-top: 30px}
	#history{ background-image: none !important }
	#overview .m_t80{ margin-bottom: 50px; margin-top: 10px; }
	.form-group{ margin-bottom: 20px }
} 

@media only screen and (max-width: 600px) {
	.header-components_contact-button{  width: 30%; float: right; }
	.contact-map { right: 6px; top: auto; bottom: -60px;}
	.invert.top-panel a span{ font-size: 13px }
	.header-btn-wrap { margin-top: 14px;}
	.header-container .col-xs-12.col-sm-4.col-xs-4{ width: 70%; text-align: center; }
	.contact-block_inner.col-xs-8, .top-panel_wrap-items.col-xs-4{ width: 50% !important; float: left; }
	.contact-block_inner.col-xs-8 span{ display: none;}
	.contact-block_inner.col-xs-8 div{ margin-left: 15px }
	.banner-area .carousel-caption { top: 45% !important;}
	.col-sm-6.pull-right, .col-sm-6.pull-left{ float: none !important; text-align: center; }
	footer .social-list_items{ text-align: center; margin-bottom: 10px }
	.contact-block_inner i {color:#9a9a9f;}
	.contact-block_inner a:hover i {color:#fff;}
	.more-cnt-area h2{ margin-bottom: 20px }
	#quote-carousel p {font-size: 14px;}
	#quote-carousel .carousel-indicators .active { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5);} 
	.item blockquote{ padding: 10px 0 }
	#vision .p_t100.m_b100 { margin-bottom: 00px;}
}

@media only screen and (max-width: 550px) {
	.product-area{}
	.product-item .col-xs-12 { width: 100%;}
	.product-item a{ max-width: 100% !important;}
}

@media only screen and (max-width: 500px) {
	.contact-map{ display: none; }
	.map-area iframe{ height: 300px }
	.subscribe-area h4, .more-cnt-area h2, .testimonial-area h2{ font-size: 25px }
	.banner-area .bdr-btn {font-size: 2vw; line-height: 100%}
	.banner-area .bdr-btn { margin-top: 10px;}
	.contact-block_inner.col-xs-8{ width: 30% !important; }
	.top-panel_wrap-items.col-xs-4{ width: 70% !important; }
	#quote-carousel {margin-top: 10px;}
	.item blockquote p::before { font-size: 25px;}
	#newsletter-input {padding: 8px 10px;}
	.subscribe-area .btn-block.btn {padding: 6px 5px; width: 50px; margin: 0 auto}
	.container.p_b60{ padding-bottom: 30px }
	.product_list-area.p_b100, .product_list-area.p_b150{ padding-bottom: 50px }
	.subscribe-area::before { opacity: .05}
	.banner-area .carousel-control.left{ left: 10px !important }
	.banner-area .carousel-control.right{ right: 40px !important }
	.more-cnt-area h3{ font-size: 32px }
	.product-item a i{ font-size: 14px }
	.subscribe-area h4, .more-cnt-area h2, .testimonial-area h2, .h2, .client-area h2 ,.more-cnt-area h3, .about-area h2{ font-size: 25px; line-height: 130%; }
	.product-item a h2 {font-size: 5vw;}
}

@media only screen and (max-width: 450px) {
	.header-btn-wrap { margin-top: 8px;}
	.header-btn-wrap .btn-block {width: 35px; padding: 6px 0;}
	.product_list-area .col-xs-6{ width: 100% }
	.pro_dtl a {width: 40px; height: 40px; line-height:37px;} 
	.pro_dtl a i { font-size: 16px;}
	.pro-nm{ font-size: 16px }
	.subscribe-area h4, .more-cnt-area h2, .testimonial-area h2 { font-size: 22px;}
	.client-area .col-xs-6{ width: 100%; margin-bottom: 20px }
	.client-area .col-xs-6 .col-xs-6 .card-ht-2{ margin-top: 20px }
	.client-area .col-xs-6 .col-xs-6:last-child .card-ht-2{ margin-top: 0px }
	.card-ht-2{ margin-bottom: 0; margin-top: 0px }
	.card-ht, .card-ht-2{ height: 170px; min-height: 170px } 
}

@media only screen and (max-width: 400px) {
	.enquiry_form{width: 300px; top: 50px;}
	}

/* Tablet Resolution CSS rules for browser widths from 481px to 768 px*/
@media only screen and (min-width: 481px) and (max-width: 768px) {

}