@media (max-width: 767px){
    .landing-page .btn-custom {
    display: block;
    width: auto;
    }
    .landing-page .contact-links a {
    display: block;
    }
    .landing-page .page-intro .img {
    height: 100%;
    }
        .slider .parallax-slider .caption h1 {
        font-size: 20px;
    }
        .slider .parallax-slider .caption h2 {
        font-size: 14px;
        margin-bottom: 20px !important;
    }
    .slider .full-showcase .swiper-controls {
    bottom: 65%;
}
    .slider .full-showcase .swiper-controls .swiper-button-prev {
    left: 20px;
    }
    .slider .full-showcase .swiper-controls .swiper-button-next {
    right: 20px;
    }
    .slider .parallax-slider .swiper-slide{
            min-height: 40vh;
    }
    .navbar{
            position: relative;
        background: #1a1a1a;
    }
        .section-padding {
        padding-top: 70px;
        padding-bottom: 70px;
    }
   
    .ongoing-projects .cont {
    padding: 10px 10px 40px;
    display: block;
    }
    .ongoing-projects .location{
    display: block !important;
    } 
    .ongoing-projects .pro-name span{
        font-size: 22px !important;
    } 
    .ongoing-projects .pro-price span{
        font-size: 18px !important;
    }
    
    .ongoing-projects .rera-no{
    word-wrap: break-word;
    width: 80%;
    margin: 10px 0 !important;
    }
    
    .hamenu{
    width: 80%;
    }
    
        .hamenu .menu-links .main-menu > li .link {
        font-size: 18px;
    }
        .hamenu .close-menu {
        top: 0;
        right: 10px;
    }
    .hamenu .menu-links .main-menu > li .link i {
    width: 70px;
    }
    .hamenu .menu-links .main-menu .sub-menu li a {
    padding: 12px 12px 12px 20px;
    }
    .icon-bg {
    background: none;
}
    .page-intro .img {
    height: auto;
}
    .vision-misson-sec{
        padding-top: 0;
    }
    .vision-misson-sec .col-lg-4 {
       margin-bottom: 30px;
    }
    .page-header-cerv.section-padding, .page-header.section-padding {
    padding-top: 0;
}
    .mob-order-2{
        order: 2;
    }
    .team-single .img {
    height: auto;
}
    section.team-single {
    margin-bottom: 50px;
}
        .modern-footer .logo {
        width: 200px !important;
    }
    .blog-details-sec h1{
        font-size: 26px !important;
        margin-top: 0 !important;
    }
    .blog-details-sec h5{
        font-size: 22px !important;
    }
}

@media (min-width: 768px) and (max-width: 981px){
    .slider .parallax-slider .caption h1 {
        font-size: 32px;
    }
        .slider .parallax-slider .caption h2 {
        font-size: 24px;
        margin-bottom: 20px !important;
    }
    .slider .parallax-slider .swiper-slide{
            min-height: 50vh;
    }
    .slider .full-showcase .swiper-controls {
    bottom: 53%;
    }
    .slider .full-showcase .swiper-controls .swiper-button-prev {
    left: 20px;
    }
    .slider .full-showcase .swiper-controls .swiper-button-next {
    right: 20px;
    }
    .numbers .item{
            margin-bottom: 0 !important;
    }
    .numbers .item h2{
            font-size: 22px !important;
    }
    .numbers .item h2 span{
            font-size: 22px !important;
    }
    .numbers .item .sub-title {
    font-size: 12px;
    margin-left: 20px !important;
    }
     .ongoing-projects .cont {
    padding: 10px 10px 40px;
    display: block;
    }
    .ongoing-projects .location{
    display: block !important;
    } 
    .ongoing-projects .pro-name span{
        font-size: 18px !important;
    } 
    .ongoing-projects .pro-price span{
        font-size: 16px !important;
    }
    
    .ongoing-projects .rera-no{
            word-wrap: break-word;
        margin: 10px 0 !important;
        font-size: 10px !important;
    }
    .location h6{
        font-size: 14px !important;
    }
    .section-padding {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .hamenu{
    width: 60%;
    }
    
        .hamenu .menu-links .main-menu > li .link {
        font-size: 18px;
    }
        .hamenu .close-menu {
        top: 0;
        right: 10px;
    }
    .hamenu .menu-links .main-menu > li .link i {
    width: 70px;
    }
    .hamenu .menu-links .main-menu .sub-menu li a {
    padding: 12px 12px 12px 20px;
    }
    .icon-bg {
    background: none;
}
    .page-intro .img {
    height: auto;
}
    .vision-misson-sec{
        padding-top: 0;
    }
    .vision-misson-sec .col-lg-4 {
       margin-bottom: 30px;
    }
    .mob-order-2{
        order: 2;
    }
    .team-single .img {
    height: auto;
}
    section.team-single {
    margin-bottom: 50px;
}
}

@media (min-width: 1024px) and (max-width: 1366px){
    .location h6{
        font-size: 14px !important;
    }
}