/*----------------------------------------------------
	## Responsive
------------------------------------------------------*/

@media (min-width: 992px) {
	.container {
		max-width: 1200px;
		width: 100%;
	}	
	.menuswitch {
		display: none;
	}
	.desktop-hide {
		display: none;
	}
	
	.mobile-sticky-footer {
		display: none;
	}
	
	.sliderbanner-content{
		left: 0px;
	}
}


/* - Min Width: 768*/
@media (min-width: 768px) {
	.quality-box:nth-child(3n+1) {
		clear: both;
	}	
}

/* - Max Width: 991 */
@media (max-width: 991px) {
	.menu-block {
		float:none;
		width: 100%;
	}
	
	/* - SlidePanel */
	.slidepanel { 
		display: none;
		border-bottom: 1px solid #ee5e23;
	}
	.slideit,
	.toggle {
		display: block;
		position: relative;
		z-index: 1;
	}
	.desktop-hide.switch_panel {
		position: absolute;
		right: 60px;
		text-align: center;
		top: 16px;
	}	
	.slideit,
	.closeit {
		color: #ee5e23;
		font-size: 25px;
		position: relative;
		right: 0;
		top: 0;
	}
	.slideit:hover,
	.closeit:hover {
		color: #ee5e23;
	}
	
	.mobile-hide {
		display: none;
	}
	
	.sliderbanner-content {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 0;
		padding: 20px 15px;
		background-color:
		rgba(0,0,0,0.6);
		right: 0;
		text-align: center;
		max-width: 600px;
		margin: 0 auto;
	}
	
	.video-contentbox h3 {
		font-size: 28px;
	}
	.video-contentbox p{
		font-size: 16px;
		line-height: 24px;
		margin-top: 0;
		margin-bottom: 5px;
	}
	
	.copyright_txt{
		margin-bottom: 52px;
	}
	.footer-box{
		width: 50% !important;
	}
	.footer-box:nth-child(2n+1){
		clear: both;
	}
	
	.service-titlebox h3{
		font-size: 28px;
		line-height: 36px;
	}
	
	.listbox-title .service-block{
		grid-template-columns: repeat(1,1fr);
		margin-bottom: 30px;
	}
	
	.listbox-title .service-block.even .service-imgbox {
		display: grid;
		order: 1;
	}
	.listbox-title .service-block.even .service-titlebox {
		display: grid;
		order: 2;
	}
	
	
	
}



/* - Max Width: 767 */
@media (max-width: 767px) {
	
	.row {
		margin-left: 0;
		margin-right: 0;
	}

	.sp-t{
		padding-top: 30px;
	}
	.sp-b{
		padding-bottom: 30px;
	}
	
	
	.slider-section .sliderbanner-content h1 {
		font-size: 30px;
		margin-bottom: 10px;
	}
	.slider-section .sliderbanner-content h2 {
		font-size: 26px;
	}
	.sliderbanner-content p {
		font-size: 18px;
		line-height: normal;
	}
	.sliderbanner-content a {
		padding: 8px 15px;
		margin-top: 0	;
	}	
	
	
	.callout-button,
	.callout-content{
		width: 100%;
		text-align: center;
	}
	.callout-button .btn_default {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.callout-content h2{font-size: 34px;}
	.callout-content h3{font-size: 26px;}
	
	.product-boxes a{
		width: 50%;
		margin-bottom: 15px;
	}
	.services-section{
		padding: 50px 0;
	}
	
	.whychooseus-section .section-header,
	.processbox.imgbox,
	.processbox.contentbox,
	.video-playbox,
	.video-contentbox{
		width: 100%;
		padding: 0 20px;
	}
	.processbox.imgbox,
	.video-contentbox {
		padding-top: 30px;
	}
	.video-contentbox .btn_default{
		margin-top: 15px;
	}
	
	.contactform{
		max-width: 100%;
	}
	.contactinfo-box{
		width: 100%;
		padding: 0;
	}
	
	.footer-block{
		padding-top: 40px;
		padding-bottom: 10px;
	}
	
	.vision-mission-box{
		width: 100%;
	}
	
	.team-listing {
		grid-template-columns: 100%;
		grid-template-rows: 100%;
		grid-gap: 15px;
		padding: 0 15px;
		display: inline-block;
		width: 100%;
	}
	.section-header h3 {
		font-size: 22px;
	}
	.team-buiding{
		margin-top: 50px;
	}
	
	.listbox-title .service-imgbox img {
        object-fit: contain;
        height: auto;
    }
	
	.team-listing li{font-size: 18px;margin-bottom: 15px;}
	.copyright_txt{margin-top: 0;}
	.footer-box.homepart .footer_home {
		margin-bottom: 30px;
	}
	
	.vision-mission-section.no-padding{
		margin-top: -70px;
	}
	.section-header h2, .section-header h3{
		font-size: 22px;
		line-height: 32px;
	}
	.pagebanner-content h1{
		font-size: 25px;
	}
	.pagebanner-section{
		padding: 80px 15px;
	}
	.header_s{
		box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
		-webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	}
	.footer-box p, .footer-box a{
		font-size: 16px;
	}
	
}

/* - Max Width: 639 */
@media (max-width: 639px) {
	
	table{
		table-layout: auto;
	}
	.slider-section .container {
		padding: 0;
		margin-bottom: 60px;
	}
	.slider-section,
	.slider-section .bx-viewport {
		overflow: visible;
	}
	.sliderbanner-content p {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.slider-section .sliderbanner-content h2 {
		font-size: 22px;
		margin-bottom: 15px;
	}
	.footer-box.homepart,
	.footer-box{
		width: 100%;
		text-align: center;
	}
	
	
	.service-titlebox h3{
		font-size: 28px;
		line-height: 36px;
	}
	
	.three-col .product-boxes a{
		width: 100%;
		padding: 0;
		margin-bottom: 15px;
	}
	
}

/* - Max Width: 575 */
@media (max-width: 575px) {
    .footer-box {
        width: 100% !important;
        text-align: left !important;
    }
	.product-boxes a{
		width: 100%;
	}
	.serviceimgbox img{
		width: 100%;
	}
	
	.service-block{
		grid-template-columns: repeat(1,1fr);
		margin-bottom: 30px;
	}
	.service-titlebox h3 {
		font-size: 24px;
		line-height: 32px;
	}
	.service-titlebox h3 br {display: none;}
	.service-block.even .service-imgbox {
		display: grid;
		order: 1;
	}
	.service-block.even .service-titlebox {
		display: grid;
		order: 2;
	}
	.copyright_txt p{
		font-size: 14px;
		line-height: 24px;
	}

}

	
/* - Max Width: 479 */
@media (max-width: 479px) {
	.slider-section .bx-wrapper .bx-controls-direction a {
		top: 60%;
	}
	.bx-wrapper .bx-prev {
		left: 10px;
	}
	.bx-wrapper .bx-next {
		right: 10px;
	}
	
	.section-header{
		margin-bottom: 30px;
	}
	.vision-mission-section{
		padding: 50px 0 50px;
	}
	.section-header h3 {
		font-size: 20px;
		letter-spacing: 0;
		margin-bottom:10px;
	}
	.callout-section{
		padding: 30px 0;
	}
	.callout-content h2{
		font-size: 24px;
	}
	.callout-content h3{
		font-size: 20px;
	}
	.callout-content p{
		font-size: 16px;
	}
	
	.contactform .form-group{
		width: 100%;
		padding: 0;
	}
	.footer-box a.footer_home{max-width: 100%;}
	.footer-box{text-align: center;}
	
}