﻿@media(max-width:767px)
{
    #preloader
    {
        background-position: top 50px center;
    }

    #headBar
    {
        position: relative !important;
    }

    #headerMain
    {
        position: relative !important;
        top: 0 !important;
    }

    .socialMedia
    {
        text-align: center;
    }

    .navbar-brand
    {
        left: 0;
        top: 4px;
    }

    .navbar-collapse
    {
        padding: 20px 0;
        overflow: hidden;
    }

    .navbar-default .navbar-toggle
    {
        margin-top: 15px;
    }

        .navbar-default .navbar-toggle .icon-bar
        {
            background: #fff;
        }

    .navbar-default .navbar-nav > li > a
    {
        padding: 7px 0;
    }

    .navbar-default li.sub a:after
    {
        display: none;
    }

    .collapse.in
    {
        background: #273037;
    }

    .search
    {
        right: 10px;
        top: 10px;
        z-index: 9999;
    }

    .diller
    {
        position: absolute;
        top: -26px;
        right: 20px;
    }

    #header .col-sm-7.tr
    {
        text-align: left;
        float: none;
    }

    .bayiBasvuru
    {
        display: none !important;
    }

    .barMenu
    {
        margin: 10px 0 !important;
        width: 100% !important;
        position: relative;
    }

    .navbar-default .navbar-nav > li > a
    {
        text-align: center;
    }

    .navbar-nav li:hover #productMenu, .navbar-nav li:hover ul
    {
        display: none !important;
    }

    .navbar-left li:first-child, .navbar-right li:last-child
    {
        padding: 0 30px !important;
    }

    #edosanSlider
    {
        margin-top: 136px;
    }

    #sliderHome .sliderIcerik
    {
        top: 0;
        left: 40px;
    }

        #sliderHome .sliderIcerik h2
        {
            margin-bottom: 5px;
        }

            #sliderHome .sliderIcerik h2 span.mondial
            {
                font-size: 45px;
            }

            #sliderHome .sliderIcerik h2 span.mondial-sm
            {
                font-size: 51px;
            }

            #sliderHome .sliderIcerik h2 span.ultralight
            {
                font-size: 48px;
            }

    #sliderHome .owl-next, #sliderHome .owl-prev
    {
        transform: scale(.5);
    }

    #sliderHome .owl-next
    {
        right: -10px;
    }

    #sliderHome .owl-prev
    {
        left: -10px;
    }

    #sliderHome .owl-pagination
    {
        right: 40%;
        top: 25px;
    }

    #detaylar .owl-prev, #detaylar .owl-next, #photos .owl-prev, #photos .owl-next
    {
        top: 25% !important;
    }

    div[id*="owl-"] .owl-controls .owl-prev
    {
        margin-left: 25px;
    }

    div[id*="owl-"] .owl-controls .owl-next
    {
        margin-right: 25px;
    }

    #tabs
    {
        margin: 30px 0 0;
        max-width: calc(100+ - 4px);
    }

        #tabs li
        {
            width: 50%;
        }

    #tanitim .container
    {
        left: 0 !important;
    }

    .tanitimVideo
    {
        padding: 0 50px 0 15px;
    }

    .tanitimGaleri:before
    {
        clear: both;
        content: "";
        display: block;
        height: 0;
    }

    .tanitimGaleri
    {
        padding: 0 15px;
        width: 100%;
        right: 0 !important;
    }

        .tanitimGaleri .col-sm-3
        {
            width: 33%;
            float: left;
            margin-top: 14px;
        }

    #mondialMotor
    {
        display: none;
    }

    #mondialHaber .owl-controls
    {
        right: 20px;
    }

    #haberlerCarousel .item
    {
        text-align: center;
        padding: 0;
    }

    #haberlerCarousel .img-responsive.fl
    {
        float: none !important;
        width: 100%;
        display: inline-block;
        height: auto;
    }

    #haberlerCarousel .owl-item img
    {
        max-width: 90%;
    }

    #mondialHaber
    {
        margin: 17px 0 0;
    }

        #mondialHaber h2
        {
            padding-left: 20px;
            font-size: 21px;
            margin: 16px 0;
        }

        #mondialHaber .habericerik
        {
            width: 100%;
            margin: 10px 0;
            text-align: center;
        }

            #mondialHaber .habericerik a
            {
                display: inline-block;
                margin: 0 15px;
            }

    #mondialPoint
    {
        margin-top: 0;
    }

        #mondialPoint h3
        {
            padding-top: 25px;
        }

    .altTanitim .img-responsive
    {
        width: 100%;
        height: auto;
        display: block;
        margin-top: 30px;
    }

    .servis-noktalari, .satis-noktalari
    {
        margin-bottom: -30px !important;
    }

    #mondialBaglanti
    {
        bottom: 0;
        margin: 0;
        text-align: center;
        padding: 20px 0;
        display: none;
    }

        #mondialBaglanti .altmenu, #mondialBaglanti .modellerFooter
        {
            padding: 0 15px;
            margin-bottom: 30px;
            position: relative;
            z-index: 99;
        }

        #mondialBaglanti .footerSosyal:before
        {
            clear: both;
            content: "";
            display: block;
        }

        #mondialBaglanti .footerSosyal
        {
            padding-right: 15px;
        }

        #mondialBaglanti h4
        {
            margin-bottom: 10px;
        }

    .modellerFooter a
    {
        display: inline-block;
    }

    #footer .col-sm-2
    {
        text-align: center;
        margin-top: 10px;
    }

        #footer .col-sm-2 .img-responsive
        {
            display: inline-block;
        }

    #modelortam
    {
        background: url(../images/modeller-ortam.jpg) no-repeat scroll center top -189px;
        height: 400px !important;
        margin: -76px 0 -9px;
    }

        #modelortam .wrapper
        {
            bottom: 38px;
            padding: 0;
        }

    #moveTab li a
    {
        padding: 15px 10px !important;
        font-size: 16px !important;
    }

    #productName
    {
        position: relative !important;
        top: 0 !important;
        margin: 20px 0 0 !important;
    }

    #runVirtualtour
    {
        top: 40px !important;
        position: relative !important;
    }

    #colors
    {
        top: 0 !important;
        margin: 20px 0 0 !important;
    }

    #price
    {
        position: relative !important;
        top: 0 !important;
        line-height: normal !important;
        margin: 30px 0 0 !important;
    }

    #virtualtour360
    {
        margin: 50px 0 0 !important;
    }

    #videos .col-sm-4
    {
        width: 50% !important;
        float: left;
    }

        #videos .col-sm-4 .img-responsive
        {
            width: 100%;
            display: block;
            height: auto;
        }

    #detaylar .owl-prev
    {
        left: 25px !important;
    }

    #detaylar .owl-next
    {
        right: 25px !important;
    }

    #detaylar .img-responsive
    {
        width: 100%;
    }

    #modelList.fixed
    {
        position: relative;
        top: -20px !important;
    }

    #masterImage
    {
        margin: -10px 0 0;
    }

        #masterImage .img-responsive
        {
            height: 100% !important;
            width: 100%;
            display: block;
        }

    .modelMI
    {
        bottom: -125px !important;
    }

    .modellerB
    {
        position: relative;
        top: 125px;
    }

    #mastepage a#goTo
    {
        top: -24px !important;
    }

    #tabs li:hover .hover
    {
        display: none;
    }

    .number
    {
        top: -53px;
    }

        .number.image
        {
            background-size: auto 100% !important;
        }

        .number .odometer.num2
        {
            font-size: 80px;
        }

    .tdMondial .ttTel
    {
        font-size: 16px;
    }

    a#goTo
    {
        top: -24px;
    }

    #submenu li
    {
        text-align: center !important;
    }

    #productImage
    {
        margin: 0 !important;
    }

    .threesixty-nav-bar
    {
        top: auto !important;
        bottom: -30px !important;
        position: absolute !important;
        right: calc(50% - 55px) !important;
    }
}

@media(min-width:320px) and (max-width:480px)
{
    .search
    {
        display: none;
    }

    #headBar
    {
        position: relative !important;
    }

    #headerMain
    {
        position: relative !important;
        top: 0 !important;
    }

    .barMenu a
    {
        background: none;
        padding-left: 0 !important;
        display: inline-block;
        margin: 0 10px 0 0;
    }

    .barMenu
    {
        text-align: center;
        width: 100%;
    }

    #edosanSlider
    {
        margin-top: 0 !important;
    }

        #edosanSlider .owl-controls
        {
            margin: 0;
        }

        #edosanSlider .owl-pagination
        {
            display: none !important;
        }

    #sliderHome .owl-buttons
    {
        top: 20%;
    }

    #sliderHome .sliderIcerik
    {
        top: 0;
        left: 50px;
    }

        #sliderHome .sliderIcerik h2
        {
            display: none;
        }

    #sliderHome .img-responsive
    {
        display: none;
    }

    #tabModel
    {
        top: 0;
        margin: 0;
    }

    #tabs
    {
        margin: 0;
    }

        #tabs li
        {
            width: 25% !important;
            padding: 0 !important;
            text-align: center;
            font-size: 10px;
            line-height: normal;
        }

            #tabs li span
            {
                float: none;
                display: inline-block;
                margin: 0;
            }

    div[id*="owl-"] .item p
    {
        padding: 10px 0 0;
    }

    .tumModeller
    {
        float: none;
        width: 100%;
        text-align: center;
    }

    #tanitim
    {
        margin: 0;
        padding: 15px 0;
    }

        #tanitim h3
        {
            font-size: 23px;
            text-align: left;
            margin: 10px 0;
        }

    .tanitimVideo, .tanitimGaleri
    {
        padding: 0 20px;
    }

        .tanitimGaleri h3
        {
            margin: 55px 0 0 !important;
        }

        .tanitimGaleri .img-responsive
        {
            width: 100%;
            height: auto;
            display: block;
        }

        .tanitimVideo .motoCycle
        {
            right: -15px;
        }

        .tanitimVideo .aciklama span
        {
            display: none;
        }

    .videoBanner img
    {
        width: 100%;
        display: block;
        height: auto;
    }

    .tanitimVideo .play
    {
        width: 47px;
        height: 47px;
    }

    #mondialPoint .satis-noktalari
    {
        left: 0 !important;
    }

    #mondialPoint .altTanitim
    {
        right: 0 !important;
    }

    #mondialPoint h3
    {
        padding-top: 10px;
    }

    .servis-noktalari, .satis-noktalari
    {
        height: auto;
    }

    .selectBox
    {
        margin-top: -10px;
        padding-bottom: 10px;
    }

    #haberlerCarousel .owl-buttons
    {
        top: -12px;
    }

    .footerText
    {
        width: 90%;
    }

    #masterTitle
    {
        line-height: 30px;
    }

        #masterTitle .col-md-8
        {
            font-size: 20px;
        }

    #socialSharer .fb
    {
        position: relative;
        top: 25px;
    }

    .number
    {
        top: -73px;
    }

        .number .odometer
        {
            font-size: 120px;
        }

            .number .odometer.num2
            {
                font-size: 70px;
            }

    #master.noimage
    {
        margin-top: 0;
    }
}

@media(min-width:320px) and (max-width:767px)
{
    #submenu li
    {
        text-align: center !important;
    }

    .zopim
    {
        display: none;
    }

    .navbar-default, .navbar-header
    {
        margin: 0;
        min-height: 68px;
    }

        .navbar-default .navbar-collapse, .navbar-default .navbar-form
        {
            border: none;
        }

    .navbar-nav li.sub.active ul
    {
        position: relative !important;
        width: 100% !important;
        text-align: center !important;
    }

    #ctl00_imaj_Image1
    {
        height: 100%;
        width: 100%;
        display: block;
    }

    #masterTitle
    {
        text-align: center;
    }

        #masterTitle.yellow
        {
            height: auto !important;
            border: none !important;
        }

        #masterTitle .social
        {
            text-align: center !important;
            background: none;
        }

    .fb_iframe_widget
    {
        top: -25px;
    }

    #moveTab li
    {
        display: block !important;
        border: none !important;
        margin: 0 !important;
    }

        #moveTab li a
        {
            padding: 17px 5px !important;
            font-size: 14px !important;
        }

    #masterTitle.fixed
    {
        position: relative !important;
        top: 0 !important;
    }

    #masterImageBottom
    {
        bottom: -182px;
    }

    #genelbakis
    {
        margin-top: -19px;
    }

    #master
    {
        margin-top: 200px;
    }

    #colors, #productName, #productImage
    {
        position: relative !important;
        text-align: center !important;
    }

    #productShare
    {
        display: none !important;
    }

    #ctl00_wide_lb_karsilastirmayaekle
    {
        position: absolute;
        right: 0;
        top: -30px;
    }

    #productImageCon
    {
        position: relative !important;
        top: 40px !important;
    }

    #master.noimage
    {
        margin-top: 0;
    }
}

@media(min-width:320px) and (max-width:400px)
{
    #ctl00_wide_lb_karsilastirmayaekle
    {
        display: none !important;
    }

    /*#price
    {
        left: 20% !important;
    }*/
}

@media(min-width:480px) and (max-width:640px)
{
    #headBar
    {
        position: relative !important;
    }

    #headerMain
    {
        position: relative !important;
        top: 0 !important;
    }

    .barMenu a
    {
        background: none;
        padding-left: 0 !important;
        display: inline-block;
        margin-right: -4px;
    }

    .barMenu
    {
        text-align: center;
        width: 100%;
    }

    #edosanSlider
    {
        margin-top: -10px;
    }

    #sliderHome .sliderIcerik
    {
        top: 0;
        left: 50px;
    }

        #sliderHome .sliderIcerik h2
        {
            margin-bottom: 5px;
        }

            #sliderHome .sliderIcerik h2 span.mondial
            {
                font-size: 24px;
            }

            #sliderHome .sliderIcerik h2 span.mondial-sm
            {
                font-size: 21px;
            }

            #sliderHome .sliderIcerik h2 span.ultralight
            {
                font-size: 28px;
            }

    #sliderHome .img-responsive
    {
        display: none;
    }

    #tabs li
    {
        width: 25% !important;
        padding: 0 !important;
        text-align: center;
        font-size: 10px;
        line-height: normal;
    }

        #tabs li span
        {
            float: none;
            display: inline-block;
            margin: 0;
        }

    .search
    {
        top: 5px;
        right: 5px;
    }

    .tanitimVideo, .tanitimGaleri
    {
        padding: 0 20px;
    }

        .tanitimGaleri h3
        {
            margin: 55px 0 0 !important;
        }

        .tanitimGaleri .img-responsive
        {
            width: 100%;
            height: auto;
            display: block;
        }

        .tanitimVideo .motoCycle
        {
            right: -15px;
        }

    .videoBanner img
    {
        width: 100%;
        display: block;
        height: auto;
    }

    .tanitimVideo .play
    {
        width: 47px;
        height: 47px;
    }

    #mondialPoint h3
    {
        padding-top: 10px;
    }

    .servis-noktalari, .satis-noktalari
    {
        height: auto;
        max-height: 150px;
    }

    .selectBox
    {
        margin-top: -10px;
        padding-bottom: 10px;
    }

    #haberlerCarousel .owl-buttons
    {
        top: -12px;
    }

    .footerText
    {
        width: 90%;
    }
}

@media(min-width:640px) and (max-width:767px)
{
    #headBar
    {
        position: relative !important;
    }

    #headerMain
    {
        position: relative !important;
        top: 0 !important;
    }

    #edosanSlider
    {
        margin-top: -10px;
    }
}

@media(min-width:768px) and (max-width:992px)
{
    #headBar
    {
        position: relative !important;
    }

    #headerMain
    {
        position: relative !important;
        top: 0 !important;
    }

    .navbar-default .navbar-nav > li > a
    {
        text-align: center;
    }

    .navbar-nav li:hover #productMenu, .navbar-nav li:hover ul
    {
        display: none !important;
    }

    .navbar-left li:first-child, .navbar-right li:last-child
    {
        padding: 0 30px !important;
    }

    #sliderHome .owl-next, #sliderHome .owl-prev
    {
        transform: scale(.8);
    }

    #edosanSlider
    {
        margin-top: -10px;
    }

    #sliderHome .sliderIcerik
    {
        top: 0;
        left: 0;
    }

        #sliderHome .sliderIcerik h2
        {
            margin-bottom: 5px;
        }

            #sliderHome .sliderIcerik h2 span.mondial
            {
                font-size: 40px;
            }

            #sliderHome .sliderIcerik h2 span.mondial-sm
            {
                font-size: 45px;
            }

            #sliderHome .sliderIcerik h2 span.ultralight
            {
                font-size: 44px;
            }

    #sliderHome .owl-pagination
    {
        right: 20px;
    }

    #tabs
    {
        width: 100%;
        margin-top: 31px;
    }

        #tabs li
        {
            width: 25%;
        }

    div[id*="owl-"] .owl-controls .owl-prev
    {
        margin-left: 25px;
    }

    div[id*="owl-"] .owl-controls .owl-next
    {
        margin-right: 25px;
    }

    #masterImageBottom
    {
        bottom: -64px;
    }

    #tanitim .container
    {
        left: 0 !important;
    }

    #tanitim .col-sm-6
    {
        width: 100%;
    }

        #tanitim .col-sm-6:after
        {
            clear: both;
            content: "";
            display: block;
        }

    .tanitimVideo
    {
        padding-left: 15px;
    }

    .tanitimGaleri
    {
        padding: 0 15px;
        right: 0 !important;
    }

        .tanitimGaleri h3
        {
            margin: 25px 0 5px !important;
        }

    #mondialMotor
    {
        display: none;
    }

    #modelortam
    {
        top: 29px;
    }

    #mondialHaber .owl-controls
    {
        right: 20px;
    }

    #haberlerCarousel .item
    {
        text-align: center;
        padding: 0;
    }

    #haberlerCarousel .img-responsive.fl
    {
        float: none !important;
        width: 100%;
        display: inline-block;
        height: auto;
    }

    #haberlerCarousel .owl-item img
    {
        max-width: 90%;
    }

    #mondialHaber h2
    {
        padding-left: 20px;
    }

    #mondialHaber .habericerik
    {
        width: 90%;
        margin: 10px 0;
        text-align: center;
    }

        #mondialHaber .habericerik a
        {
            display: inline-block;
            margin: 0 15px;
        }

    #mondialBaglanti .altmenu, #mondialBaglanti .modellerFooter
    {
        float: left;
        width: 50%;
        padding: 0 15px;
        margin-bottom: 30px;
        position: relative;
        z-index: 99;
    }

    #mondialBaglanti .footerSosyal:before
    {
        clear: both;
        content: "";
        display: block;
    }

    #mondialBaglanti .footerSosyal
    {
        padding-right: 15px;
        width: 100%;
    }

    .footerSosyal .smMondial, .footerSosyal .ebultenMondial, .footerSosyal .tdMondial
    {
        width: 100%;
    }

    #mondialPoint
    {
        margin: 0;
    }

    .satis-noktalari, .servis-noktalari
    {
        width: 50%;
        height: 190px;
    }

    .altTanitim
    {
        width: 100%;
        margin-top: 25px;
    }

        .altTanitim .img-responsive
        {
            width: 100%;
            display: block;
        }

    #masterImage
    {
        margin: -10px 0 0;
    }

    #ctl00_imaj_Image1
    {
        height: 300px;
        width: 100%;
        display: block;
    }

    #moveTab li a
    {
        padding: 15px 10px !important;
        font-size: 16px !important;
    }

    #detaylar .owl-prev
    {
        left: -45px !important;
    }

    #detaylar .owl-next
    {
        right: -45px !important;
    }

    #detaylar .img-responsive
    {
        width: 100%;
    }

    #productBlockTitle
    {
        font-size: 33px;
    }

    #modelList.fixed
    {
        position: relative;
        z-index: 10;
        top: 0 !important;
    }

    /*#runVirtualtour
    {
        display: none !important;
    }*/

    #price
    {
        /*right: 0;*/
        /*top: 13% !important;*/
        /*text-align: right;*/
    }

    #masterTitle.fixed
    {
        position: relative !important;
        top: 0 !important;
    }

    .diller
    {
        position: absolute;
    }

    .number
    {
        top: 29px;
    }

        .number.image
        {
            background-size: auto 100% !important;
        }

        .number .odometer.num2
        {
            font-size: 150px;
        }
}

@media (max-width:992px)
{
    .navbar-header
    {
        float: none;
    }

    .navbar-brand
    {
        left: 0;
        top: 4px;
    }

    .navbar-toggle
    {
        display: block;
        margin-top: 10px;
    }

    .navbar-collapse
    {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse
        {
            display: none !important;
        }

        .navbar-collapse.in
        {
            display: block !important;
            background: #273037;
            position: relative;
            z-index: 9999;
        }

    .navbar-nav
    {
        float: none !important;
        margin: 0 -15px;
    }

        .navbar-nav > li
        {
            float: none;
        }

            .navbar-nav > li > a
            {
                padding-top: 10px;
                padding-bottom: 10px;
            }
}

@media(min-width:993px) and (max-width:1359px)
{
    .navbar-default .navbar-nav > li
    {
        padding: 0 13px;
    }

    #tabs
    {
        width: 100%;
    }

        #tabs li
        {
            width: 12.5%;
        }

    .barMenu
    {
        float: left;
        margin-left: -100px;
    }

    .bayiBasvuru
    {
        float: left;
        margin-left: 0;
    }

        .bayiBasvuru a
        {
            padding: 0 10px;
        }

    .diller
    {
        right: 20px;
    }

    #sliderHome .sliderIcerik
    {
        top: 25px;
        left: 50px;
    }

        #sliderHome .sliderIcerik h2
        {
            margin-bottom: 5px;
        }

            #sliderHome .sliderIcerik h2 span.mondial
            {
                font-size: 45px;
            }

            #sliderHome .sliderIcerik h2 span.mondial-sm
            {
                font-size: 51px;
            }

            #sliderHome .sliderIcerik h2 span.ultralight
            {
                font-size: 48px;
            }

    .tanitimVideo
    {
        padding: 0 50px 0 15px;
        width: 100%;
    }

        .tanitimVideo .videoBanner img:first-child
        {
            width: 100%;
            display: block;
            height: auto;
        }

    .tanitimGaleri:before
    {
        clear: both;
        content: "";
        display: block;
        height: 0;
    }

    .tanitimGaleri
    {
        padding: 0 15px;
        width: 100%;
    }

        .tanitimGaleri h3
        {
            margin: 55px 0 0 !important;
        }

        .tanitimGaleri .col-sm-3
        {
            width: 25%;
            float: left;
        }

    #mondialMotor
    {
        display: none;
    }

    #haberlerCarousel .item
    {
        text-align: center;
        padding: 0;
    }

    #haberlerCarousel .img-responsive.fl
    {
        float: none !important;
        width: 100%;
        display: inline-block;
        height: auto;
    }

    #haberlerCarousel .owl-item img
    {
        max-width: 90%;
    }

    #mondialHaber h2
    {
        padding-left: 20px;
    }

    #mondialHaber .habericerik
    {
        width: 90%;
        margin: 10px 0;
        text-align: center;
    }

        #mondialHaber .habericerik a
        {
            display: inline-block;
            margin: 0 15px;
        }

    .ttTel span:after
    {
        display: block;
        content: "";
        clear: both;
        margin-left: 148px;
    }

    #detaylar .owl-prev
    {
        right: 0 !important;
        display: none;
    }

    #detaylar .owl-next
    {
        left: 0 !important;
        display: none;
    }

    #detaylar:hover .owl-prev
    {
        display: block;
        left: 0;
    }

    #detaylar:hover .owl-next
    {
        display: block;
        right: 0;
    }
}
