@media only screen and (max-width: 1024px) {
    .respProd img {width:100% !important;}
}

@media only screen and (max-width: 992px) {
.bx-wrapper .bx-prev {left: 0 !important;}
.bx-wrapper .bx-next {right: 0 !important;}
.carousel-item {  height: 18rem !important;}

}

@media only screen and (max-width: 768px) {
	.logo {
    width: 30%!important;
}
    .respImg {text-align:center;}
   
    header .navbar { padding: 5px 15px;}
    

    .menu ul li{text-align: left;  align-self: end; width: 100%;}
    .menu ul li{border-bottom:1px solid #ccc}
    header .navbar-expand-lg .navbar-nav .nav-link { border-left: none;}
    header .navbar-expand-lg .navbar-nav li:last-child .nav-link {  border-right: none;}
    .resBox {border:1px solid #ccc; margin: 5px 0;}
    }
@media only screen and (max-width: 640px) {
     .sortBy {margin-top:20px !important; border-bottom:0px; margin-bottom: 0px;}
        .sortBy .fRight {
            width: 100%;
        }
    .respProd img { width: 150px !important;
    height: 100px !important;}
    .shop {    margin-top: 0rem !important;}
    .marTop {margin:10px 0 0}
    .list-group-item:first-child { width: 100%;}
    .MyRewards_logo img {width:100%;}
    .mayapada_logo img {width:100%;}
    .mt-100 { margin-top: 105px;}
   .orderCard .card {padding: 10px 0px 30px;}
    .orderCard .card-body{padding:5px;}
     header .navbar { padding: 5px 0px; }
    .carousel-item {  height: 140px !important;}
    .card-body iframe {width:100%;}
    .imgWIdth { width: 100% !important;}
    .seeBtn { margin: 0 !important;}
    }
@media only screen and (max-width: 600px) {


/*01May20*/
.mt-100 { margin-top: 0px; }
.footer{    padding: 30px 0 40px;}
.top_band li:last-child{width: 175px;}
.navbar-expand-lg>.container{ padding-right: 15px; padding-left: 15px;}
.top_banner .banner_text p{font-size: 18px; line-height: 30px;}
.top_banner .banner_text p>span{font-size: 19px;}
.tab_box .nav-tabs .nav-link img{height: 50px; display: block; margin: 0 auto 10px;}
.tab_box{top: -30px;}
.tab_box .nav-item .nav-link{ padding: 0.5rem 0.2rem; font-size: 11px;}
.heading_title h3{ font-size: 28px; }
.heading_title p{ font-size: 18px; }
.evoucher{text-align: center;}
.voucher{display: block; margin-bottom: 15px;}
.social_icon li{padding-right: 5px;}
.footer_menu li{display: block;}
.footer_menu li a,.footer_menu li:first-child a{ display: block; padding: 5px 15px;text-align: left;}

    #navbarSupportedContent.collapse:not(.show) {
        display: block;
    }
  .menu { background-color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: fixed; top: 0; z-index: 10; width: 280px; height: 100%; }
  .menu .navbar-nav {    flex-direction: column; background: #fff; width: 280px; left: 0; height: 100%; position: relative; margin-left: 0 !important;    top: 0px;}
  .menu.left-open { width: 100%; }
  .menu-left { right: -300px; background:#fff; }
  .menu-left.left-open { right: 0; width:280px; display:block;}
  .overlay{ position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 1; top: 0; right: 0;}
  .overlay.dbshow{ display: block; }
  .points{ width: 100%; }
  .closeNav{position: absolute; right: 0; top: 0; display: block;}
.closeNav a {
        top: -4px;
        position: absolute !important;
        right: 0px;
        background-color: #00f0ff;
        padding: 13px 0 !important;
        width: 44px !important;
        height: 44px !important;
        text-align: center;
    }
/*Ajaaz*/

.search_by > div{margin-bottom: 1.5rem;}
/***********************************/
.shop_category{width: 100%;}
.shop_category select{ height: 40px; font-size: 15px; }
.skyblueBg .example{display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
.skyblueBg .example input{ width: 125px; }
.bucketlist{ padding-left: 5px; }
.bucketlist input{ max-width: 25px; }
.skyblueBg .example button{ padding: 5px 10px; }
.bucketlist span{ padding-right: 7px; }
.mt-100#shop{ margin-top: 160px; }
.MyRewards_logo img{width: 115px;}
.mayapada_logo img{width: 100%;}
/*header .navbar{padding: 0.5rem 0;}*/
.navbar-nav li{align-self: baseline;}
header .navbar-expand-lg .navbar-nav li:last-child .nav-link{border:none;}
    .social_icon > ul.floatl {
        float: none !important;
    }
        .social_icon > ul.floatl li:first-child img.mycall {
            height: 50px;
        }
            .social_icon > ul.floatr li img{ height:35px;}
            .social_icon > ul {
                padding: 1rem 0;
                text-align: left;
            }
.social_icon .giift li{text-align: center;}
.social_icon  li{text-align: left;}
.footer_menu li::after{display: none;}

    .tab_panel {
        padding: 30px 15px;
    }

    .tab-content > .tab-pane {
        padding: 20px 0px;
    }

    .sbox li a {
        padding: 5px 5px 5px 0;
    }

    .sbox li span img {
        height: 24px;
    }

    .form_box label {
        margin-top: 5px;
    }
    .languages {
        padding: 10px 15px;
    }
        .journey .time{ 
            margin: 10px 0;
            width: 250px;
    }

    .flights_table table td {
        min-width: 65px;
    }
    .voucher .card_detail h5{ font-size:20px; padding: 0 10px;}
    .navbar-toggler{ text-align:left; }
    #back, #continue {
        width: 100%;
        margin-bottom: 10px;
    }

    .summary > div > p.title {
        font-weight: bold;
        padding: 10px;
    }

    .topmar135 {
        margin-top: 64px;
    }

    .bannermargin {
        margin-top: 64px;
    }

    .search_by {
        border: 1px solid #333 !important;
        position: fixed;
        left: -85%;
        width: 85% !important;
        background: #fff;
        z-index: 5;
        top: 0px;
        z-index: 99;
        height: 100%;
        padding: 0;
    }

    .filter_ico {
        background: #1a5f98;
        padding: 5px;
        width: 45px;
        position: absolute;
        right: -46px;
        top: 50%;
        display: block !important;
        margin-top: -25px
    }

        .filter_ico img {
            width: 100%;
        }

    .search_panel_box {
        margin-top: 60px;
    }
   

}
.text {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .sortBy a {
            padding-top: 8px !important;
        }

        .t-products {
            background-image: linear-gradient(to right top, #5629c0, #5625cb, #5620d5, #551ae0, #5412eb);
            color: #fff;
            border-radius: 3px
        }

        .brand {
            background-color: #fff;
            border-bottom: 1px solid #eee
        }

        .type {
            background-color: #fff
        }

.product {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    border: 1px solid #ddd;
}

       

        .cart-button button {
            font-size: 12px;
            color: #fff;
            background-color: #5629c0;
            height: 38px
        }

            .cart-button button:focus, button:active {
                font-size: 12px;
                color: #fff;
                background-color: transparent;
                box-shadow: none;
                padding: 0.45em 1.2em;
            }

        .product_fav i {
            line-height: 40px;
            color: #5629c0;
            font-size: 15px
        }

        .product_fav {
            display: inline-block;
            width: 36px;
            height: 39px;
            background: #FFFFFF;
            box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
            border-radius: 11%;
            text-align: center;
            cursor: pointer;
            margin-left: 3px;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease
        }

            .product_fav:hover {
                background: #5629c0
            }

                .product_fav:hover i {
                    color: #fff
                }

        .about {
            margin-top: 12px
        }

       



        #CP_CPSHOP_dvResult .product img {
            width: auto;
        }

        .starRat {
            text-align: center;
        }

            .starRat img {
                width: 20px;
            }


        .fRight {
            float: right;
        }

        #CP_CPSHOP_divFilters .accordion {
            padding: 5px 10px;
        }

        #CP_CPSHOP_divFilters h6 {
            padding: 0px;
            margin: 0px;
            font-size: 13px;
            font-weight: bold;
            color:#000;
        }

        #CP_CPSHOP_divFilters .accordion.active:after, #CP_CPSHOP_divFilters .accordion:after {
            position: relative;
            top: -3px;
        }

        .coupon .copyCode {
            border: 1px dashed orange;
            line-height: 30px;
            display: block;
            font-size: 14px;
            font-weight: bold;
            background: #ffac341f;
            color: #9f6715;
        }

.blue_button {
    background-image: linear-gradient(to right, #1a1441, #00f0ff);
    padding: 10px 15px!important;
    color: #009fdf;
    margin: 5px 0;
    border-radius: 10px;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    color: #fff !important;
}

        a.blue_button :hover {
            display: block;
            color:white;
            text-decoration:none
        }

        a:hover {
            text-decoration: none;
        }

        .coupon .col-md-12 {
            margin-bottom: 10px;
            font-weight: bold;
        }

        .row.C-copy {
            border: 1px solid #ddd;
            padding: 20px;
        }

        .bTxt {
            font-size: 24px;
        }

        .sTxt {
            margin-top: 20px;
            font-size: 12px;
        }

        
        .bx-wrapper {
            position: relative;
            margin-bottom: 25px;
            padding: 0;
            *zoom: 1;
        }
        .mb-4, .my-4 {
            margin-bottom: 1.5rem !important;
            padding: 20px;
        }

         .py-1 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }
       .mx-1 {
            margin-left: 1rem !important;
            margin-right: 1rem !important;
        }
        .p-rel {
            position: relative;
        }
       

        .btn.btn-primary {
            color: #ffffff;
            background-color: #D12530;
        }

        .btn-group, .btn-group-vertical{
            display:block;
        }

.btn-success {
    color: #fff;
    background-color: #1a1441;
}

         

        .bold {
            font-weight: 700 !important;
            color: black;
             }

        .profile .btn {
            margin-left: 1rem;
            background: transparent;
            color: #000;
            border: 1px solid #0e2c4d;
            padding: 0;
            height: 35px;
        }

@media only screen and (max-width: 1024px) {
    #CP_CPSHOP_dvResult img {width:100% !important}
}

    @media only screen and (max-width: 640px) {
        .sortBy a {
                padding-top: 8px !important;
            }
            .resRight {float:left}
            .sortBy #sortBy { width: 100%;}
        }
@media only screen and (max-width: 520px) {
    .resMar {
        margin-top: 0 !important;
        margin-left: 5px;
    }
    .navPadd .navbar {padding: .5rem 0rem;}
    .copyright { float: left !important; margin: 25px 15px 0 0 !important; text-align: left !important;}
    .footer_menu li a, .footer_menu li:first-child a { padding: 5px 0px; text-align: left;}
    .viewBtn{font-size: 11px !important;padding: 14px 4px !important;}
    header .navbar { padding: 5px 0px; }
    .menu ul li { border-bottom: none; }
    .carousel-item {  height: 115px !important;}
    .imw80p { width: 100%; }
    }


@media only screen and (max-width: 480px) {
    .searchArea {width:100%;}
    .searchArea input { width: 70%; float: left;}
    .trigger_popup_fricc { padding: 8px 0 0;}
    .respCard .card{padding: 20px 0px 0px !important;}
    /*.widgetTab li a {
        padding: 14px 0px !important;
        font-size: 13px !important;
        width: 33.3%;
        text-align: center;
        border-right: 1px solid #ccc;
    }*/
   
    .cartBtn a {padding: 10px 3px !important; width: 48.5% !important;}
    .orderCard .card-body strong{font-size:10px}
    .track .text { font-size: 10px;}
     .carousel-item {  height: 80px !important;}
    .shopProdList {margin-top: 10px;}

    }