@media (min-width: 1400px) {
.container{  max-width:1170px;}
}
@media (min-width:1360px) and (max-width: 1570px){
.header-bottom:before {left: -130px;}
.banner-image-one img {max-width: 70%;}	 
	

}
@media (min-width:991px) and (max-width:1365px) {
.header-bottom:before {left: -130px;}

}
@media (min-width:991px) and (max-width:1199px) {
.navbar li>a {font-size: 14px;}	 
.navbar-nav>li {padding-right: 8px;} 
.inner-hero { margin-bottom: 0;}	 
	
}

@media (min-width:768px) and (max-width:991px) {
.hero-content h2 {font-size: 40px;}
.home-hero {padding-top: 180px;} 
.navtabing .nav li button {font-size: 18px;} 

}

@media (max-width:991px) {
.logo {top: 0;}	 
.navbar-collapse {
    position: absolute;
    z-index: 111;
    top: 98px;
    right: 0;
    background: #1f86da;
    left: 0;
    text-align: center;
    border-radius: 35px;
    padding: 20px;
    letter-spacing: 0.5px;
}
.navbar-nav>li {
    padding-right: 0;
    flex-wrap: wrap;
	    margin: 6px;
}
span.navbar-toggler-icon-new { background: url(../../assets/images/menu.png) no-repeat; width: 32px; display: block; height: 36px; background-position: center;
 background-size: 39px; background-position: center; }	
.searchbar {right: 0;} 
 
.navbar-toggler {border: none !important;  box-shadow: none !important;}	 

.navbar li>a {
    padding: 11px;
    display: flex;
    width: 100%;
    justify-content: center;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.navbar li:hover>a, .navbar li.current-menu-item a {
    background-color:#93638a !important;
}	

.slick-prev {left: -4%;} 
.slick-next {right: -4%;}

#compare h2 {font-size:20px;} 
.vs3, .vs2 {font-size: 18px;}

.header-bottom:before {
    width: 70%;
    height: 210px;
    filter: drop-shadow(0px 23px 10px #fff);
    left: 0;
    top: 51px;
}
.header-bottom {
    padding: 20px 0;}
button.sub-menu-toggle {
    position: absolute;
    left: auto;
    margin-right: 15px;
    right: 0;
    top: -13px;
    width: auto;
}
		.sub-menu {
    position: relative;
    width: 100%; }

	.inner-hero {
    padding:170px 0 310px 0;
    background-size: 100% 107%;
    background-position: 28% 150%;
    min-height: auto; }	

	
	
} 


@media screen and (max-width: 767px) {
.vc_section .container { padding-left:0px;  padding-right:0px;}	
.container {padding: 0 20px;}
	
.section { padding: 40px 0;} 
h2.heading48, .heading, h2 {font-size: 35px;} 

#team {padding-bottom: 70px;} 
.navtabing .nav li button {font-size:16px; line-height: 18px;} 
.navtabing { min-height: 90px;} 
.navtabing .nav { border: none; height: 100%; gap: 5%; justify-content: space-between; overflow: auto; flex-wrap: nowrap;}
#step { padding-top: 120px;}
#partner h2 {color: #fff;}
	
.copyright-row>.container {padding: 30px 20px; text-align: center;} 
.copright-text b {display: block;}
.copright-text span.first {display: none;} 
.ft-widget {margin: 25px 0; text-align: center;}
.ft-social ul { display: table; margin: 0 auto;}
.ft-widget h5:after { display: table;  margin-left: auto;  margin-right: auto;}
ul.ft-social { margin: 0 auto;  display: table; position: relative; left: -34px;}
.footer-row {padding: 20px 0;}	 
.hero-content h2 {font-size: 30px; margin: 15px 0;}
.hero-content {text-align: center;}
 

.header-top .ft-social {font-size: 12px; left: 0;}	
		
.header-bottom:before {width:70%;}	
.banner-image-one img {max-width: 60%; margin: auto; padding-top:30px; padding-bottom:20px;  }
.home-hero {padding:140px 0 50px 0; }	
.home-hero:before {background-position: -20% 0px; }		
	
.reveries {display: flex !important;  flex-flow: column-reverse;}  
	
}

@media (min-width: 320px) and (max-width: 667px) {
.logo {width: 213px;} 
	
.h1, h1 {font-size: 35px;}	 

.inner-hero {
	    background: url(../../assets/images/header-bg-m.png) no-repeat;
    padding:200px 0 160px 0;
    background-size:100% 100%;  
    min-height: auto; 
	margin-bottom: 0px;
	}		
	
}