@media (max-width: 1440px){
    section.about-section .second-image{
        left: 20.203%;
    }
}
@media (max-width: 1366px){
#model-form img {
    width: 100%;
    height: 100%;
}
#model-form .modal-dialog {
    max-width: 900px;
}
}
@media (max-width: 1024px){
    section.about-section .first-image img {
        width: 360px;
        height: 230px;
    }
    section.about-section .second-image img {
        width: 351px;
        height: 254px;
    }
    section.about-section .second-image {
        left: 16.203%;
        bottom: 32%;
    }
    section.what-we-do .second-image {
        position: absolute;
        left: 27.203%;
        bottom: 3.26%;
    }
}

@media (max-width: 1024px) and (min-width: 980px){
  
section.gallery-section .gallery-item, section.gallery-section img{
    height: 306px;
}
section.gallery-section .gallery-second .gallery-item, section.gallery-section .gallery-second img, section.gallery-section .gallery-third .gallery-item, section.gallery-section .gallery-third img {
    height: 620px;
}
}
@media (max-width: 980px){
   
  
    section.about-section .first-image img {
        width: 360px;
        height: 230px;
    }
    section.about-section .second-image img {
        width: 351px;
        height: 254px;
    }
    section.about-owner .abt-detail {
        flex-wrap: wrap;
        gap: 15px;
    } 
    section.contact-us {
        padding-bottom: 50px;
        padding-top: 0px;
    }

        #model-form .modal-dialog {
        max-width: 900px;
        width: 95%;
    }
    section.video-banner{
        border: 10px solid #F8F7F2;
        height: 550px;
    }
   section.video-banner .video-sec {
    width: 100%;
    height: 100%;
    position: relative;
}
.video-cont h1{
    margin-bottom: 20px;
    font-size: 32px;
}
section.premier-section{
    padding: 40px 0px 50px 0px;
}
section.premier-section .premier-content {
    padding: 25px 30px;
}
section.about-section h2 {
    font-size: 38px;
    }
    section.about-section .about-content{
        width: 100%;
    }
    section.about-section .about-image{
        width: 100%;
        height: 344px;
    }
    section.about-section .row{
        flex-direction: column-reverse;
        gap: 30px;
    }
    section.about-section .second-image {
        left: auto;
        right: 0;
        bottom: 0;
    }
    section.about-section .first-image img{
        width: 390px;
        height: 255px;
    }
    section.about-section .second-image img{
        width: 360px;
        height: 230px;
    }
section.about-section .abt-para {
    padding: 0% 0% 0% 0%;
}
section.properties-section h2{
    font-size: 38px;
    margin-bottom: 40px;
}
section.properties-section .flip-content h4{
    font-size: var(--f25);
    text-align: center;
}
section.what-we-do .what-image{
    width: 100%;
    height: 295px;
}
section.what-we-do .second-image{
    left: auto;
    right: 0;
    bottom: 0;
}
section.what-we-do .row{
    gap: 30px;
}
section.what-we-do .what-content{
    width: 100%;
}
section.what-we-do h2 {
    font-size: 38px;
    }
    section.contact-us{
        padding-bottom: 50px;
    }
    section.contact-us .head-sec h2{
        font-size: 38px;
    }
    section.contact-us .head-sec h4{
        font-size: 22px;
    }
    section.gallery-section{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    section.gallery-section .gallery-item, section.gallery-section img{
        height: 300px;
    }
    section.gallery-section .gallery-second .gallery-item, section.gallery-section .gallery-second img, section.gallery-section .gallery-third .gallery-item, section.gallery-section .gallery-third img {
    height: 610px;
}
section.gallery-section .head-sec h2 {
    font-size: 38px;
    }
}
@media (max-width: 540px){
    #model-form .modal-dialog{
        width: 90%;
    }
    #model-form .col-6{
        width:100%;
    }
    #model-form .modal-dialog{
        left: 40%;
        transform: translate(-40%, -50%);
    }
    #model-form .row{
        flex-direction: column-reverse;
    }
    #model-form .col-6.cont-left {
    padding: var(--p10) var(--p10);
}
#model-form h2 {
    margin-bottom: var(--m15);
}
#model-form form {
    margin-top: var(--m20);
}
#model-form form .row{
    flex-direction: column;
}
     section.video-banner {
        border: 6px solid #F8F7F2;
        height: 380px;
    }
    .video-cont h1 {
        margin-bottom: 15px;
        font-size: 25px;
    }
    .video-cont h6{
        margin-bottom: 15px;
        margin-top: 40px;
    } 
    .video-cont .scroll{
        bottom: 20px;
    }
    section.premier-section {
        padding: 30px 0px 40px 0px;
    }
    .premier-head-section {
    padding: 0 5%;
    margin-bottom: 20px;
}
.premier-head-section h2 {
    font-size: 22px;
    }
    .premier-head-section p{
        margin-bottom: 22px;
    }
        section.premier-section .premier-content {
        padding: 20px 0px;
        width: 100%;
        border-right: 0px;
        border-bottom: 1px solid #70707059;
    }
    section.premier-section .premier-content:last-child{
        border-bottom: 0px solid #70707059;
    }
        section.about-section .about-image {
        width: 100%;
        height: 100%;
        padding: 0px;
    }
        section.about-section .first-image img {
        height: 250px;
        width: 100%;
    }
    section.about-section .second-image{
        position: relative;
        margin-top: 20px;
    }
        section.about-section .second-image img {
        width: 100%;
        height: 250px;
    }
    section.about-section .about-content{
        padding: 0px;
    }
    section.about-section h2 {
        font-size: 28px;
    }
    section.about-section .abt-para p {
    margin-bottom: 20px;
}
    section.properties-section h2 {
        font-size: 28px;
        margin-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
    section.properties-section .col-4, section.properties-section .col-6{
        width: 100%;
    }
        section.properties-section .flip-content h4 {
        font-size: var(--f23);
    }
    section.properties-section img{
        height: 250px;
    }
    section.what-we-do .what-image{
        padding: 0px;
    }
    section.what-we-do .first-image img{
        width: 100%;
    height: 250px;
    }
    section.what-we-do .second-image img{
        width: 100%;
    height: 250px;
    }
    section.what-we-do .second-image{
        position: relative;
        margin-top: 20px;
    }
        section.what-we-do .what-image {
        width: 100%;
        height: auto;
    }
    section.what-we-do .what-content{
        padding: 0px;
    }
    section.what-we-do h2 {
        font-size: 28px;
    }
        section.contact-us .head-sec h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }
    section.contact-us .head-sec h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    section.contact-us .head-sec{
        margin-bottom: var(--m20);
    }
    section.contact-us {
        padding-bottom: 40px;
        padding-top: 0;
    }
    section.contact-us form .col-6, section.contact-us form .col-12{
        width: 100%;
        padding: 0px;
    }
    section.gallery-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    section.gallery-section .head-sec h2 {
        font-size: 28px;
    }
    section.gallery-section .head-sec{
        margin-bottom: 30px;
    }
    section.gallery-section .col-3, section.gallery-section .col-4, section.gallery-section .col-6{
        width: 100%;
    }
        section.gallery-section .gallery-item, section.gallery-section img {
        height: 250px;
    }
        section.gallery-section .gallery-second .gallery-item, section.gallery-section .gallery-second img, section.gallery-section .gallery-third .gallery-item, section.gallery-section .gallery-third img {
        height: 250px;
    }
}
@media (max-width: 400px){


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

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

}

@media (max-width: 360px){
     section.about-section h2, section.properties-section h2, section.what-we-do h2, section.contact-us .head-sec h2, section.gallery-section .head-sec h2{
        font-size: 28px;
    }
        section.gallery-section .gallery-item, section.gallery-section img {
        height: 200px;
    }
    section.gallery-section .gallery-icon i {
    font-size: 27px;
}
    section.about-section .first-image img, section.about-section .second-image img, section.what-we-do .first-image img, section.what-we-do .second-image img{
        height: 220px;
        }
}
@media (max-width: 320px){

}