﻿@media (min-width:1200px) {
    .container
    {
        min-width:1200px;
    }
    #widthrs {
        min-width: 1350px 
    }
    .car-col {
        max-height:300px !important;
    }
    .infocol{
        width:100%;
        font-size:15px;
    }
    .datepickerındex {
        min-height: 46px
    }
}

@media (max-width:570px) {
    .btnfr{
        margin-top:20px !important;
    }

    .usrcmmnt{
        margin-left:25%;
    }
}

@media screen and (min-width: 760px) and (max-width: 1020px) {
    #colbtnindexrs{
        margin-right:35px !important;
    }
    /*.iconimg {
        padding-bottom:20px !important;
    }*/
}


@media screen and (min-width: 400px) {
    .width35 {
        margin-left: 17px !important;
    }
    /*.iconimg {
        padding-bottom:20px !important;
    }*/
}

@media screen and (max-width: 1200px) {
    .btn-wdthrs {
        min-width: 70%;
        margin-bottom: 10px;
    }
    .wrap-wdthrs {
        min-width: 115%;
        margin-bottom: 10px;
    }
    .col-address{
        min-width: 120%;
    }
    .col-img-info{
        min-width:100%;
    }
}

@media screen and (min-width: 520px) and (max-width: 1000px) {
    .col-pay-info {
        max-width: 250px;
        margin-top: 10px;
    }

    .wrap-pay-info {
        min-width: 40%;
        margin-top: 10px;
    }
}

@media screen and (max-width: 540px) {
    .col-pay-info {
        min-width: 70%;
        margin-bottom: 10px;
    }

    .wrap-pay-info {
        min-width: 115%;
        margin-bottom: 10px;
    }
}



@media screen and (min-width: 760px) and (max-width: 1024px) {
    .btn-wdthrs {
        min-width: 70% !important;
        margin-bottom: 10px !important;
    }

    .wrap-wdthrs {
        min-width: 70% !important;
        margin-bottom: 10px !important;
    }

    .col-address {
        min-width: 80% !important;
    }

    .col-img-info {
        min-width: 70% !important;
    }
}

@media screen and (max-width: 767px) {
    .pad-add {
        padding-left:20%
    }
    #topImageTitle{
        max-width:90%;
        padding-right:20px;
    }
    .panelinfo {
        display: table !important;
        text-align: center;
    }
    .width54{
        width:54%;
    }
    .width35{
        width:37%;
    }
    .width35mar{
        width:35%;
        margin-left:0px;
    }
    .padbott{
        padding-bottom:16px;
    }
    .width30{
        width:30%;
    }
    .width20{
        width:20%;
    }
}

@media (max-width:767px) {
    .datepickerındex {
        margin-top: 10px;
    }
    .btn-ındexrs{
        max-width:100%
    }
    .team-modern-caption{
        min-height:270px !important;
    }
    #chckstep3{
        min-height:25px !important;
    }
}
    .datepickerındex {
        text-align: center;
        background-color: #ffffff !important;
        min-height: 46px
    }

    @media (max-width:768px) {
        .infocol {
            width: 50% !important;
            font-size: 13px;
            text-align: left;
        }

        .blck {
            display: block !important;
        }

        #listrs {
            width: 50%;
            padding-left: 6px;
            font-size: 11px;
        }

        #listrs2 {
            width:50%;
            font-size:11px;
        }

        #marlistrow1 {
            padding-left: 10px;
        }

        #marlistrow2 {
            margin-right: 25px;
            padding-left: 10px;
        }

        .listrsul {
            width: 100% !important
        }

        #mblfilter {
            width: 49%;
        }

        #mblfilterinput {
            width: 45%;
        }

        #row-travel {
            width: 400px;
        }

        .Listleft {
            margin-left: 20px;
            width: 45%;
        }
        .ListleftMar{
            margin-left:5px !important;
        }
        .Listright {
            width: 30%;
        }

        .Trarow {
            display: table-row;
        }

        .Carrow {
            display: flex;
            padding-left : 0px;
        }
    }

    .marzero {
        margin-top: 0px !important;
    }

    .wdth18 {
        max-width: 18px
    }

    .wdth24 {
        max-width: 24px
    }


    #mblfilterinput {
        margin-bottom: 15px;
    }

    .car-col {
        border: solid 1px #e1e1e1;
        padding: 10px;
        margin-left: 5px;
        margin-right: 5px;
        max-height: none;
    }

    .carst {
        -webkit-box-shadow: 4px 4px 13px -1px rgba(48,39,48,0.75);
        -moz-box-shadow: 4px 4px 13px -1px rgba(48,39,48,0.75);
        box-shadow: 4px 4px 13px -1px rgba(48,39,48,0.75);
    }

    #checknewpassno {
        display: none;
    }

    #infopassno {
        display: none;
    }

    #searchpickloc {
        background-color: #ffffff;
        background-image: url(/Content/assets/images/CarIcons/Pick30x40.png);
        padding-right: 14px !important;
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: right;
        min-height: 46px;
        font-weight: 500;
        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        letter-spacing: .05em !important;
        color: #151515 !important;
        top: 25px !important;
        font-size: 17px;
    }

    #searchdroploc {
        background-image: url(/Content/assets/images/CarIcons/Pick30x40.png);
        padding-right: 14px !important;
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: right;
        min-height: 46px;
        font-weight: 500;
        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        letter-spacing: .05em !important;
        color: #151515 !important;
        top: 25px !important;
        font-size: 17px;
    }

    #step-4 .form-control {
        text-align: center !important;
    }

    #lblfordatepicker {
        font-weight: 500;
        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
        letter-spacing: .05em !important;
        color: #151515 !important;
        top: 25px !important;
        font-size: 17px;
    }

    .pickdroplbl {
        font-weight: 500;
        font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
        letter-spacing: .05em !important;
        color: #151515 !important;
        font-size: 17px;
    }

    .mar {
        margin-bottom: 40px
    }

    .txtnone {
        text-transform: none !important;
    }

    .addcard {
        position: absolute;
        left: 34%;
        top: -30px;
        border-radius: 50%;
    }

    #ReturnDate {
        display: none;
    }

    #ReturnTime {
        display: none;
    }

    #FlyCodeId {
        display: none;
    }

    #FlyPassCount {
        display: none;
    }

    #passNoCol {
        display: none;
    }

    #titlecar {
        border-style: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 18px;
        color: black
    }

    #classTitle {
        background-color: #5c74e9;
        color: white;
        font-size: 30px;
        text-align: center;
    }
    /*SLİDER POPULAR CARS*/
    .slider {
        max-width: 1000px;
        width: 100%;
        background: white;
        border-radius: 5px;
        /*h v b s*/
    }

    .slick-slider button {
        display: none !important;
    }

    .slick-slide {
        color: #333;
        padding: 40px 0;
        font-size: 1.25em;
        font-family: "Verdana";
        text-align: center;
        pointer-events: none;
    }

        .slick-slide img {
            width: 100%;
        }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }

    .slick-dots {
        text-align: center;
        padding-bottom: 10px;
    }

        .slick-dots li {
            display: inline-block;
            padding: 1px;
            background: #ccc;
            margin: 10px 5px;
            width: 40px;
            height: 9px;
        }

            .slick-dots li.slick-active {
                background: #124ba5;
            }

        .slick-dots button {
            display: none;
        }

    .slick-slide:nth-child(odd) {
        /* background: blue;*/
    }

    .slick-slide {
        opacity: 0.0;
        transition: all 300ms ease;
    }

    .slick-current {
        opacity: 1;
        transform: scale(1.1);
    }

    #countAdditional {
        width: 100px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        text-align: center
    }

    .lists2 {
        border-style: none;
        display: block,
    }

    .ui-autocomplete {
        max-height: 200px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
        /* add padding to account for vertical scrollbar */
        padding-right: 20px;
    }

    .inputSearch {
        color: black !important;
        background: white !important;
    }

    .cardsm {
        border: solid 2px #247bdd;
    }

    /*.cardsm {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
    border: solid 1px;
    box-shadow: 4px 20px 12px 6px rgb(135, 206, 140);
}*/
    .speacialCost {
        float: left;
        width: 43%;
        margin-left: 28px;
        color: #3D4B59;
        font-family: auto;
        font-weight: 700
    }

    .standartCost {
        float: left;
        width: 43%;
        color: #3D4B59;
        font-family: auto;
        font-weight: 700
    }

    .iconimg {
        position: initial;
        font-size: 30px;
        padding-bottom: 20px;
    }

    .pad {
        padding-right: 11px !important;
    }

    .iconleft {
        position: relative;
        left: 4px;
    }

    .costperday {
        position: absolute;
        font-size: 25px;
        left: 10px
    }

    /*@media (min-width: 768px) {
        .input-icons {
            width: 51% !important;
            margin-bottom: 10px;
        }
    }*/

    @media (max-width: 768px) {
        .input-icons i {
            position: absolute;
            margin-left: -50%;
        }

        #address {
            max-width: 100%;
        }
    }

    .input-icons i {
        position: absolute;
    }

    .input-icons {
        width: 100%;
        margin-bottom: 10px;
    }

        .input-icons:hover {
            box-shadow: 0 0 5px rgba(81, 203, 238, 1);
        }

    .iconsm {
        padding: 10px;
        color: #124ba5;
        min-width: 50px;
        text-align: center;
    }


    .input-field {
        width: 100%;
        padding: 10px;
        text-align: center;
    }

    .mapouter {
        position: relative;
        text-align: right;
        height: 552px;
        width: 612px;
    }

    .gmap_canvas {
        overflow: hidden;
        background: none !important;
        height: 552px;
        width: 612px;
    }

    #DroppLOC {
        display: none;
        margin-top: 20px;
    }

    #SearchTabs .ui-tabs-nav li {
        width: 49%;
        text-align: center;
    }

        #SearchTabs .ui-tabs-nav li a {
            display: inline-block;
            float: none;
            padding: 10px;
            text-decoration: none;
            width: 100%;
            text-align: center;
        }

    @media (max-width: 768px) {
        #lists {
            border-style: none;
            display: inline-block !important;
            width: 40%;
        }

        .lists2 {
            border-style: none;
            display: inline-block;
            width: 100%
        }

        #Angle {
            width: 100%;
        }

        #InfoDay {
            width: 100%;
        }

        .detailimg {
            padding-left: 25% !important;
        }
    }

    /*@media (max-width: 768px) {
        #cars > .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
            width: 115%;
            padding-left: 5px;
        }
    }*/

    .padd {
        padding: 4px 10px 6px 7px !important;
    }

    @media (min-width: 768px) {
        #lists {
            border-style: none;
            display: inline-grid !important;
        }

        .lists2 {
            border-style: none;
            display: inline-table !important;
            width: 50%
        }
    }

    @media (max-width: 768px) {
        .unit-body {
            margin-left: 20px !important;
        }

        .lidetail {
            display: inline-block;
            width: 32%;
        }
        .post-ruth{
            padding-left:30px !important;
        }
    }

    @media (max-width: 768px) {
        .stepper {
            min-width: 100px !important;
        }
    }

    #provizyon {
        margin-top: 10px;
    }

    .addborder {
        border: 1px solid #9b9b9b;
    }

    #infoRS {
        margin-bottom: 15px;
        display: none;
    }

    .Infotitle {
        font-size: 12px;
        font-weight: bold;
    }

    .Infodetail {
        font-size: 1rem;
        color: #777777
    }

    #InfoBtnRS {
        display: none;
    }

    .listdetail {
        display: table;
        width: 100%;
    }

    .lefttext {
        padding-left: 10px;
    }

    .star-ratings-css {
        unicode-bidi: bidi-override;
        color: #c5c5c5;
        font-size: 25px;
        height: 25px;
        width: 100px;
        margin: 0 auto;
        position: relative;
        text-shadow: 0 1px 0 #a2a2a2;
    }

        .star-ratings-css::before {
            content: '★★★★★';
            opacity: .3;
        }

    [title="0.00"]::after {
        width: 0%;
    }

    [title="1.00"]::after {
        width: 20%;
    }

    [title="2.00"]::after {
        width: 40%;
    }

    [title="3.00"]::after {
        width: 60%;
    }

    [title="4.00"]::after {
        width: 84%;
    }

    [title="5.00"]::after {
        width: 105%;
    }

    .star-ratings-css::after {
        color: gold;
        content: '★★★★★';
        text-shadow: 0 1px 0 #ab5414;
        position: absolute;
        z-index: 1;
        display: block;
        left: 0;
        top: 0;
        width: attr(rating);
        overflow: hidden;
    }


    .page-header {
        position: relative;
    }

    .reviews {
        color: #555;
        font-weight: bold;
        margin: 10px auto 20px;
    }

    .notes {
        color: #999;
        font-size: 12px;
    }

    .media .media-object {
        max-width: 120px;
    }

    .media-body {
        position: relative;
    }

    .media-date {
        position: absolute;
        right: 25px;
        top: 25px;
    }

        .media-date li {
            padding: 0;
        }

            .media-date li:first-child:before {
                content: '';
            }

            .media-date li:before {
                content: '.';
                margin-left: -2px;
                margin-right: 2px;
            }

    .media-comment {
        margin-bottom: 20px;
    }

    .media-replied {
        margin: 0 0 20px 50px;
    }

        .media-replied .media-heading {
            padding-left: 6px;
        }

    .btn-circle {
        font-weight: bold;
        font-size: 12px;
        padding: 6px 15px;
        border-radius: 20px;
    }

        .btn-circle span {
            padding-right: 6px;
        }

    .embed-responsive {
        margin-bottom: 20px;
    }

    .tab-contentco {
        padding: 50px 15px;
        border: 1px solid #ddd;
        border-top: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .lblfltr{
        margin-top:10px;
        margin-bottom:8px;
        font-size:18px;
    }
    #flyBrandCol {
        display:none;
    }
    #codeFlyCol {
        display:none;
    }