.navbar-expand-lg .navbar-nav.side-nav{
	flex-direction: column;
}

@media only screen and (max-width:1024px) {
    .warapper .main-content{width: 85%;}
    .warapper .left-main{width:15%;}
}

@media only screen and (max-width:990px) {
    .warapper{flex-wrap: wrap;}
    .warapper .main-content{width: 100%; position: inherit;}
    .warapper .left-main{width:100%; position:inherit; z-index: 99; height: auto; padding: 0 2rem;}
    .warapper .left-main .navbar{justify-content: space-between;}
    .warapper .main-content .gallery-box li{    width: calc(100% / 3);}
    .navbar-light .menu{border-color: white; border-radius: 0;}
    .logo{width: 100px;}
    .warapper .left-main .navbar{padding: 0.5rem 0;}
    .warapper .main-content .banner .banner-slide .title-head h1{font-size: 2.6rem; line-height: 2.8rem;}
    .warapper .main-content .banner .icon-left{display: none;}
    .warapper .main-content .banner .icon-right{display: none;}
    .sub-head h3{ text-align: center;}
    .warapper .main-content .abt-content h2{font-size: 1.5rem; line-height: 1.8rem;}
    .warapper .main-content .section{padding: 5rem 0;}
    .warapper .main-content .sub-head h2{font-size: 2rem;}
}
@media only screen and (max-width:768px) {
    .warapper .main-content .gallery-box li{    width: calc(100% / 2);}
    .warapper .main-content footer .contact-head h2{padding-bottom: 2rem; padding-top: 2rem;}
    .warapper .main-content .banner .banner-slide{height: auto;}
    .warapper .main-content .banner .banner-slide img{height: auto;}
    .warapper .main-content .banner .banner-slide .title-head{left: 1rem; bottom:10%;}
    .warapper .main-content .banner .banner-slide .title-head h1{line-height: 1.5rem; font-size: 1.5rem;}
    .warapper .main-content .banner .banner-slide .title-head h4{font-size: 0.8rem;}
}
@media only screen and (max-width:456px) {
    .warapper .main-content .gallery-box li{    width: calc(100% / 1);}
}