/******* Mobile******/
@media only screen and (min-device-width:320px) and (max-device-width:767px){
    #loginLogo {padding: 10px 0px; text-align: left; }
    .logo{ margin: 0; width: 230px;}
    .loginBody{ background: #fff;}
    #loginCard{ background: #fff; box-shadow: none; margin-top: 140px;}
    #loginCard .card-body {padding: 15px; }

    #loginCard .vrLine{ display: none !important;}
    
    #mainHeader{ position: fixed; top: 0; z-index: 3; background: #f3f3f3; margin-bottom: 15px; box-shadow:0px 0px 10px 5px rgba(0,0,0,0.1);}

    #offfCanvas .dropdown-toggle::after{position: absolute;  right: 0; top: 24px;}
    #offfCanvas .dropdown-menu{ width: 100%; border: none; background: #f9f9f9; border-radius: 0px; position: relative !important;     margin-top: -50px !important; margin-bottom: 50px !important; }
    #mainMenu .dropdown-item{font-size: 13px;}

    #mainMenu{background: #4277B2; padding: 0px; color: #fff;}
    #mainMenu .nav-link{ color: rgba(255,255,255,0.8); padding: 12px 20px;}
    #mainMenu .nav-link.active {background: #5584ba; color: rgba(255,255,255,1); font-weight: bold;}


    #mainFooter{ margin-top: 0px; background: #edf0f4; /*border-top: solid 2px #cccccc;*/ padding-top: 10px; padding-bottom: 10px; }

    .remforgot{ font-size: 13px;}

    #searchWrap{ background: #fff; margin-top: 80px; box-shadow: none; -webkit-box-shadow: none;}
    #searchMap{ background: none;}

    .pgheading1 { font-size: 30px;}

    .filDetail{ margin-top: 15px;}
    #ulServices .btn-sm {padding: 0px; font-size: 14px; width: 40px; height: 40px; line-height: 40px; }

    #modifySearch .searchCol{ padding: 10px 10px;}
    /* #ulServices .btn-light i { font-size: 14px; } */
    .filterCards .inrRate { margin-bottom: 8px; }

    .availBtnWrap{ transform: translateY(0%);}
    .fCol{ transform: translateY(0%);}

    #sortingRw .btn-outline-light, #filterRwMob .btn-outline-light{padding: 8px 20px;}

    .listCard .card-title { font-size: 18px;}
    
    .stepsWrap{padding: 10px 10px;}
    .stepsWrap .stepNumber{font-size: 26px;}
    .stepsWrap .stepsDetail{line-height: 16px; font-size: 16px;}
    .stepsWrap .stepsDetail small { font-size: 12px;}

    .priceDetailBx{ padding: 20px 10px; min-height: auto;}
    .paymentDetailBx{ padding: 20px 10px; min-height: auto;}
    .whBx {padding: 20px 15px;}

    .ui-tabs .ui-tabs-nav li a{padding:.5em 12px}

     #wrapContainer { padding-top: 30px; padding-bottom: 30px;}

    .PopGal ul li { width: 50%; height: 100px; overflow: hidden;}

    .bookingSec{ margin-top:80px}

    .prel{ background:none !important;}

    .mobInline{ font-size:13px !important; }
    .text-infoMob, .text-infoMob a{color: #4277B2 !important;}
    #modifySearch {padding-top: 0px; padding-bottom: 0px;}
    .searchPageWrap{ padding-top: 0px !important; padding-bottom: 0px !important;}
    .bg-lightMob{ background:#f8f9fa}

    .rmsRwSubMob{ border-bottom:none !important;}
    .rmsRwSubMob .tbCol{ border-bottom: solid 1px #f2f2f2; padding: 8px 0; margin-bottom:0px !important}

    .PopGal ul li img{ height:100%; object-fit:cover;}

    #topSearcInputMob{margin-top:100px !important; }

}


@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait){  }


@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape){ 

}








/****** IPADs *********/
@media only screen and (min-device-width:768px) and (max-device-width:1024px){ 
    
    
}



@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
    #loginLogo {padding: 10px 0px; text-align: left; }
    .logo{ margin: 0; width: 230px;}

    .carouselImg{ height: 130px;}
    .remforgot{ font-size: 13px;}

    .loginBody{ background: #fff;}
    #loginCard{ background: #fff; box-shadow: none; margin-top: 140px;}
    #loginCard .card-body {padding: 15px; }


    .txtperRoom{ text-align: left; margin-bottom: 15px;}

    #mainHeader{ position: fixed; top: 0; z-index: 2; background: #f3f3f3; margin-bottom: 15px; box-shadow:0px 0px 10px 5px rgba(0,0,0,0.1);}

    #offfCanvas .dropdown-toggle::after{position: absolute;  right: 0; top: 24px;}
    #offfCanvas .dropdown-menu{ width: 100%; border: none; background: #f9f9f9; border-radius: 0px; position: relative !important;     margin-top: -50px !important; margin-bottom: 50px !important; }
    #mainMenu .dropdown-item{font-size: 13px;}

    #mainMenu{background: #4277B2; padding: 0px; color: #fff;}
    #mainMenu .nav-link{ color: rgba(255,255,255,0.8); padding: 12px 20px;}
    #mainMenu .nav-link.active {background: #5584ba; color: rgba(255,255,255,1); font-weight: bold;}


    #mainFooter{ margin-top: 0px; background: #edf0f4; /*border-top: solid 2px #cccccc;*/ padding-top: 10px; padding-bottom: 10px; }

    #searchWrap{ background: #fff; margin-top: 80px;  box-shadow: none; -webkit-box-shadow: none;}
    #searchMap{ background: none;}

    .pgheading1 { font-size: 30px;}

    .filDetail{ margin-top: 15px;}
    #ulServices .btn-sm {padding: 5px 6px; font-size: 12px; }

    #modifySearch .searchCol{ padding: 10px 10px;}

    .availBtnWrap{ transform: translateY(0%);}
    .fCol{ transform: translateY(0%);}

     #sortingRw .btn-outline-light, #filterRwMob .btn-outline-light{padding: 8px 35px;}

    .listCard .card-title { font-size: 18px;}

    #wrapContainer { padding-top: 30px; padding-bottom: 30px;}

    .PopGal ul li { width: 33%; height: 100px; overflow: hidden;}

    .bookingSec{ margin-top:80px}

    .prel{ background:none !important;}

    .mobInline{ font-size:13px !important; }
    .text-infoMob{color: #4277B2 !important;}

    .rmsRwSubMob{ border-bottom:none !important;}
    .rmsRwSubMob .tbCol{ border-bottom: solid 1px #f2f2f2; padding: 8px 0; margin-bottom:0px !important}

    .PopGal ul li img{ height:100%; object-fit:cover;}

    #ulServices .btn-sm { padding: 0px; font-size: 14px; width: 40px; height: 40px; line-height: 40px; }

     #topSearcInputMob{margin-top:0px !important; }

     .text-infoMob, .text-infoMob a{color: #4277B2 !important;}
}


@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
    .carouselImg{ height: 130px;}
    .remforgot{ font-size: 13px;}

    .listCard .card-title{ font-size: 18px;}

    #starRating .starRw { font-size: 12px;}
    .filterCards .inrRate { font-size: 18px;}
    #ulServices .btn-sm {padding: 5px 6px; font-size: 12px; }
    #ulServices li{ margin-right: 0px;}
    .btn-available{ padding: 6px 8px; font-size: 14px;}

    #sortingRw .btn-outline-light, #filterRwMob{padding: 8px 26px;}

    #sortingRw .sortTxt { padding: 12px 10px; font-size: 10px; }

    .stepsWrap .stepsDetail small { font-size: 12px;}

    .filterCards .fCol { padding-left: 8px; padding-right: 8px;}

    .pgheading1{font-size: 30px;}
    .txtHotelName, .txtperRoom, .form-control, .form-select, .form-label{font-size: 13px;}

    /*.placeIconCal, .placeIconCal2 { background-size: 15%; }*/

}




@media only screen and (min-device-width:1025px) and (max-device-width:1180px) and (orientation:landscape) {
    #sortingRw .btn-outline-light, #filterRwMob .btn-outline-light{padding: 8px 34px !important;}
    #starRating .starRw {  font-size: 13px !important;}
    .filterCards .fCol { padding-left: 5px !important; padding-right: 5px !important;}
}




    /* IPAD AIR*/

    /* Portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
        /* CSS styles specific to iPad Air portrait mode */
    }
    /* Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
        /* CSS styles specific to iPad Air landscape mode */
    }






    /* (1920x1080) Full HD Display */ /*@media  screen and (max-width: 1920px)*/
    @media screen and (min-width: 1920px) {
        /* insert styles here */

    }





    /* iPhone X in portrait & landscape */
    @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) {
        /* STYLES GO HERE */
    }


    /* iPhone X in portrait */
    @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
    }


    /* iPhone X in landscape */
    @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
    }





    /*iPhone 6, 7, & 8 portrait & landscape*/
    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) { /* STYLES GO HERE */
    }


    /*iPhone 6, 7, & 8 landscape*/
    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { /* STYLES GO HERE */
    }


    /*iPhone 6, 7, & 8 portrait & landscape*/
    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { /* STYLES GO HERE */
    }



    /*iPhone 6, 7, & 8 Plus in portrait & landscape*/
    @media only screen and (min-device-width : 414px) and (max-device-width : 736px) { /* STYLES GO HERE */
    }


    /*iPhone 6, 7, & 8 Plus in  landscape*/
    @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { /* STYLES GO HERE */
    }


    /*iPhone 6, 7, & 8 Plus in portrait*/
    @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { /* STYLES GO HERE */
    }



    /*iPhone 5 & 5S in portrait & landscape*/
    @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { /* STYLES GO HERE */
    }


    /*iPhone 5 & 5S in landscape*/
    @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { /* STYLES GO HERE */
    }


    /*iPhone 5 & 5S in portrait*/
    @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { /* STYLES GO HERE */
    }




    @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    }

    @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    }

    @media only screen and (min-width:1224px) {
    }

    @media only screen and (min-width:1824px) {
    }

    @media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    }

    @media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    }

    @media only screen and (min-device-width:320px) and (max-device-height:568px) and (orientation:landscape) and (-webkit-device-pixel-ratio:2) {
    }

    @media only screen and (min-device-width:320px) and (max-device-height:568px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2) {
    }

    @media only screen and (min-device-width:375px) and (max-device-height:667px) and (orientation:landscape) and (-webkit-device-pixel-ratio:2) {
    }

    @media only screen and (min-device-width:375px) and (max-device-height:667px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2) {
    }

    @media only screen and (min-device-width:414px) and (max-device-height:736px) and (orientation:landscape) and (-webkit-device-pixel-ratio:2) {
    }

    @media only screen and (min-device-width:414px) and (max-device-height:736px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2) {
    }

    @media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation:landscape) and (-webkit-device-pixel-ratio:2) {
    }

    @media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2) {
    }

    @media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation:landscape) and (-webkit-device-pixel-ratio:3) {
    }

    @media only screen and (min-device-width:320px) and (max-device-height:640px) and (orientation:portrait) and (-webkit-device-pixel-ratio:3) {
    }

    @media only screen and (min-device-width:360px) and (max-device-height:640px) and (orientation:landscape) and (-webkit-device-pixel-ratio:3) {
    }

    @media only screen and (min-device-width:360px) and (max-device-height:640px) and (orientation:portrait) and (-webkit-device-pixel-ratio:3) {
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
    }








    /* Media Query for Mobile Devices */
    @media (max-width: 480px) {
    }

    /* Media Query for low resolution  Tablets, Ipads */
    @media (min-width: 481px) and (max-width: 767px) {
    }

    /* Media Query for Tablets Ipads portrait mode */
    @media (min-width: 768px) and (max-width: 1024px) {
    }

    /* Media Query for Laptops and Desktops */
    @media (min-width: 1025px) and (max-width: 1280px) {
    }

    /* Media Query for Large screens */
    @media (min-width: 1281px) {
    }