/*
 Table Of Contents
 1.) Ipad CSS
    1.1) Header CSS
    1.2) Slider Section CSS 
    1.3) Global CSS 
    1.4) Footer CSS 
    1.5) Flight Page CSS
    1.6) Login Page CSS
    1.7) Shop Page CSS
    1.8) FAQ Page CSS
    1.9) My Account Page
    2.0.) Forgot Password Page CSS
    2.1.) Searching Page CSS
    2.2.) Hotel Search Result Page
    2.3.) Address Page CSS
    2.5.) Rewards Page CSS
 2.) Desktop CSS
    2.1) Header Section CSS 
    2.2) Slider Section CSS
    2.3) Flight Section CSS
    2.4) Shop Page CSS 
    2.5) My Account Page CSS
    2.6) Search Result Page CSS
 

 ===============================================*/


@media only screen and (min-width: 768px) {
    .ar_dir{
        float: right !important;
    }
    .AligntacBTN{
        margin-top:29px!important;
    }
    .Alignfair{
        position: absolute;
        left: 85%;
    }
    .Aligntac1{
        left: 59%;
        position: absolute;
    }
    .Aligntac{
        position: absolute;
        left: 31%;
    }
    .search-form {
        background: #fff;
        border: 1px solid #bebebe;
        overflow: hidden;
        width: 100%;
        margin: 15px 0 0;
        height: 40px;
        align-items: center;
        display: flex ;
        border-radius: 10px;
    }
    /* 1.1) Header CSS 
    -------------------*/
    header {
        position: absolute;
        top:0;
        width: 100%;
        left: 0;
        z-index: 4;
    }
    .top-logo {
        display:block;
    }

    .islamic-logo {
        margin: 7px 0 0;
        float: left;
        margin-left: -15px;
    }

    .logo {
        width: 125px;
        margin: 11px 0 15px;
    }

    .logo, .navbar-nav  {
        float: left;
    }



    .container.top-logo {
        overflow: hidden;
    }

    .nav > li{
        border: none;
    }


    .nav > li:before {
        position:absolute;
        right: 2px;
        top: 32px;
        width: 1px;
        height:20px;
        background: #fff;
        content:'';
        z-index: 1;
    }

    .nav > li:last-child:before {
        display:none;
    }

    .navbar-nav > li > a {
        font-size: 12px;
        padding: 33px 10px 25px;
    }
    .nav > li:hover a, .nav > li.active a {
        border-bottom: 1px solid #ed1c24;
        color: #ed1c24;
        opacity: 1;
        border-bottom-width: 3px;
    }
    .menu-wrap {
        padding:0;
        background: #ed1c24;

    }
    header  .nav > li:hover a, .nav > li.active a{
        color: #fff;
    }
    .myaccount-wrap .tab-menu li:hover a.active {
        color:#ed1c24;
    }
    .log-btn-wrap {
        background: none;
        padding: 0 11px 0 0;
        text-align: right;
    }
    .log-btn {
        border-color:#fff;
        color:#fff;
        font-size:12px;
        padding:5px 8px;
        border-radius: 14px;
        margin: 0 2.5px;
    }

    .navbar-header {
        padding:0 10px;
        float: right;
    }

    .log-btn {
        margin:28px 2px 0;
        font-size:10px;
        border-radius: 9px;
        padding: 5px 2px;
    }

    /* Login Header CSS */

    .login-head .menu-wrap {
        display: none;
    }

    /* 1.2)Slider Section CSS 
    ----------------------------------*/
    .owl-pagination {
        max-width: 1024px;
        width: 100%;
        margin: 0 auto;
    }

    .owl-pagination .owl-page {
        display: inline-block;
        margin:0 3%;
        width: 105px;
        height:105px;
        border-radius: 50%;
        cursor: default;
    }

    .owl-pagination .owl-page  a {
        cursor: pointer;
    }

    .owl-controls  {
        margin: -55px 0 0;


    }

    .owl-pagination {
        position: relative;
    }

    .col-sm-15 {
        width: 20%;
        float: left;
        text-align: center;
        /*        min-height: 197px;*/
        min-height: 269px;
        padding:69px 10px 10px;

    }

    .owl-pagination .owl-page {
        background: rgba(0, 0, 0, 0) ;
        border:none;
        border-radius: 0;
        height: auto;
        margin: 0;
        width: 25%;

    }

    .owl-pagination .owl-page a {
        display: inline-block;
        margin:9px auto;
        width: 105px;
        height:105px;
        background:#ed1c24;
        border-radius: 50%;
        border:2px solid #fff;



    }



    .owl-pagination .owl-page a:hover {
        border-color: #f3757a;
        background: #fff;



    }

    .owl-item .item > div > div > div strong , .owl-item .item > div > div > div strong span, .owl-item .item > div > div > div strong , .owl-item .item > div > div > div strong small {
        font-size:30px;
    }

    .owl-item .item > div {
        padding: 0 81px;
    }

    .owl-prev {
        left:10px;
    }

    .owl-next {
        right:10px;
    }
    .owl-pagination .owl-page:nth-child(1) a ,
    .owl-pagination .owl-page:nth-child(2) a, .owl-pagination .owl-page:nth-child(3) a,
    .owl-pagination .owl-page:nth-child(4) a, .owl-pagination .owl-page:nth-child(5) a{
        background-image: none;

        width: 110px;
        height:110px;
        display:block;
        position: initial;
    }

    .owl-pagination .owl-page:nth-child(1) a:before, .owl-pagination .owl-page:nth-child(2) a:before, 
    .owl-pagination .owl-page:nth-child(3) a:before,
    .owl-pagination .owl-page:nth-child(4) a:before, .owl-pagination .owl-page:nth-child(5) a:before {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        content: '';
        transition: all 0.9s ease 0s;
        border-radius: 13px;
        width: 93px;
    }

    .owl-pagination .owl-page:nth-child(1) a:before {

        background-position: 50% 47%;
        height: auto;
        width: 20%;

    }
    .owl-pagination .owl-page:nth-child(1) a:hover:before  {
        background-position-:-433px 0;

    }
    .owl-pagination .owl-page:nth-child(2) a:hover:before  {
        background-position-:-427px -74px;
    }
    .owl-pagination .owl-page:nth-child(3) a:hover:before  {
        background-position-:-428px -134px;
    }
    .owl-pagination .owl-page:nth-child(4) a:hover:before {
        background-position-:-424px -200px;
    }
    .owl-pagination .owl-page:nth-child(5) a:hover:before  {
        background-position-:-422px -271px;
    }

    .owl-pagination .owl-page:nth-child(2) a:before{
        background-position: 50% 47%;
        height: auto;
        width: 20%;
    }

    .owl-pagination .owl-page:nth-child(3) a:before{
        background-position: 50% 47%;
        height: auto;
        width:15%;

    }

    .owl-pagination .owl-page:nth-child(4) a:before{

        background-position: 50% 47%;
        height: auto;
        width: 20%;
    }

    .owl-pagination .owl-page:nth-child(5) a:before{
        background-position:-335px -271px;
        /*        transform: scale(0.9, 0.9);
                -web-transform: scale(0.9, 0.9);*/
        height: 57px;
    }

    .owl-pagination .owl-page:hover {
        border-color:none;
        background: none;
    }


    .owl-item .item > div {
        padding: 0 81px;
    }
    .col-sm-15 {
        position: relative;
    } 
    .col-sm-15.col-xs-12 > a {
        bottom: 55px;
        display: block;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
    }

    /* 1.3) Global CSS 
    ------------------------------*/

    .row-col {

        margin:-58px -15px 0;
        min-height: 245px;
    }


    .wrapper {
        /*margin: 0 auto -30px;*/
        margin: 0 auto ;
    }

    h1, h2 {
        font-size: 22px;
        margin: 18px 0 40px;
    }

    .container.inner-content, .container.inner-content.shop-page {
        margin:-72px auto 50px;
        border-radius: 15px;
    }

    .container.inner-content.shop-page.flight-tab {
        margin:-33px auto 61px;
    }

    input[type="text"],
    input[type="number"], input[type="email"], input[type="password"], select, optgroup, textarea, input[type="file"],
    select.form-control {
        margin: 0;
        direction: rtl;
        /*text-align: end;*/
    }
    input[type="text"]#acemail {
        background: #eee;
        height: 45px !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;

        font-size: 14px !important;
        height: 30px;
        margin: 0 0 19px;
        padding: 2px 10px !important;
        width: 100%; text-indent: 0 !important;
    }
    .select-style {
        margin: 0;
    }

    .row-fields.row {
        margin: 0 -15px 26px;
    }

    .error {
        bottom: -15px;
        width: max-content;
        top-: 10%;
        right: 20px;
    }
    .new_error {
        left: 65%;
        top: -24px;
    }


    #errMsg{
        position: relative !important;
        top: -15px !important;
        float: right !important;
    }

    .error.hotel-error {
        bottom: 16px;
    }
    #tacError{
        bottom:-18px !important;
    }

    .innerpad {
        padding:20px;
    }
    #adtexpiryError1.error {
        bottom: -26px;
        font-size: 10px;
    }

    .left-co ul li:nth-child(2) p {
        padding: 0 13px 0 0;
    }

    .rstpsubmit  .btn-wrap .btn {
        margin:0 16px 0 0;
    }

    /* 1.4)Footer CSS 
    -----------------------*/

    .copyright, .footer-sec ul {
        margin: 0;
    }
    .copyright {
        display: block;
        text-align: right;
    }

    .footer-sec ul  li {
        float: right;
    }

    .footer-sec ul {
        margin: 0 0 11px;
        width:auto;
        display: inline-block;
    }

    .footer-sec ul  li {

        margin: 0;

    }
    /* 1.5.) Flight Page CSS
    ---------------------------*/

    .flight-book-form {

        padding: 20px 10px;
    }

    .banner-sec img {
        height: 100%;
    }
    .radio-sec  {
        margin: 0 0 38px;
        text-align: left;
        margin-right: -5%;
    }


    /* 1.6.) Login Page CSS
      ---------------------------*/

    .login-content {

        margin: -62px auto 20px;
    }


    /* 
    1.7) Shop Page CSS
    ------------------------------*/

    .left-col  {
        padding:0 0 0 0;
        margin:0;
        float:left;
    }

    .right-col  {
        padding:0 0 0 10px;
    }

    .left-col >  div , .right-col > div {
        background: #fff;

    }

    .left-col >  div {
        padding: 20px 10px;
    }

    .right-col > div {
        padding: 30px 10px;
        border-radius: 0px 0px 15px 15px;
    }

    .right-col > div.item-wrap {
        padding: 10px;
        border-radius: 15px 15px 0px 0px;
    }

    .category-links li {
        float: none;
        width: 100%;
        margin:0 0 11px;
        padding:0;
    }

    .left-col > div {
        padding: 20px 16px;
        border-radius: 15px;
    }

    .range-wrap {

        margin: 0 -16px 18px;
        padding: 0 16px;
    }

    .range-wrap #slider-range,  #slider-range1, #slider-range2, #slider-range3, #slider-range4 {
        margin:24px 0 19px;
    }

    .item-list > div > div {
        width:72%;
    }

    .item-list > div {
        padding:6px 10px;
    }

    .redeem-wrap ul{margin: 0; margin-right: -15px;}
    .redeem-wrap ul li:first-child {
        width: 50%;
    }
    .redeem-wrap ul li:nth-child(2){
        width: 7%;
    }
    .redeem-wrap ul li:nth-child(3), .redeem-wrap ul li:nth-child(4) {
        width: 20%;
    }

    .redeem-wrap ul li {
        float:left;
        margin: 0 5px 0 0;
        width: 11%;
    }

    .item-list > figure {
        float: left;
        margin-right:10px;
        width:20%;
    }

    .item-list > div {

        background: #fefefe;
        float: left;
        margin: 0 0 0 10px;
        min-height: 100px;
        padding: 6px 10px 4px;
        width: 74%;
    }

    .item-list.details-para {
        overflow: hidden;
    }

    .item-list.details-para > figure  {
        width: 40%;
    }

    .item-list.details-para >  div {
        width:100%;
    }
    .item-list.details-para > div > div {
        width:79%;
    }

    .hoterl-pop.summary .nav > li {
        width:auto;
        float: right;
    }

    .item-list.details-para > div > aside {
        width:15%;
    }

    .hoterl-pop.summary .nav > li a {
        border-radius: 5px 5px 0 0;
    }


    /*
    1.8.) FAQ Page CSS
    ---------------------------*/

    .container.smiple-con {
        padding: 177px 0 0;
    }

    /*
    1.9) My Account Page
    ------------------------------*/

    .tab-menu {

        text-align: center;
    }

    .tab-menu li {
        display:inline-block;
        /*border-right:1px solid #ed1c24;*/
        padding:0 6.6% !important;
        margin:0;
    }

    .tab-menu li:first-child {
        padding-left:0;
    }

    .tab-menu li:last-child {
        padding-right-:0;
    }

    .tab-menu li:last-child {
        border-right-:0;
    }

    .tab-menu li.active{
        display:inline-block !important;
    }
    .myaccount-wrap .tab-menu li a.active { border-bottom: 3px solid #ed1c24; opacity: 1;color: #ed1c24;}
    .tab-menu li:first-child {
        border-right:0;
    }


    /*    .tab-menu.tab-menu-ar li:last-child {
            border-right: 1px solid #ed1c24;
        }*/
    .tab-menu.tab-menu-ar li:first-child {
        border-right: 0px solid #ed1c24;
    }

    .tab-menu {
        padding: 20px 30px;
    }
    .tab-menu li:before {
        display:none;
    }

    .right-tab-col {
        padding-left: 0;

    }
    .left-tab-col {
        padding:0;
    }

    .left-account {
        background: #fff;
        padding:5px;
    }

    .left-account  h2 {
        color: #000;
        font-size: 16px;
        margin: 0;
        padding: 19px 20px;
        text-transform: uppercase;
        text-align: center;
    }

    .left-account tbody td, .left-account table {
        border:none;
    }

    .left-account .btn {
        margin: 0 auto 12px;
        width: 109px;
    }

    .tra-tab th span {
        display:inline-block;
    }

    .pro-tab td:first-child {
        width: 37%;
    }
    .tab-menu li{
        padding:0 2%;
    }
    .tab-menu li a {
        font-size: 11px;
    }

    .left-account td {
        font-size:12px;
        padding:7px 2px;
    }

    .left-account td:first-child {
        width:24%;
    }

    .search-form {
        background: #fff;
        border: 1px solid #bebebe;
        overflow: hidden;
        width: 100%;
        margin: 48px 0 0;
        height: 40px;
        align-items: center;
        display: flex;
        border-radius: 10px;
    }
    .select-style.room {
        margin:0;
    }

    /*
    2.0.) Forgot Password Page CSS
    ------------------------------------*/

    .captcha-sec > input[type="text"] {
        width:70%;
    }

    /*
    2.1.) Searching Page CSS
    -------------------------------------*/

    .path-info li {
        font-size:16px;
        margin:0 0 14px;
    }

    .search-item.modifysearchform li {
        margin:0 0 10px;
    }

    .ser.right-col > div {
        padding: 30px 10px 10px;
    }

    .search-item.modifysearchform li, .search-item.modifysearchform > li:last-child {
        width:25%;
    }
    .travel-select.first , .travel-select, .travel-select > a {
        margin-bottom:0;
    }

    .travel-select {
        width: 60%;
        margin: 0px -19% 0 0;
        direction: rtl;
        border-radius: 10px;
    }


    .travel-select.first {
        width: 30%;
        margin: 0 0 0 27%;
    }


    .col-md-12.text-center {
        width-: 26%;
        margin: 0px 14% 0 0;
        direction: rtl;
    }


    .right-head.ser {
        position: relative;
    }
    .right-head.ser p{
        float: right;
        direction: ltr;    
    }
    .search-item.modifysearchform li.modify-ser {
        position:absolute;
        left: 0;
        top: -95px;
    }

    .select-hover {
        top:0;
        width:140px;
    }

    .trip-summary li span, .trip-summary li strong {
        display:block;
        float: none;
        width:100%;
        padding:7px 0;
    }

    .range-wrap > p label {
        width:100%;
    }

    .range-wrap > p input {
        width:100%;
    }

    .btn-wrap input.btn[type="button"] {
        margin: 10px 10px 10px 0;
        width: 43%;
    }

    .right-head.h-ser .gr-hotel li {
        float:right;
        width:70%;
    }

    .right-head.h-ser .gr-hotel li:last-child {
        width:28%;
        text-align: center;
        margin-left: 9px;
    }


    /*
    2.2.) Hotel Search Result Page
    --------------------------------------*/

    .hotel-info {
        width:45%;
        text-align: right;
    }

    .hotel-detail-wrap figure {
        float: right;
        margin: 0 15px 0 0;
        width: 150px;
        text-align: center;
        height:100px;
    }

    .hotel-detail-wrap figure img {
        max-width:150px;
        max-height:100px;
    }


    .hotel-info {
        float:right;
        width:45%;
    }

    .hotel-btn {
        float:right;
        width: auto;
    }
    .hotel-detail-wrap {
        padding:0;
    }

    .hotel-info h3 {
        text-align: right;

    }
    .rating  li {
        float:left;
        margin:0px 6px 0 0 ;
    }

    #loadingHotelDetail #myModal .gr-hotel li {
        float: left;
        width:70%;
    }

    #loadingHotelDetail #myModal .gr-hotel li:last-child {
        width:30%;
        text-align: center;
        float: left;
    }


    /*
    2.3.) Address Page CSS
    --------------------------------------*/

    .address-wrap {
        max-width:800px; 
    }

    /*
   2.4.) Cotact Page CSS
   --------------------------------------*/

    .contact-wrap {
        max-width:611px;
        width:100%;
        margin:0 auto 50px;
    }

    .contact-wrap ul {
        margin:0 0 0 -12px;
        overflow: hidden;
    }

    .contact-wrap ul li {
        margin:0 0 0 12px;
        width:48%;
        float: left;
    }

    .contact-wrap ul li span, .contact-wrap ul li span a {
        font-size:16px;
    }

    .contact-wrap ul li span {
        padding:19px 0;
    }


    /* 2.5.) Rewards Page CSS
    ---------------------------*/

    .slider-con-rew h1 {
        padding: 13px 20px 18px;
        background: rgba(255, 255, 255, 0.8);
        margin: -76px 0 0
    }

    .slider-con-rew > div {
        background: rgba(255, 255, 255, 0.8);
        height: 100.15%;
        width: 100%;
        max-width-: 472px;
        padding: 13px 19px;
        height:107%;
    }
    .slider-con-rew {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 1024px;
        width: 100%;
        height: 100%
    }
    .slider-con-rew > div h2  {
        font-size: 20px;
        margin: 0 0 5px;
    }

    .slider-con-rew > div li, .slider-con-rew > div p , .left-co p, .right-co > div > div h3, .right-co > div > div ul li , .bonus-sec p,
    .bonus-sec li {
        font-size: 12px;
    }


    .slider-con-rew > div p {

        margin: 0 0 5px;
    }

    .redemption-sec {
        background:none;
    }
    .redemption-sec-con {
        position: initial;
        top: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        max-width: 1024px;
        /*    position: absolute;*/
        padding: 23px 0 0
    }
    .left-co  {
        border:none;
        float: none !important;
        margin: 0 auto;
    }

    .left-co > i  img {
        width:63px;
    }
    .left-co h2 {
        margin: 0 0 12px;
        font-size:20px;
    }
    .left-co p {
        margin-bottom: -1px;
    }
    .left-co .link {
        margin: 37px auto 20px
    }


    .link {
        margin: -6px auto;
    }

    .left-co h2, .right-co h3, .right-co h2{
        margin-bottom: 10px;
    }
    .right-co > div > div h3 span {
        display:inline-block;
    }
    .right-co > div > div ul  {
        margin: 0 0 20px 46px;
    }
    .right-co > div > div:last-child ul {
        margin: 0 0 38px 46px; 
    }
    .bonus-sec .card-sec {
        padding:20px;
    }
    .bonus-sec .contact-wrap li {
        width: 100%;}
    .bonus-sec h3 {

        font-size: 11px;
        margin-bottom: 24px; 
        text-align: left;
    }
    .bonus-sec .card-sec ul {
        width:45%;
    }

    .redemption-sec > img {
        display:none;
    }

    .redemption-sec {
        background:url(../images/rew-2.jpg) no-repeat red;
        background-size: 100% 100%;
    }

    .left-co ul li {
        list-style: none;
        padding:0 10px 0 0;
        color:#fff;

        float:left;
        width:50%;
        height:118px;

    }

    .left-co ul li:last-child {
        padding:0 ;
    }

    .left-co ul li {
        position:relative;

    }

    .left-co ul li .link, .right-co > div > div ul li .link {
        position: absolute;
        left:0;
        bottom:0; right:0; margin: 0 auto;
        padding:9px 8px;
    }


    .link, .right-co > div > div .link {
        padding:9px 8px;
    }

    .right-co > div > div .link
    {
        bottom:12px;
    }

    .login-form.forgot-wrap .error {
        bottom:-5px;
    }
    .login-form.forgot-wrap ul li .error.act {
        bottom: 7px;
    }

    .bonus-sec .card-sec h3 {
        height: 33px; font-size: 11px;
    }

    .col-md-15 {
        float: left;
        width: 20%;
    }

}

/* 2.) Desktop CSS
---------------------------*/



@media screen and (min-width:1025px)  {

    .container  {
        padding:0;
    }

    .innerpad {
        padding:29px 39px;
    }

    /* 2.1) Header Section CSS 
    ---------------------------*/

    .logo {
        width:auto;
        margin: 11px 14px 19px 0;
        float: right;
        margin-right: 0;
    }

    .rig-logo {
        margin-right: -11px;

    }

    .navbar-nav {
        margin: 0;
        float: right;
    }



    .nav > li:before {
        top:39px;
    }

    .navbar-nav > li > a {
        padding:40px 18px 21px;
        font-size:15px;
    }

    .right-logo {
        text-align: right;
        padding:10px ;

    }

    .log-btn {
        padding:8px;
        font-size: 12px;
        border-radius: 14px;
    }

    .log-btn-wrap {
        padding:0 15px 0 0;
        text-align: left;
        padding-left: 8px;
    }

    .menu-wrap {
        background: #ed1c24;

    }

    .log-btn {
        margin:32px 2.5px 0;  
        min-width: 100px;
        text-align: center;
    }

    .log-btn:hover {
        color: #333;
        border-color: #333;
    }

    .container.top-logo {
        overflow:visible;
    }

    .slider-con-rew h1 {
        padding:30px 20px 18px;
        border-radius: 15px 15px 0px 0px;

    }

    .slider-con-rew > div p {

        margin: 0 0 16px;
    }

    .right-co > div > div {

        height: 355px;}

    .slider-con-rew > div {

        height: 100.7%;}


    /* 2.2) Slider Section CSS
    ---------------------------------- */

    .owl-item .item > div > div > div strong , .owl-item .item > div > div > div strong span, .owl-item .item > div > div > div strong  , .owl-item .item > div > div > div strong small {
        font-size: 35px;
    }

    .owl-item .item > div {
        padding: 0;
    }


    body.home .wrapper, #home-page, .slider-sec , body.home  .wrapper #owl-demo {
        height:100% !important;
    }

    .owl-controls {
        margin: -57px 0 0;
    }

    .row-col {
        margin: -63px -15px 0;

    }

    .col-sm-15 {
        padding: 74px 10px 10px;
    }

    .owl-wrapper-outer .owl-wrapper, .owl-carousel .owl-item, .owl-item .item,#owl-demo .item img {
        height:100%;
    }

    #owl-demo .owl-wrapper-outer {
        height:92%;
        border-bottom:3px solid #f8f8f8;
    }

    body.home .footer-sec {
        bottom: -206px;
        position: absolute;
        width:100%;
        left:0; z-index: 2;
    }


    .bonus-sec .card-sec {
        padding:20px 0;
    }

    .bonus-sec .card-sec h3 {
        font-size:12px; padding:0 22px;
    }


    /* 2.3) Flight Section CSS
    ---------------------------------- */
    .flight-book-form {
        padding: 20px 30px;
        border-radius: 15px;
    }

    /* 2.4) Shope Page CSS
   ---------------------------------- */

    .item-list > div > div {
        width:80%;
        padding: 8px 0 0;
    }

    .item-list > div {
        margin: 0;
        width: 78.5%;
    }

    .item-list.details-para > div > div {
        width:83%;
    }
    /* 2.5) My Account Page CSS
  ---------------------------------- */

    .tab-menu li{
        padding:0 1%;
    }

    .tab-menu li a {
        font-size: 12px;
    }
    .myaccount-wrap  .tab-menu li{
        padding: 0 8.8% !important;
    }

    .my_acc_tab_content .myaccount-wrap  .tab-menu li:first-child{
        padding-right: 0 !important;
    }
    .my_acc_tab_content .myaccount-wrap  .tab-menu li:last-child{
        padding-left: 0 !important;
    }
    .my_acc_tab_content   .myaccount-wrap  .tab-menu li{
        padding: 0 4.2% !important;
    }

    .myaccount-wrap  .tab-menu li:first-child{
        padding-right: 0 !important;
    }
    .myaccount-wrap  .tab-menu li:last-child{
        padding-left: 0 !important;
    }
    /*.myaccount-wrap  .tab-menu li:hover a{ background: transparent}*/
    .tab-menu.search-pg li {
        padding-: 0 4.3%;
    }

    .tab-menu.search-pg li:first-child{
        padding-left:0;
    }
    .tab-menu.search-pg li:last-child {
        padding-right-:0;
    }
    .tab-menu li a {
        font-size: 12px;
        border-bottom: 3px solid transparent;
    }

    .left-account td {
        font-size:12px;
        padding:10px 0;
        width:45%;
    }



    .tab-content > div {
        min-height:218px;
    }

    /*    .left-col , .right-col {
        padding:0 10px;
    }*/

    /* 2.6) Search Result Page CSS
  ---------------------------------- */
    .search-item.modifysearchform li, .search-item.modifysearchform > li:last-child {
        width: 16.66%;
    }

    .update .search-item.modifysearchform > li, .update .search-item.modifysearchform > li:last-child {
        width: 25%;
    }

    .login-content {
        margin: -184px auto 20px;
    }

    .login-content.search-wrap#loader {
        margin: 40px auto 20px;
    }

    .hotel-info {
        width: 55%;
    }

    .range-wrap > p label {
        width:33%;
    }


    .range-wrap > p > span input, .range-wrap > p input {
        width:100%;
    }

    .btn-wrap input.btn[type="button"] {
        margin: 10px 15px 10px 0;
    }

    #adtexpiryError1.error {
        bottom: -27px;
        font-size: 12px;
    }
    .col-sm-15.col-xs-12 > a {
        bottom: 84px;}
    .slider-con-rew > div{
        padding:18px 19px;
        border-radius: 0px 0px 15px 15px;
    }

    .slider-con-rew > div h2  {

        margin:21px 0 18px ;
    }

    .slider-con-rew > div h2:nth-child(1)  {
        margin:-9px 0 20px
    }

    .slider-con-rew > div li, .slider-con-rew > div p , .left-co p, .right-co > div > div h3, .right-co > div > div ul li , .bonus-sec p,
    .bonus-sec li {
        font-size: 14px;
    }

    .redemption-sec-con  {
        padding:47px 0 0;
    }

    .left-co h2 {
        margin: 0 0 25px; }

    .left-co p {
        margin-bottom:63px;
        /*    padding:0 15%;*/
    }

    .left-co > i  img {
        width:auto;
    }
    .left-co h2, .right-co h2{
        margin-bottom: 40px;
    }

    .right-co h3 {
        margin-bottom: 18px;
    }
    /*
    .link {
         margin: 20px auto;
         
    }*/

    .redemption-sec > img {
        display:block;
    }

    .redemption-sec {
        background:none;
        background-size: 100% 100%;
    }
    .redemption-sec-con {
        position: absolute;
    }

    .left-co ul li .link {

        padding: 9px 19px;

    }
    body.myaccountBody .tab-menu li{padding:0px 0%; width:auto;}


}

@media (min-width: 768px) {

    .col-sm-15 {
        width: 25%;
        float: left;
    }
    .cusTableScroll{
        display: none;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media screen and (max-width:639px) {
    .category-links li {
        padding:0 2px;
    }

    .category-links li a {
        font-size:13px;
    }

    .item-list > figure {
        width:123px;
    }

    .item-list > div {
        width: 69%;
    }
    .item-list > div > div {
        width: 76%;
    }

    .item-list > div > div p, .item-list > div > div a {
        font-size: 11px;
        line-height: 14px;
    }

    .item-list > div > aside {
        width: 24%;
    }

    .item-list > div > aside a.btn {
        border-radius: 20px;
        font-size: 10px;
        padding: 15px 0;
    }

    .col-sm-15 {
        height:152px;
    }
    .owl-pagination .owl-page {
        margin: 24px auto;
    }
}

@media screen and (max-width:767px)  {
    button.btn, input[type="button"].btn {
        margin-top: 35px;
    }
    .travel-select.first {
        margin: 0 0 40px;
    }
    .modal-content {
        margin: 55% auto;
    }
    .flight-book-form {
        padding: 20px 15px;
    }
    .rstpsubmit .btn-wrap .btn {
        float: left;
        margin: 0 10px 0 0;
        min-width: 40%;
    }
    .btn-fix {
        top: 50%;
        left: 38%;
    }

    .footer-sec .container {
        flex-direction: column;
    }
    .tab-menu li > a.active::before{
        content: '';
        width: 20px;
        height: 2px;
        /*background: #ed1c24;*/
        position: absolute;
        bottom: -12px;
        right: 0
    }
    .tab-menu li:first-child  > a.active::before{
        width: 73px;
    }
    .tab-menu li:nth-child(2) > a.active::before{
        width:164px;
    }
    .tab-menu li:nth-child(3) > a.active::before{
        width: 73px;
    }
    .tab-menu li:before {
        right: 0;
    }
    .tab-menu li:nth-child(4) > a.active::before{
        width: 102px;
    }
    .tab-menu li:nth-child(5) > a.active::before{
        width: 59px;
    }
    .tab-menu li:last-child  > a.active::before{
        width: 137px;
    }
    .container-col.my_acc_tab_content .myaccount-wrap .tab-menu li a.active{
        color: #ed1c24
    }
    .social-links {
        justify-content: center;
    }
    .copyright {
        text-align: center;
    }
    .footer-sec ul {
        margin: 12px auto 2px;
    }
    .footer_content ul{
        display: flex;
        justify-content: center;
    }

    div#account-summary .tb.table-responsive.pro-tab,  .tb.table-responsive.pro-tab, div#redemption .tb.table-responsive.red-tab, div#hotelair .tb.table-responsive.red-tab ,.tra-tab{
        margin: 0 ; 
        padding:  15px;
    }
    .search-form {
        background: #fff;
        border: 1px solid #bebebe;
        overflow: hidden;
        width: 100%;
        margin: 10px 0 ;
        height: 40px;
        align-items: center;
        display: flex;
        border-radius: 10px;
    }

    .popup-content {
        position: fixed;
        top: 50%;
    }
    .popup-content {
        width: 92%;
        max-height: 80vh;
        overflow-y: auto;
    }
    .popup-body {
        flex-direction: column;
        gap: 0;
    }
    .confirm-btn {
        margin-top: 20px
    }
    .credit_range ul li:nth-child(3) {
        margin-top: 24%;
    }

    .popup-body p {
        font-size: 14px;
    }

    .confirm-btn, .cancel-btn {
        width: 100%;
        font-size: 14px;
    }
    .footer-sec {
        margin-top: 10%;
    }

    #errMsg {
        top: 0% !important;
        position: relative;
        bottom: 0;
    }
    .AligntacBTN{
        margin-top: 22px!important;
    }
    .Alignfair{
        position: absolute;
        left:70%;
        top: 122%;
    }
    .Aligntac1{
        left: 17%;
        position: absolute;
        top: 128%;
    }

    .watani1 {
        top: 7px;
        left: 172px;

    }
    .watani{

        margin-top: -16px;
        right: -24px;
        margin-left: 28px;
    }



    #mySellang  {
        color:#000!important; 
        margin-bottom: 15px;
    }

    #mySellang a {
        color:#000!important;

        /*       position: absolute;
               right: 5%;
               bottom: 137%;*/
    }


    #header_desktop{
        display:none;
    }
    #header_mobile{
        display:initial;
    }


    .travel-select.first {
        width: 100%;

    }


    .tab-menu li > a.active::before {
        content: '';
        width: 0px;
        height: 2px;
        background: #ed1c24;
        position: absolute;
        bottom: 0;
        left: 0
    }

    input[type="text"], input[type="number"], input[type="email"], input[type="password"], select, optgroup, textarea, input[type="file"], select.form-control {
        margin: 0;
        direction: rtl;
    }

    .radio-sec {
        margin: 0 0 38px;
        text-align: left;
        margin-right:-19%;
    }

    .flipButton.log-btn {position:relative; left: inherit;}

    #login-page.container-col.pod {
        padding-top:0;
    }

    .flight-tab .tab-menu li {
        display:block;
    }


    .flight-tab .tab-toggle-menu {
        display:none !important;
    }

    .flight-tab .tab-menu {
        overflow: hidden;
        padding: 20px 10px;
        border-radius: 15px;
    }
    #showSearchResultFilterDiv{
        background-color: #fff;
    }
    .flight-tab .tab-menu li:before {
        bottom: 4px;
    }

    .flight-tab .tab-menu li a {
        font-size: 11px;
        line-height: 20px;
    }

    .flight-tab .tab-menu li a > span {
        height: 18px;
        width: 18px;
        line-height: 18px;
    }

    .flight-tab .tab-menu li, .flight-tab .tab-menu li.active {
        display: block;
        float: left;
        height: 26px;
        margin: 0 0 10px ;
        width: 41%;
    }

    .col-xs-15 p, .col-sm-15 p {
        font-size: 12px;
    }

    .top-logo {

        top:0;
        left:0;
        width:97%;

    }

    .container.top-logo {
        padding:5px 10px;
    }

    .login-head .top-logo {
        display:block;
        overflow: hidden;
    }

    .rig-logo, .islamic-logo {
        width:100px;
    }
    .rig-logo{
        float:right;
    }
    .m_left {
        position: absolute;
        left: 52%;
    }
    .App_R {
        left: 47%!important;
    }
    .m_right {
        position: absolute;
        left: 38%;

    }
    span#langError {
        left: 30%;
        padding-left: 0px;
    }
    .App_btn {
        float: left;
        margin-top: 30%;
    }
    #lang_Arabic {
        left: 32%!important;
    }
    .errorSpan{
        left: 45%; 
    }
    .tab-toggle-menu {
        left: 32px;
    }


    #tacError.error {
        bottom: -53px;
        left: 51px;
        width: 195px;
    }

    .error.hotel-error#tacError {
        bottom: 7px;
        left: 0;
        width: 198px;
    }

    .contact-wrap ul li {
        margin:0 0 15px;
    }


    #accordion h4.panel-title a {
        padding: 18px 18px 18px 10px;
    }

    #accordion .panel-collapse {
        padding:0 10px;
    }

    .container.inner-content.shop-page > .row {
        margin:0;
    }

    .login-form ul li:first-child .errorSpan {
        top: 0;
        line-height: 100%;
        position: relative;
        left: 0;
    }

    .login-form .error {
        bottom: -20px;
        position: absolute;
        width: 100%;
    }

    .islamic-logo{
        float: left;
    }

    .container.inner-content {
        background: none;
    }

    .container-col.pod {
        padding-top:83px;
    }

    .category-links > li {
        margin: 0 0 8px;
        padding: 0 2px;
    }

    #login-page.container-col.pod {
        padding-top:0;
    }

    .btn-wr input[type="submit"], .btn-wr input[type="button"], .btn-wr .btn {
        width:91px;
    }

    .active-xs{display: block !important;}

    .wrapSec{top:20px !important;}

    .monthes {
        overflow-x: scroll;
        width: 100%;
    }
    .monthes ul {
        width: 860px;
        overflow: auto;
    }
    .monthes li {
        margin: 0 8px;
        padding: 6px 0 0 0;
    }
    .monthes li a {
        position: relative;
        top: 0;
        font-size: 12px;
    }

    #rewards .cycleDate,
    #rewardsAjax .cycleDate {
        margin-top: 20px;
    }
    #rewards .progressMain, #rewardsAjax .progressMain{
        margin: 0;
    }


    #rewards .progressMain .progressSec,
    #rewardsAjax .progressMain .progressSec {
        border-bottom: 1px solid #e1e1e1;
        padding: 7px 20px 5px 20px;
        margin-left: -14px;
        width: 111%;
    }
    #rewards .total,
    #rewardsAjax .total {
        margin: 20px auto 0;
        text-align: center;
    }
    #rewards .pointsCon,
    #rewardsAjax .pointsCon {
        background: #fff;
        margin: 23px -2px 0;
    }
    #rewardsAjax {
        padding: 10px 10px 10px 0;
    }
    #rewardsAjax .monthes li {
        margin: 0 7px;
        padding: 4px 0 0 0;
    }

    .d-xs-block{display: block;}
    .pointsCon {
        border: 1px solid #ebe7ee;
        border-radius: 12px;
        padding: 20px 0 4px;
        display: table;
        margin: 23px -10px 0;
        width: 104%;
    }
    .pointsCon p {
        font-size: 15px;
        padding-left: 20px;
        float: right;
    }
    .pointsCon p:first-child{padding-left: 0;}
    .pointsCon p:nth-child(2) span.earnings:first-child {
        font-family: sf_pro_displaybold;
        font-size: 18px;
        display: block;
        line-height: 22px;
        color: #000;
    }
    .pointsCon p:nth-child(2) span:last-child {
        font-family: 'sf_pro_textregular';
        font-size: 15px;
        color: #757575;
    }
    .pointsCon p:nth-child(2) span:last-child span:first-child {
        float:right;
    }
    .pointsCon p:nth-child(2) span#monthlyTotalEarned {
        display: inline;
        font-family: sf_pro_displaybold;
        color: #000;
        font-size: 18px;
        float: left;
        padding:0 3px 0 5px;
    }

    #checkError{display: block;}

    .bonus-sec .card-sec h3{
        height: 35px;
    }
    .owl-pagination .owl-page:nth-child(1) a{
        background-image: url(../images/RewardsWhite.svg);
        background-repeat: no-repeat;
        background-position: 70%;    
    }
    .owl-pagination .owl-page:nth-child(2) a{
        background-image: url(../images/FlightsWhite.svg);
        background-repeat: no-repeat;
        background-position: 70%;    
    }
    .owl-pagination .owl-page:nth-child(3) a{
        background-image: url(../images/ShopWhite.svg);
        background-repeat: no-repeat;
        background-position: 70%;
    }
    .owl-pagination .owl-page:nth-child(4) a{
        background-image: url(../images/HotelWhite.svg);
        background-repeat: no-repeat;
        background-position: 70%;
    }

    .milesBalanceStyle {
        width: 34%;
        margin: 3px 0 5px;
        padding: 0 7px 8px;
        float: right;
        margin-right: 5%;
    }
    .sideNote {
        padding-right: 15px;
    }
    .col-sm-4.col-xs-12.childAge .childwrappercol{
        padding-right: 0px;
        padding-left: 0px;
    }
    .discount{
        right: 82% !important;
    }
    .myProfileStyle{
        padding-top: 32px;
        padding-left: 14px;
    }
    /*    .log-btn{float: right;}
        .log-btn-wrap .log-btn{margin-right: 15px;}*/
    .log-btn-wrap .log-btn:last-child{margin-right: 0px;}

    .headerMenu{clear:both;}
    .discount{top: 20%;}

    .logoAr{float: right; margin-right: 15px; margin-top: 10px;}
    .toggle-menu-ar.collapsed{top: 34%; left: 15px;}

    #popupContent .body-wrap-inner {
        display: block;
    }

    #popupContent .popup-header h2 {
        margin: 0 0 32px 0;
        font-size: 24px;
        padding-top: 0;
        text-align: right;
    }
    #popupContent .body-wrap-inner>div {
        width: 100%;
    }
    #popupContent .popup-header {
        display: block;
    }
    #popupContent {
        padding: 40px 0 20px;
    }
    #popupContent .close-btn {
        left: 20px;
        top: 15px;
    }
    #popupContent .close-btn img {
        width: 20px;
    }
    
    #popupContent .body-wrap {
        padding: 0 20px;
    }
    .popup-header h2 {
        padding: 0 20px;
    }
    span.cusMycaccountRew {
        padding-bottom: 15px;
        display: block;
        color: #959188;
    }
    span.cusMycaccountRew>p {
        margin: 5px 0 0;
        color: #000;
    }
	 #popupContent{
        max-height: 100%;
    }
    #popupContent .popup-body h3 {
        text-align: left;  
        line-height: 20px;
    }
    #popupContent button#redeemBtn {
        width: auto;
    }
    .credit_range ul li:nth-child(1) {
        border-bottom: 1px solid #ccc;
    }
    #popupContent .cus-desk {
        display: none !important;
    }
    #popupContent .cus-mob {
        display: block !important;
    }
  
    .cus-table-sticky {
        width: 91%;               
        padding: 0 !important;
        margin: 0 15px !important;
    }
    .cus-table-sticky .sticky-col {
        position: sticky;
        right: -0.8px;
        background: white;
        z-index: 5;
    }
    #account-summary tbody>tr>td:nth-child(1) {
        white-space: normal;
    }
    #hotelair>h2{
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }
    #errormsgm{
        bottom: 0;  
    }
     .my_acc_content ul.tab-menu {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        width: 100%;
    }

    
    .my_acc_content ul.tab-menu {
        scrollbar-width: thin;           
    }

    .my_acc_content ul.tab-menu::-webkit-scrollbar {
        height: 8px;                     
    }

    .my_acc_content ul.tab-menu::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.3);
        border-radius: 10px;
    }
    .my_acc_content ul.tab-menu>li:nth-child(1) {
        margin-left: 0;
    }
    .my_acc_content ul.tab-menu>li{
        margin:0 16px;
    }
    .my_acc_content ul.tab-menu>li:last-child {
        margin-right: 0;
    }
     .available-text{
        padding-bottom:20px;
    }
    #popupContent span.cusMycaccountRew {
        font-size: 14px;
        /*font-weight: bold;*/
    }
    span#cusLabel {
        font-size: 12px;
    }
    .cusTableScroll {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgb(157 157 157 / 60%);
        padding: 12px;
        border-radius: 120px;
        position: absolute;
        top: 57%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9;
        color: #fff;
        flex-direction: row-reverse;
    }
    button.cusPrev, 
	button.cusNext {
        background: transparent;
        margin: 0;
        padding: 0;
		width: 16px;
        height: 16px;
		cursor: pointer;
    }
	button.cusPrev {
		margin-right: 6px;
	}
	button.cusNext {
		margin-left: 6px;
	}
}





@media screen and (min-width:350px) and (max-width:499px) {


    .col-xs-15 p, .col-sm-15 p {
        margin: 0 0 5px;
    }


    .category-links li a i {
        margin-right: 1px;
    }

    .item-list > div {
        width:60%;
    }

    .login-content {
        max-width: 378px;
    }

    .login-icon {
        padding:0 10px 0 0;
    }



    .logo {
        width:145px;
    }

    .toggle-menu {
        width:39px;
    }

    .right-head .search-item li select.form-control {
        font-size:12px;
    }

    .myaccount-wrap .tab-menu li a {padding:0;font-weight: 500}
    .myaccount-wrap .tab-menu li  {margin-bottom:25px}
    .myaccount-wrap .tab-menu li.active-xs a { display: inline-block}

}

@media screen and (min-width:320px) and (max-width:599px) {
    #ui-datepicker-div {
        width:300px !important;
        /*        z-index:10 !important;*/

    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width:100% !important;
    }


    .forgot-links li a {
        font-size:9px;
    } 

    .login-icon {
        padding-right:10px;
    }


}

@media screen and (max-width:390px) {
    .category-links li a {
        text-align: left;
    }

    .category-links li a i {

        margin:0 2px 0 0;
    }
    .item-list > figure {
        float: none;
        margin: 0 auto 10px;
        width: 123px;
    }

    .item-list > div {
        float:none;
        width:100%;
        margin:0;
    }

    .col-xs-15 p, .col-sm-15 p {
        font-size: 12px;
    }

    .log-btn {
        padding:3px 6px; margin: 0;
        margin-top: 23px;
    }

    .toggle-menu {
        width: 39px;
    }

    .modal-content.hoterl-pop  .nav > li > a {
        padding:4px 0.5%;
        font-size: 11.5px;
        text-align: center;
    }

    .glyphicon.glyphicon-play {
        font-size: 9px;
    }

    .path-info li {
        font-size:12px;
    }
    .spinner {
        margin:30px auto;
    }
    .search-wrap h1 {
        font-size:17px;
    }

    .trip-summary li strong {
        width:100%;
    }

    .trip-summary li span {
        width: 100%;
    }

    .right-head .search-item li {
        float:none;
        width:100%;
    }

    .footer-sec ul li{
        padding:0 6px;
        font-size: 10px;
    }

    .footer-sec > .container  {
        padding:0 ;

    }
}

@media screen and (max-width:347px) {
    .flight-tab .tab-menu li, .flight-tab .tab-menu li.active {
        float:none;
        width:100%;
    }

    .login-content {
        padding:27px 11px;
        max-width:300px;
    }
}

@media screen and (max-width:358px) {
    .owl-pagination .owl-page {
        margin:23px auto;

    }
    .col-xs-15, .col-sm-15{
        padding:30px 10px 30px 140px;
    }
}

@media screen and (max-width:345px)  {
    .col-xs-15, .col-sm-15 {
        padding: 14px 15px 14px 140px;
        min-height: 153px;
    }

    .owl-pagination .owl-page {
        margin: 24px auto;
    }
}

@media screen and (min-width:1024px)  { 
    .trip-summary li span, .trip-summary li strong {
        padding: 10px 0;
        float: right;
        direction: rtl;
    }

    .trip-summary li span {
        line-height: 15px;
        width: 48%;
    }

    .trip-summary li strong {
        width:52%;
    }
    .range-wrap > p label {
        width: 33%;
    }

    .range-wrap > p span {
        width: 65%;
        display: inline-block;
    }

    .range-wrap > p span.glyphicon {
        width:auto;
    }

    .slider-con-rew > div li, .slider-con-rew > div p, .left-co p, .right-co > div > div h3, .right-co > div > div ul li, .bonus-sec p, .bonus-sec li,
    .slider-con-rew > div p a    {
        font-size: 14px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape)  {
    #tacError.error , .error.hotel-error#tacError {
        width:67%;
    }
    .col-xs-15 p, .col-sm-15 p {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1159px) and (orientation: landscape)  {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-sm-15.col-xs-12 > a {
        bottom: 84px;}



}

@media only screen and (min-width: 1024px) and (max-width:1025px) {
    .left-co p {
        margin-bottom: 8px;
    }

    .left-co ul li {
        height: 174px;
    }

    .right-co > div > div .link {
        bottom: 6px;
    }
}


.ie9 select{
    width: 110%;
    background:transparent;
}

.ie9  option {
    width:50% !important;
    background:transparent;
}
.ie9  .d-f-b select, .ie9 #roomtype, .ie9  #nationality, .ie9  #roomsCount, .ie .right-head.pes select {
    width:170%;

}
.ie9 select.ui-datepicker-month, select.ui-datepicker-year {
    /*background: #eee url("../images/arrow.jpg") no-repeat scroll 92% 10px !important;*/
    appearance: none;
    -ms-appearance: none;

}
.ie9 .shop-page select {
    width:115%;
}
.ie9 .select-style {
    overflow: hidden;
}
.ie9 .owl-controls {
    margin: -20px 0 0;
}

.ie9 [type="radio"] + label::after {
    top:-2px;
    left:-22px;
}

/* Below code for IE 10 */

@media all and (-ms-high-contrast:none)
{
    .owl-next {
        right: 25px;
    }

    .owl-controls {
        margin: -20px 0 0;
    }
    *::-ms-backdrop, .owl-next {
        right: 25px;
    }


    *::-ms-backdrop, .owl-controls {
        margin: -20px 0 0;
    }




}



@media only screen and (min-width:768px) and (max-width:925px)   {
    .grid-list div > div {
        height: 143px;
    }

    .grid-list aside span > span{
        display:block;
        top: 13px;
    }

    .grid-list aside a.btn {
        float: left;
        margin: 14px 0 0;

    }

    body.home .footer-sec {
        bottom:0;
        left:0;
        width:100%;
        position: fixed;
    }

    .grid-list {
        height: 378px;
    }
    .d-f-b li {
        margin:0 5px 0 0;
    }

    .slider-con-rew {
        height:112%;
    }

    .slider-con-rew h1 {
        font-size: 18px;
        margin: -103px 0 0;
        padding: 7px 20px 20px;
    }

    .slider-con-rew > div {
        padding: 0 19px;
    }

    .slider-con-rew > div h2 {
        font-size: 14px;
        margin: 0 0 5px;
    }
    .slider-con-rew > div h2 > small {
        font-size: 14px;
    }

    .slider-con-rew > div p , .slider-con-rew > div a{
        font-size:11px;
    }

    .grid-list.img-wrp > figure {
        height: 80px;
    }

    .grid-list.img-wrp > figure img {
        max-height: 69px;
    }

    .grid-list div > div.pra {
        height: 112px;
    }


}