@media(max-width:1500px){

}


@media(max-width:1400px){
    
}


@media(max-width:1280px){
    
}


@media(max-width:1024px){

    #slider .content{width: 42%;}

    #about .content h3{font-size: 23px;}

    #choose .img h4{font-size: 25px;}

    #testimonaiol .content h3{font-size: 30px;}
    #testimonaiol .content .test-text{font-size: 16px;}

    #testimonaiol .imgs{left: 0;}

    #about-page .content h3{font-size: 14px;}


}

@media(max-width:992px){

    header .navbar-brand{width: 10%;}
    header .book a{margin-top: 30px;}

    #slider .banner, #slider .banner2{padding: 250px 0;}
    #slider .content{padding: 25px; width: 50%;}

    #about .content h3 {font-size: 16px;}
    #about .content h2 {font-size: 35px;}
    #about .content .p1 {margin: 8px 0px 4px;}

    .projectFactsWrap{gap: 28px;}
    .projectFactsWrap .item p.number{font-size: 26px;}
    

    #project .projectinr .content ul li .view {padding: 10px 20px; font-size: 10px;}
    #project .projectinr .content ul li span{font-size: 12px;}
    #project .projectinr .content p {font-size: 14px;}

    #choose .img h4 {font-size: 26px;}
    #choose .content ul li span {font-size: 28px;}
    #choose .content .p1{font-size: 14px;}
    #choose .content ul li p{font-size: 14px;}
    #choose .content ul li h3{font-size: 20px; margin-bottom: 3px;}
    #choose .content .chooseul li {margin-top: 6px;}

    #testimonaiol .content h5{font-size: 16px;}
    #testimonaiol .testimona-inr{padding: 20px 50px;}
    #testimonaiol .content h3{font-size: 22px;}
    #testimonaiol .content .test-text{font-size: 14px;}
    #testimonaiol .content .imgss img{width: 63px; right: 41px;}
    #testimonaiol .content .text-inso .info {font-size: 15px;}
    #testimonaiol .content .text-inso li{font-size: 14px;}

    /* #contact .contactmn{row-gap: 30px;} */
    #contact .form{row-gap: 5px;}

    #new-later{padding: 29px 0px;}
    #new-later .content .btnn{width: 144px;}

    footer .footermn .footerbox .footerinr .lorem {width: 217px;}
    footer .gdi a img{width: 32%;}


    #heading .headingmn{padding: 160px 0 85px;}
    #heading .headingmn .content{width: 80%;}
    #heading .headingmn .content p{font-size: 16px;}


    #career .location h2{font-size: 35px;}
    #career .location p{font-size: 14px; margin-bottom: 10px;}
    #career .location ul li{font-size: 17px;}
    #career .location ul li span{font-size: 14px; font-weight: 400;}

    #thanks .content{padding: 80px 0;}
    #thanks .content h1{font-size: 50px;}
    #thanks .content p{font-size: 16px;}

}

@media(max-width:768px){
    #details ul{columns: 2;}
    
}


@media(max-width:520px){
    
}


@media(max-width:480px){

    header .navbar-brand{width: 18%;}
    header .navbar-toggler{padding: 6px 8px; font-size: 20px;}
    header .offcanvas{width: 80% !important;}

    #slider .banner, #slider .banner2{padding: 200px 0;}
    #slider .content{width: 70%; padding: 15px;}
    #slider .content h2{font-size: 28px;}
    #slider .content p{font-size: 13px;}

    #about{padding: 30px 0 40px;}
    #about .row{row-gap: 30px;}

    #project .projectinr .img img{width: 100%;}
    #project h2{margin-bottom: 30px; font-size: 35px;}
    
    #testimonaiol .testimona-inr {padding: 50px 35px;}
    #testimonaiol .imgsc .img1{width: 279px;}
    #testimonaiol .content h3{margin-bottom: 10px;}
    #testimonaiol .content .test-text{margin-bottom: 5px;}
    #testimonaiol .owl-carousel .owl-nav .owl-next{left: 215px; bottom: 30px;}
    #testimonaiol .owl-carousel .owl-nav .owl-prev{left: 166px; bottom: 30px;}

    #contact{padding: 0px 0px 50px;}
    #contact .location ul li{height: auto;}
    #contact .location .Contact{gap: 0;}
    #contact .location .Contact li:first-child{width: 100%;}
    #contact .location .Contact li:nth-child(2){width: 100%;}
    #contact .location .Contact li:nth-child(3){width: 100%;}
    #contact .form{max-width: 100%; margin: auto;}

    #new-later{padding: 70px 0;}
    #new-later .imgsc{right: 0; width: 56%;}
    #new-later .content h2{font-size: 26px;}
    #new-later .content .new-text{font-size: 16px;}
    #new-later .content .form-control{width: 100%; margin: 30px 0 20px; padding: 15px;}
    #new-later .content .btnn{margin-left: 0;}

    footer .footermn .footerbox .footerinr .imgsc img {width: 30%;}
    footer .gdi a img{width: 62%;}

    .modal form{row-gap: 11px;}

    #heading .headingmn{padding: 140px 0 85px;}
    #heading .headingmn .content span{font-size: 16px;}
    #heading .headingmn .content{width: 95%; padding: 30px 20px; background-color: #ffffffd2;}
    #heading .headingmn .content h2{font-size: 30px; margin: 5px 0 10px;}
     #heading .headingmn .content h2 span{font-size: 30px;}
    #heading .headingmn .content p{font-size: 11px;}

    #career form .label{display: none;}

    #thanks{padding: 40px 0;}
    #thanks .content{padding: 40px 15px; }
    #thanks .content h1{font-size: 40px;}
    #thanks .content p{font-size: 14px; margin: 10px 0;}

    .thumbnail-image{width: 75px; margin: 5px;}
    .primary{height: 207px;}
    #details ul{columns: 1;}
    #details ul li{font-size: 14px; margin-bottom: 8px;}
    #details .description p, #details .content p{font-size: 14px;}


}


@media(max-width:400px){
    
    
     #slider .content h2{font-size: 23px;}
    #slider .content p{font-size: 11px;}
    
    #testimonaiol .owl-carousel .owl-nav .owl-prev{left: 124px;}
    #testimonaiol .owl-carousel .owl-nav .owl-next {left: 175px;}

    
}


@media(max-width:340px){

    
}

