/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/





/*---------- Small Mobile , IPhone Start ----------*/



/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 



@media (min-width: 240px) and (max-width: 575px) {



}





@media (min-width: 576px) and (max-width: 767px) {



}





@media (max-width: 767px) {

    .h-inner .logo img {

        width: 110px;

    }

    .h-inner .right img {

        width: 110px;

    }

    .h-inner .logo {

        padding: 15px 0 0;

    }

    .main {

        padding: 110px 0 0;

    }

    .reserve-main {

        margin-top: 25px;

    }

    .reserve-main h2 {

        font-size: 24px;

        line-height: 24px;

    }

    .btn-orange {

        margin: 10px 0 0;

    }

    .feature {

        padding-right: 10px;

        padding-top: 10px;

    }

    .reserve-form {

        padding: 22px;

    }

    .reserve-main h2 {

        font-size: 24px;

        line-height: 28px;

    }

    .feature .f-block p {

        font-size: 18px;

        line-height: 20px;

    }

    .f-left p {

        font-size: 13px;

        line-height: 15px;

    }

    .f-left {

        text-align: center;

    }

    .f-right {

        text-align: center;

        padding: 10px 0 0;

    }

    .f-left h4 {

        font-size: 15px;

        line-height: 16px;

    }

    .footer {

        padding: 20px 0;

    }

    

    .thankyouFooter {

        margin-top: 70px;

    }

    .inner-page {

        padding: 155px 0 0;

        height: calc(100vh - 249px);

    }

    .thank-you .text h2 {

        font-size: 38px;

        line-height: 38px;

    }

    .thank-you .text p {

        font-size: 18px;

        line-height: 18px;

    }

    .main {

        background: url(../images/body-bg-mobile@2x.jpg) no-repeat;

        background-size: cover;

    }

    

}





@media (min-width: 768px) and (max-width: 991px) {

    .reserve-main h2 {

        font-size: 28px;

        line-height: 30px;

    }

    .feature .f-block p {

        font-size: 20px;

        line-height: 23px;

    }

    .f-left p {

        font-size: 13px;

        line-height: 15px;

    }

    .inner-page {

        padding: 255px 0 0;

    }



}







@media (min-width: 992px)  {

    



}

@media (min-width: 992px) and (max-width: 1199px) {

    



}



@media (min-width: 1200px) and (max-width: 1299px) {

  





}



@media (min-width: 1310px) {

   .container {

       max-width: 1280px;

    }



}

@media (min-width: 1300px) and (max-width: 1399px) {

   



}

@media (min-width: 1400px) and (max-width: 1499px) {

  

}
@media(max-width:767px){
    .product-wrp{padding: 40px 0;}
    .contact-wrp p{padding: 0;}
    .contact-wrp button{margin: 0;}
    .product-wrp .prd-box .prd-img{width: 100%;}
    .product-wrp .col-md-4.col-sm-6{width: 33.33%;max-width: 33.33%;}
}
@media(max-width:575px){
    .product-wrp .col-md-4.col-sm-6{
        width: 50%;
        max-width: 50%;
    }
}
/*---------- Large Desktop , Large Screen End ----------*/

