
@media(max-width:1199px){

	.nav-outer {padding-left:10px; padding-right:10px;}
	
	
	
}

@media(max-width:1024px){
	
	
	
}

@media(min-width:992px){
.top-bar{height:50px; }    
.nav-outer {height: 130px;}  
ul.dropdown {padding-top:5px !important;}
ul.dropdown li {margin: 0px;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){background:#8159c1; padding:9px 12px 7px; font-size: 15px;}
ul.dropdown li.active:not(.has-form) a:not(.button){ padding:6px 12px; color: #fff;}
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) {background: #8159c1;  color: #000;}
.dropdown li.active:not(.has-form) a:hover:not(.button) {background: #8159c1; color: #000;}
.top-bar-section .has-dropdown > a::after {display:none !important;}
	.top-bar-section .dropdown {left:-60px;}

}

@media(max-width:991px){
.top-bar {height:5.9rem;}
.phoneno {top: 0;}    
.top-bar .toggle-topbar.menu-icon {margin-top: 30px; z-index: 1; margin-right: 14px;}    
.top-bar .toggle-topbar.menu-icon a span::after {right: 5px;}    
.top-bar-section{margin-top:50px;}    
.top-bar-section li:not(.has-form) a:not(.button) {font-size: 20px; line-height: 34px; padding-top:5px;}
.top-bar-section ul li {margin-left: 0; margin-bottom:0px;}    
.nav-outer {padding:10px 0 6px 10px; max-width:100%; }  
.phoneno {top: 0px; margin-right: 14px; margin-top:0px;}      
.top-bar-section ul li {margin-top:0;}
.top-bar-section li.active:not(.has-form) a:not(.button){padding-left: 10px; color:#fff; line-height:34px; margin-top:5px;}    
.top-bar-section li:not(.has-form) a:not(.button) {padding-left: 10px;}
.top-bar-section .has-dropdown > a:after{right:15px; width: 30px; height: 30px; text-align:right;}    
.top-bar-section ul {padding: 0 0 17px; margin-top: 3px;}
.top-bar-section .dropdown {margin-top:0px;}

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {color: #000; padding-top: 10px; padding-bottom: 0px; margin: 0px; line-height: 28px; display: block; height: 33px; }
	.top-bar-section .dropdown li.parent-link a {height:auto;}
	.top-bar-section .dropdown::before {height:24px;}
	.top-bar-section .dropdown li.parent-link {display:block !important;}

.banner-panchline h4 {font-size: 56px; line-height: 62px; }
	.banner-panchline p {line-height:33px !important;}
	.slider-text {top:20px;}
	.footer ul li {width:45%; margin-bottom: 50px;}
	.footerbox {width:100%; background:rgba(174,174,174,0.1); border:4px solid #1b1c1b;}
	.footerbox .footerbox-top {background:none;}
	.footerbox .footerbox-middle {background:none;}
	.footerbox .footerbox-bottom {background:none;}
	.footer-pan {background: #1a1b1a;}
	.top-bar-section .dropdown li.parent-link a {color:#fff;}
	.content-sec-content {width:100%;}
	.pagebox {width:65%;}
	.top-parg {width:100%;}
	.contblock .contblock-right {margin-top: 20px;}
	.testimonials {width:100%;}
	.contblock {width:auto;}
	.contblock .contblock-left {width:auto;}
	.contblock .contblock-right {float:left;}
	.rightsec { width: 33%;}
	.ftr1 { width: 21%; }
	.ftr2 { width: 60%; }
	.ftr3 { width: 18%; text-align:right; }
	.content-sec {padding-top:30px;}
	.contblock { display: flex; flex-direction: column-reverse;}
	.contblock1-right { padding-left: 15px;}
	.contblock1-right { width: 280px; }
	.contblock1-left {margin-right:0px;}
	.contblock2-left {width:250px;}
	.top-bar-section .has-dropdown.moved > .dropdown {width:99%;}
	.air-condition-lift .air-cond-left {width:58%;}
	.air-condition-lift .air-cond-right { width: 41%;}
	.air-condition-lift {padding-top:0px;}
	.footerbox {margin-bottom:0px;}
	

.footer-pan.footer-pan-home.footer-pan-top ul {
	display: block;
}

.footer-pan.footer-pan-home.footer-pan-bottom ul li:nth-child(1) {
	width: 55%;
}

}

@media(max-width:767px){
.top-bar {height: 5.5rem;}
.ftr1 { width: 100%; float: none; padding: 30px 0 0 0px; margin: 0px; text-align: center; }
.ftr2 { width: 100%; float: none; text-align: center; padding-top: 20px; }
.ftr3 { width: 100%; float: none; padding: 15px 0px 0 0; text-align: center;}
.pagebox { padding-bottom: 20px;}
	
.slider-sec{background: #333;}	
	
.footer-pan.footer-pan-home.footer-pan-bottom ul li:nth-child(1) {
	width: 100%;
}
.footer-pan.footer-pan-home.footer-pan-bottom ul {
	display: block;
}
.footer-pan.footer-pan-home.footer-pan-bottom ul li:nth-child(2) {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
}
}

@media(max-width:640px){
.pagebox { width: 99%; margin: 0 auto; }	
.rightsec { width: 100%;}
	
	.contblock1-right {width:100%;}
	.contblock2-left { width: 100%; padding-right: 40px; box-sizing: border-box;}
	.flex-container {display: flex; flex-direction: column;}
	.flex-container > div {margin-left:0px; margin-right:0px; margin-top:0px;}
	.flex-container > div p {font-size:16px;}
	.commitment {padding: 0px 10px;}
	.top-bar-section .dropdown li.parent-link { padding-top: 5px; }
	.flex-container > div h3 { font-size: 18px; height: 0px; padding: 10px 0px 30px 0px; }
	.banner-panchline {padding-top: 20px;}
	.banner-panchline h4 br {display:none;}
	.banner-panchline h4 { font-size: 44px; line-height: 52px;}
	.content p {font-size:16px; line-height:22px;}
	.phoneno {margin-top:5px;}


.flex-container.trust-section.mobile-crane-sec-1 {
	margin-bottom: 26px;
}
.flex-container.trust-section.mobile-crane-sec-4 {
	padding-top: 30px;
}
.faq-wrap .accordion-header h3 {
	font-size: 0.9rem;
	font-weight: 500;
	color: #fff;
	line-height: 1.5;
	transition: color 0.2s;
	margin-top: 8px;
	height: auto;
}	
	
}

@media(max-width:639px){
	
.top-bar {height: 4.3rem;}
.nav-outer {padding:16px 0 6px 14px;}      
.top-bar .toggle-topbar.menu-icon {margin-top: 19px;}
.top-bar-section {margin-top: 30px;}  
.top-bar-section li.active:not(.has-form) a:not(.button) {padding: 3px 14px;}    
.top-bar-section li:not(.has-form) a:not(.button) {padding:0 14px; line-height:32px;}   
.name.logo { width: 220px;}
.phoneno { top: 0px; margin-right: 14px; margin-top: 0px;}
.nav-outer { padding: 10px 0 6px 10px;}
.phoneno a { color: #fff; display: inline-block; font-size: 27px; line-height: 34px; }
	
	.banner-panchline { padding-top: 17px; }
	.banner-panchline p { padding: 10px 0px;}
	.footer ul li { width: 90%; margin-bottom: 50px;}
   .footerbox .gallery-img { right: 0px; left: 0px; margin: 0 auto;} 
.footerbox .ouerservices-img { left: 0; right: 0; margin: 0 auto; text-align: center;}
	.footerbox .crean-img { left: 0; right: 0; text-align: center; margin: 0 auto;}
	


}



@media(max-width:479px){

	.hide-mob-ph { display: none;}
	.phoneno i { display: block; margin-right: 6px;}
	.name.logo { width: 200px; padding-top: 8px;}
	.top-bar-section li:not(.has-form) a:not(.button) {padding: 0 5px;}
	.top-bar-section li.active:not(.has-form) a:not(.button) { padding: 3px 5px;}
	.banner-panchline h4 { font-size: 40px; line-height: 50px;}
	.banner-panchline p { font-size: 23px !important; padding: 0px 0px; line-height: 30px !important;}
	.sendenquery-btn { padding: 15px 0 0; }
	.sendenquery-btn p img {width: 120px;}
	#boxes #dialog1 { width: 90% !important; padding: 20px 20px 30px 20px; background-color: #fff; position: absolute; left: 0px !important; right: 0px; margin: 0 auto;	top: 30px !important; }
	.weguarent-text { width: 100%; margin: 0px auto; text-align: center;}
	.slider-sec {min-height:auto; padding-bottom: 50px;}
.content p { font-size: 16px; line-height: 24px;}
	.footer ul li {margin-left:15px;}
	.ftr2 { padding: 20px 20px 0px;}
	.ftr2 a {display:inline-block;}
	.top-parg { font-size: 15px; line-height: 20px;	color: #fff;}
	.testimonials { padding: 11px 20px 75px 13px;}
	.crane {padding: 0px 0 0;}
	.contblock1-left {width:100%;}
	.contblock1-right { padding-right: 15px;}
	.contblock2-right {width:100%;}
	#contactfrm table tr td { display: block; width: 100%;}
	#contactfrm input[type="text"] {width:100%;}
	#contactfrm textarea {width:100%;}
	.air-condition-lift .air-cond-left { width: 100%; padding-right:0px;}
	.air-condition-lift .air-cond-right { width: 100%;}
	.air-condition-lift .air-cond-right img { width: 100%;}
	.flex-container > div h3 {height:60px;}
	.flex-container { padding: 0px 10px;}
	.commitment h2 {font-size: 20px;}
	
}













