/* Media Queries */


/*csslint order-alphabetical:false, ids: false, box-sizing: false, important:false, box-model:false */

@media screen and (max-width: 767px), screen and (max-device-width: 767px) {

/*################################################################################## */
/*########################        SWITCHING RESPONSIVE            ################## */
/*################################################################################## */
    
    #cookieConsentWrapper {
        display: none;
        padding: 2vh 6vw 2vh 6vw;
        height: auto;
        box-sizing: border-box;
        font-size: 15px;
    }

    #cookieConsent a {
        display: inline;
        font-size: 16px;
        /* font-weight: bold; */
    }

    #mapWrapper, #zusatzAngaben, .newTrennWhite, .newTrennBlack, .newTrennBottomWhite, .newTrennBottomBlack, .firstTrennWhite, .firstTrennBlack {
        width: 100%
    }

    #map {
        width: 100%;
        height: 150px;
        margin-bottom: 5px;
    }

    #mapWrapper {
        /*border-radius: 20px; !important*/
        overflow: hidden !important;
    }

    #eilmeldungWrapper {
        width: 100%;
        box-sizing: border-box;
        padding: 4vw 6vw 4vw 6vw;
        height: auto;
        margin: 0;
        background: -webkit-linear-gradient(-90deg, rgba(235, 131, 45, 0) 88%, rgb(7, 0, 0) 208%);
    }

    #livemeldungElement {
        display: block;
        width: 100%;
        height:auto;
        background: -webkit-radial-gradient(193px 50px, 363px 143px, rgb(235, 131, 45) -4%, rgb(212, 92, 36) 70%); /* FIX */
    }

    #eilmeldungIcon {
        display: inline;
    }

    #eilmeldung {
        margin: 0;
        float: none;
        font-size: 16px;
        margin-top: 2px;
    }

    #zusatzAngaben {
        margin: 0 0 20px 0;
    }

    #mobileFooter {
        display:block;
    }

/*  #map { BUG! ne funkcionira
        border-bottom-right-radius: 10px !important;
        overflow: hidden !important

    }
    */
    
    form input[type="text"], form .select_label, form textarea
    {
        font-size: 17px;
    }
    
/*################################################################################## */
/*#####################         Hidden (Desktop) Elements         ################## */
/*################################################################################## */

     #refernenzenWrapper, #display_list, #sidepanelKanteTop, #loadingAnimation, #sidepanelEckeBottom, .newTrennBottomBlack, .newTrennBottomWhite, .newTrennWhite, .newTrennBlack, #umweltSchonend, #isoNorm, img[alt="Umweltschonend"], #zusatzAngaben ul, #eilmeldungOverlay, #livemeldungElement, #displayDesktopPaketbote::before, .andisMotto, .profilePicContainer, .buchungSchatten, .circle, #formular::after {
        display: none;
    }

/*################################################################################## */
/*#####################         Switching 2 Responsive      ###   ################## */
/*################################################################################## */

    #footerMobileAbout, #footerMobileContact {
        display: block;
    }
    
/*################################################################################## */
/*############################         Mobile Frames           ##################### */
/*################################################################################## */

    
    #responsiveZusatzInfo{
        display: block;
    }
    
    #responsiveZusatzInfo li {
        margin-bottom: 4px;
    }
    
    .mobileSplashScreen {
        width: 100%;
        height: 120%;
        background: #fff;
        position: fixed;
        z-index: 8;
    }
    
    .mobileSplashScreen img {
        margin-top:25%;
        margin-left:15%;
    }
    
    body {
        background: #000;
        margin:0;
        padding: 0;
    }

    #footerMobileAbout {
        box-sizing: border-box;
        padding: 10vw 6vw 10vw 6vw;
        /*background: #371707;*/
        background: url(../img/mobileInfoBG.svg) center right / 55% 115% no-repeat, radial-gradient(50% 50%, #7a3b1b 45%, #371707 175%);
        /* background: -webkit-radial-gradient(50% 50%, 110% 125%, #7a3b1b 19%, #371707 70%); */
        box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.19);
        position: relative;
        z-index: 2;
        overflow: hidden;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        border-top: 1px solid rgba(0, 0, 0, 0.03);
    }
    
    #errorMessageContainer {
        display: none;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        position: fixed;
        z-index: 1000;
        padding: 3.5vh 6vw 3.5vh 6vw;
        border-radius: 0 0 0.35em 0.35em;
        background: #f48700 url(../img/ausrufezeichen.svg) no-repeat right 1vw center;
        background-size: 18% 50%;
        font-size: 1.5em;
        /*line-height: 0.8em;*/
        text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.11);
        -webkit-box-shadow: 0 -7px 64px 30px rgba(0,0,0,0.65);
        -moz-box-shadow: 0 -7px 64px 30px rgba(0,0,0,0.65);
        box-shadow: 0 -7px 64px 30px rgba(0,0,0,0.65);
    }

    #wrapper, #header, #display_bg {
        width: 100%;
        margin: 0;
        padding: 0;
        position: static;
        box-shadow: none;
        height: auto;
        float: none;
    }

    #header {
        height:85px;
        box-sizing: border-box;
        padding: 0 6vw 0 6vw;
        /* background: url("../img/headerBG.svg") repeat-x; */
        background-size: auto 100%;
        overflow: visible;
        /*      background:yellow; */
    }

    #header ul, #header li  {
        margin: 0;
    }
    
    #header ul a {
        display: none;
    }
    
    #wrapper {
        position: relative;
        /*background: none !important*/
        /*background-size:540px;*/
        background-size:150%;
        background-position: top right;
        background: none;
        overflow: hidden;
    }
    
    #header ul {
        margin-top: 35px;
    }
    
    #header img {
        height: 55%;
        width: auto;
        margin: 0 0 0 -10px;
        float: left;
        margin-top: 20px;
    }

    #sidepanel {
        margin:0;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        float: none;
        position: relative;
        left: 0;
        overflow: hidden;
        box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.19);
    }

    .displayContent { /* Fix */
        padding: 6vw;
        padding-bottom: 17vw;
        /* height:200px; */
        background: -webkit-radial-gradient(50% 50%, 150% 80%, rgb(235, 131, 45) 19%, rgb(212, 92, 36) 70%);
        box-sizing: border-box;
        padding-bottom: 20vw;
        position: relative;
        z-index: 3;
    }

/*  .displayHeaderPaketbote {  !!!!!!!!!!!!!!!!!! DELETE MISLAM !!!!!!!!!!!!!
        width: 300px;
        height: 300px;
        position: absolute;
        top: 50px;
        right: 0;
        background-image: url(../img/Untitled-4.png);
        background-position: center;
        background-size:auto 100% ;
        right:-15%;
        background-repeat: no-repeat;
    }*/

    #sidepanel, #sidepanel_left, #sidepanelContentArea {
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        float: none;
        position: relative;
        left: 0;
        overflow: hidden;
    }

    #sidepanelContentArea {
        padding: 6vw 6vw 0 6vw;
        width: 100%;
        /* background: -webkit-radial-gradient(226px 318px, 741px 832px, rgb(126, 53, 16) -4%, rgb(42, 14, 0) 70%);  FIX */
        background-image: none;
        background: radial-gradient(at 50% 50%, #522914 19%, #341404 113%);
        box-sizing: border-box;
        width: 100%;
        min-height: auto;
    }
    
    #sidepanelUntertitel {
        margin-bottom:0;
        margin-top: -15px;
    }

    #preisauskunftWrapper {
        width:auto;
        float:none;
        margin: 0 0 15px 0;
    }
    
    #berechneterPreisWrapper p:nth-child(3) {
        margin-bottom: 10px;
        width: 100%;
    }

    #startPLZ, #zielPLZ, .schaltflaeche {
        width:100%;
    }

    #preisauskunftWrapper .schaltflaeche {
        float:none;
        position: static;
        margin: 0;
        /* margin-top:0.5em; */
        margin-bottom:10px;
        width:100%;
        height: 2em;
    }

    #zielPLZ, #dd, #startPLZ {
        margin: 0;
        margin-bottom: 7px;
    }

    #startPLZ {
        margin-top:10px
    }
    
    #header span {
        font-size: 5.3vw;
    }
    
    .bodySection1Wrapper {  /* FIX!! */
        
width: 100% !important;
        
/* box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.19); */
        
position: relative;
        
z-index: 4;
        
/*border-radius: 8px 8px 0 0;*/
    }
    
    #formular {
        /* clear:  both; */
        width: 100%;
        /* margin-top: 100px; */
        box-sizing: border-box;
        padding: 0;
        padding: 6vw 6vw 2vw 6vw;
        display:block;
        position: relative;
        background-image: none;
        background: none;
        background: radial-gradient(at 50% 50%, #7a3b1b 40%, #371707 104%);
        /* background: -webkit-radial-gradient(50% 50%, 110% 125%, #7a3b1b 19%, #371707 70%); */
        /* box-shadow: none; */
        box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.19);
        border-radius: 0;
        margin: 0;
    }
    
    form {
        width: auto;
        float: none;
        height: auto;
        margin: 0;
        padding: 0;
    }
    
    #footerResponsive {
        padding: 6vw;
    }

    #footerResponsive span {
        display: inline-block;
    }
    
    .sslSchlossWrapper {
        width: 100%;
    }
    
    .trennFormular {
        width: 85%;
        margin: 0 auto;
        background-size: 175%;
        /* background-position-y: 14px; */
    }
    
    #formular form, .schlossContainer {
        margin-bottom: 14px;
    }
    
    #referenzenWrapper {
        position: static;
        overflow:  hidden;
        margin: 0;
        float: none;
        display: block;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 6vw 7vw 0 7vw;
        padding-right: 7vw !important;
        /*background: #522914;*/
        background: radial-gradient(50% 50%, rgb(82, 41, 20) 50%, #341404 170%);
        /* background: -webkit-radial-gradient(50% 50%, 125% 125%, rgb(82, 41, 20) 19%, #341404 70%); */ /* FIX */
    }
    
/*    #karstadtMobile {
        background-image: url(../img/karstadt_logo.svg);
        width: 100px;
        height: 50px;
        display: none;
    }
    
    #footer_left, #footer_right, #footer_right_kontaktdaten, #footer {
        float: none;
        width: 100%;
        margin:0;
    }
    
    #footer_right, #footer_right_kontaktdaten {
        display: none;
    }*/
        
    #footerMobileContact {
        box-sizing: border-box;
        padding: 10vw 6vw 10vw 6vw;
        background: url(../img/bg_briefe_final.svg) 170px -15px / 70% 132% no-repeat, radial-gradient(50% 50%, rgb(82, 41, 20) 20%, #341404 192%);
        /* background: -webkit-radial-gradient(50% 50%, 125% 125%, rgb(82, 41, 20) 19%, #341404 70%); */
        position: relative;
        overflow: hidden;
    }
    
    .formularSchrittCounter {
        margin-top: 25px;
        margin-bottom:  2px;
        font-size: 4.7vw;
    }
    
    .abweichendeAbholAdresseCheckbox {
        font-size: 1.15em;
        font-size: 5.5vw;
    }
    
    .schlossContainer {
        width: 100%;
        background-size: 30px;
        background-size: 8%;
        font-size: 0.9em;
        font-size: 3.5vw;
        height: 10vw;
        padding: 2.5% 0 0 12%;
    }
    
    .sslSchlossWrapper {
        box-sizing: border-box;
        /* height: auto; */
    }

    
/*################################################################################# */
/*##########################      Mobile Input Forms / UI      #################### */
/*################################################################################# */

    .preisauskunftInputText {
        height: auto;
    }
    
    .desktopWeiter, .desktopZurueck {
        font-size: 5vw !important;
        /* background: red; */
    }
    
    
 /*   input, select[name="Lieferfahrzeug"] {
        box-sizing: border-box;
        margin-bottom: 0.35em;
    }*/

    form input[type="text"], textarea, .agbCheckbox {
        display:  block;
        height: 40px;
        padding: 9px 10px 9px 10px;
        margin: 0 0 9px 0;
    }
    
    form input[type="text"] {
        padding-top: 11px;
    }
    
    textarea {
        float: none;
        min-width: 100%;
        font-size: 16px;
        min-height: 80px;
        /* margin-top: 0; */
        /* margin: 0; */
        /* clear: both; */
    }

    input[name="btnBerechnen"] {
        margin-bottom:10px;
    }
    
    input[name="agbAkzeptiert"].error{
        box-shadow: none;
    }
    
    .selectAnrede {
        height: auto;
        padding-top: 6.5px;
    }
    
    .agbCheckbox,
    form label a, 
    form label a:visited {
        color: #4c4c4c;
        font-size: 17px;
    }
    
    .agbCheckbox {
        font-size: 15px;
        /* margin-top: -10px; */
    }

    .wrapper-dropdown-3, .schaltflaeche {
        margin-bottom:0;
        margin-bottom: 0.5em;
    }

    .schaltflaeche {
        width: 48%;
        height: auto;
    }

    .wrapper-dropdown-3.active {
        padding: 5px 0 0 0;
        /* padding-top: 5px; */
    }
    
    .wrapper-dropdown-3.active span {
        display: block;
        margin: 9px 0 0 13px;
    }
    
    .wrapper-dropdown-3.active .dropdown {
        opacity: 1;
        pointer-events: auto;
        position:relative; /* jas dodadov relative, za da go prikazuva celo na responsive  */
        top: 5px;
    }
    
    .wrapper-dropdown-3.active::after {
        top: 10%;
    }
    
    #cookieConsentWrapper, #cookieConsent {
        width: 100%;
        height: auto;
    }
    #cookieConsent, #cookieConsent a {
        position:static;
    }
    
/*################################################################################## */
/*############################        Typography Mobile        ##################### */
/*################################################################################## */
    
    #display_bg h1 {
        position: absolute;
        margin:0;
        top:auto;
        left: auto;
        display: block;
        font-size: 12.5vw;
    }
    #display_bg h1 > span:nth-child(1) {
        position: absolute;
        left: 3px;
        top: 12.5vw;
        font-size: 3.8vw;
        text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.11);
    }
    #display_bg h1 > span:nth-child(2) {
        position: absolute;
        left: 24.5vw;
        top: 17vw;
        font-size: 4.8vw;
        text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.11);
    }
    #display_bg h1 > span:nth-child(3) {
        display: inline-block;
        text-transform:lowercase;
        position: absolute;
        left: 44vw;
        top: 10vw;
        font-size: 17vw;
    }
    
    h3 {
        font-size: 11.5vw;
        color:#ff791b !important;
        margin-bottom: 8px;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.34);
    }
    
    form h3 span {
        position: absolute;
        left:2px;
        bottom:-11px;
        font-size: 14px;
    }
    
    h5 {
        color:#ff791b !important;
        font-size: 1.9em !important;
        /*line-height: 0.9em; !important*/
    }

    h2 {
        font-size: 10.5vw;
        font-family: 'Bariol';
        margin-bottom: 0;
    }

    form p {
        margin: 0 0 8px 0;
        font-size: 20px;
        float: left;
        }
    
    .paragraphLieferadresseOverride {
        margin-top: 21px;
    }
    
    #errorMessageContainer span {
        display: block;
        font-size: 0.65em;
        margin-top: -0.025%;
    }
        
    h6 {
        position: relative;
        font-size: 44vw;
        display: block;
        top: 10.5vw;
        left: 22px;
        text-shadow: -2px 2px 0 rgba(0, 0, 0, 0.11);
        font-family: 'Dosis';
        font-weight: 200;
        color: #fff;
    }
    h6 > span:nth-child(1) {
        font-family: 'Bariol';
        text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.11);
        font-size: 5.0vw;
        position: absolute;
        top: 23.1vw;
        left: -3.6vw;
    }
    h6 > span:nth-child(2) {
        font-size: 13vw;
        position: absolute;
        left: -4.5vw;
        bottom: 16px;
    }

    
/*  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>################################################# */
/*  >>>>>>>>>>>>>>>>>>>>>>>>>>       Other pages                  #################### */
/*  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>################################################# */
    
    #impressum,
    #datenschutz,
    #agb,
    #impressumHeader {
        width: 100%;
        box-sizing: border-box;
        margin-bottom:0;
    }
    
    #impressum p,
    #datenschutz p,
    #agb p {
        font-size: 12px;
    }
    
    #impressum h5,
    #datenschutz h5,
    #agb h5 {
        font-weight: normal;
        font-size: 28px !important;
        margin-bottom: 17px;
        margin-top: 52px;
    }
    
    #impressum li,
    #datenschutz li,
    #agb li {
        margin-left: 22px;
        font-size: 12px;
    }
    
    #impressumHeader > div {
        width: 100%;
    }
    
    #impressumHeader .profilePic {
        border-radius: 15px;
    }
    
    .profilePic {
        width: 300px;
        height: 300px;
        background-size: 420px;
    }
    
    #impressumHeader p  {
        font-size: 37px;
        width: auto;
        margin: 0;
        margin-bottom: 40px;
        margin-left: 30px;
    }
    

/*################################################################################################*/
/*######################               Custom Overrides           ################################*/
/*################################################################################################*/

    .mobileSplashScreen{
        display: none;
        bottom:auto;
    }
    
    .loaderWrapper {
        width:35%;
        height: auto;
        margin: 0 auto;
    }
    
    .displayContent::after {
        content: " ";
        width: 100vw;
        height: 100vw;
        position: absolute;
        right: 0;
        background-image: url(../img/Untitled-5.png);
        background-position: right top;
        background-size: auto 76vw;
        right: 0;
        top: -20px;
        background-repeat: no-repeat;
    }
    
    #sidepanel::before {
        content: " ";
        width: 100%;
        height: 50px;
        position: absolute;
        top: -50px;
        /* top: 0; */
        /* background: red; */
        background-position: center;
        background-size: auto 100%;
        right: 0;
        background-repeat: no-repeat;
        z-index: 5;
        box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.17), 0 -20px 50px 10px rgba(0, 0, 0, 0.3);
    }
    
    #versicherungResponsive,
    #maxGewichtResponsive, #abmessungenResponsive
    {
        width: 100%;
        background: url("../img/schild.svg") no-repeat;
        background-position: top left;
        background-size: 16px;
        padding: 0 0 0 26px;
        height: 25px;
        font-size: 18px;
    }

    #maxGewichtResponsive {
        background: url("../img/gewicht.svg") no-repeat;
        background-size: 16px;
        background-position: top left;
        padding-top: 5px;
        margin-bottom: -3px;
    }

    #versicherungResponsive {
        padding-top: 2px;
    }
    
    #abmessungenResponsive {
        background: url("../img/abmessungen.svg") no-repeat;
        background-size: 16px;
        background-position: top left;
    }

    #berechneterPreisWrapper ul {
        margin-top: 25px;
    }
    
    #referenzenWrapper img {
        float: left !important;
        margin:0;
    }
    
    #referenzenWrapper img[alt="Mercedes"] {
        float: none;
        width: 18vw;
        margin-top: 9px;
        margin-left: 21px;
    }

    #referenzenWrapper img[alt="Karstadt"] {
        float: none;
        width: 23vw;
        margin-top: 27px;
        margin-left: 12px;
    }
    
    #referenzenWrapper img[alt="Yellow Korner"] {
        float: left;
        width: 26vw;
        margin-top: 27px;
        margin-left: 2px;
        /* float: none! important; */
    }
    
    
    #referenzenWrapper img[alt="Beaeckerei Zimmermann"] {
        float: left;
        width:25vw;
    }
    
    #referenzenWrapper img[alt="Stueve Strassenbau"] {
        float: none;
        margin: 10px 0 0 22px;
        width: 13vw;
    }
    
    #referenzenWrapper img[alt="Karstadt Perfetto"] {
        float: none;
        width: 21vw;
        margin-left: -6px;
    }
    
    #referenzenWrapper img[alt="Baeko"] {
        /* float: none !important; */
        width: 12vw;
        margin: 7px 0 0 3px;
    }
    
    .referenzen-swiper-container-responsive {
        overflow: hidden;
    }
    
    .formShadowWrapper {
        width: 100%;
        background: none;
        float: none;
        padding: 0;
        margin: 0;
    }
    
    
    form input[name='DatumZeitAbholen'], 
    form input[name='DatumZeitLiefer']{
        font-size: 15px;
        background-position: top 20px right 8px;
    }
    
    input[name='DatumZeitAbholen'].error:focus, 
    input[name='DatumZeitLiefer'].error:focus, 
    input[name='DatumZeitAbholen'].error, 
    input[name='DatumZeitLiefer'].error {
        
        background: url(../img/ausrufezeichen.svg) no-repeat center left 10px / 20px 20px, url(../img/arrow-down.svg) no-repeat top 20px right 12px / 10px 10px;
        background-color: #fff;
        font-size: 14px;
            
    }
    
/*################################################################################################*/
/*####################################   Third Party Overrides    ################################*/
/*################################################################################################*/

    .desktopSwiperContainer {
        width: auto;
        height: auto;
        margin: 0;
        /* box-sizing:  border-box; */
        overflow:  visible;
    }
    
   .swiper-slide {
        font-size: 3em;
        box-sizing: border-box;
        /* line-height: 300px; */
    }

    .swiper-wrapper {
        box-sizing: border-box;
        margin-top: 0.4em;
    }

    .swiper-container-horizontal > .swiper-pagination-progress, .swiper-pagination-progressbar {
        left: 6vw;
        width: 88vw;
        border-radius: 10px;
    }
    .desktopSwiperContainer .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #ff791b !important;
    }

    select.error, textarea.error, input.error { /* Validator Highlight & BG */
        box-shadow: 0 0 10px #ff9715;
        border: 1px solid #f48700;
        background-image: url(../img/ausrufezeichen.svg);
        background-repeat: no-repeat;
        background-position: right 2vw center;
        background-size: 5vw;
        }

    .modal-box {
        width: 100%;
        height: 100%;
        box-shadow:none;
        border:0;
        border-radius: 0;
    }

    .modal-box footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        box-sizing: border-box;
        border-top: 1px solid #ddd;
        background: rgba(0, 0, 0, 0.02);
        text-align: center;
        height: auto;
    }

    .modal-box .btn-small {
        float: right;
        width: 50%;
        box-sizing: border-box;
        display: block;
    }

    .modal-box .modal-body {
        box-sizing: border-box;
        padding:6vw 6vw 6vw 10vw;
    }

    .modal-box header {
        box-sizing: border-box;
        padding: 1.25em 10vw 1em 10vw;
    }
    
    .modal-box header h3 {
        font-size: 1.7em;
        color: #fff !important;
        text-indent: 0;
    }

    .wrapper-dropdown-3 {
        width: 100%;
        height:  auto;
        padding: 12px 15px 12px 13px;
    }

    .wrapper-dropdown-3 .dropdown{
        width: 100%;
    }
    
    .wrapper-dropdown-3 .dropdown li i {
        float: right;
        width: 50px;
    }
    
    .wrapper-dropdown-3 li a {
        height: 38px;
    }
    
    #pkw a, #caddy a, #transporter a {
        font-size: 23px;
        
    }
    
    .iconPKW, .iconCaddy, .iconTransporter {
        background-position: right;
        background-repeat: no-repeat;
        margin-right: 5px;
    }
    
    .subtitleDropdown { /*FIX FOR DESKTOP!!*/
        font-size: 13px;
        display: block;
        float:right;
        color: #919191;
        clear: both;
        margin-right: 5px;
        margin-top: 2px;
    }
    
    .wrapper-dropdown-3 .dropdown li a {
        padding-bottom: 4px;
        padding-left: 13px;
        padding-right: 10px;
    }
    
    .dtpicker-compButton {
        line-height: 100% !important;
    }
    
    .hour a.increment, .minutes a.increment {
        margin-bottom: 10px;
        margin-left: 4px;
        margin-right: 3px;
    }
    
    .hour a.decrement, .minutes a.decrement {
        margin-top: -3px;
        margin-left: 8px;
        margin-right: 6px;
    }
    
/*  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>################################################# */
/*  >>>>>>>>>>>>>>>>>>>>>>>>>>       dtPicker Overrides                ############### */
/*  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>################################################# */
    
    
    .dtpicker-content {
        padding: 10px;
        padding-top: 10px;
    }
    
    .dtpicker-comp5 {
        width:37%;
        background: #fff
    }
    
    .dtpicker-components > div:nth-of-type(1) { /* day */
        width: 26%;
    }
    
    .dtpicker-components > div:nth-of-type(4) { /* Hours */
        width:42%;
    }
    
    .dtpicker-components > div:nth-of-type(2) { /* Month */

        margin-bottom: 15px;
    }
    
    
    .minutes .dtpicker-compValue, .hour .dtpicker-compValue {
        padding: 0;
    }
    
    
    .year input, .day input, .month input {
        font-size: 1.3em !important;
        padding: 5px 0 5px 0;
    }
    
    .day input {
        text-align: center !important;
        padding-right: 0;
    }
    
    .year input {
        text-align: center !important
    }
    
    .month input {
        text-align: center !important;
    }
    
    .dtpicker-components:after {
        margin-top: 30px;
        padding-top:  0;
    }
    
    .dtpicker-compButton:nth-of-type(1) {
      height: 20px !important;
    }
    
    
/*  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>################################################# */
/*  >>>>>>>>>>>>>>>>>>      CSS Dropdown Overrides Overrides           ############### */
/*  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>################################################# */
    

    
    .select {
        height: 37px;
        font-size: 19px;
        /* box-sizing:  border-box; */
    }
    
    .select_label {
        padding-left: 10px;
        line-height: 30px;
    }
    
    .select_label-placeholder {
        line-height: 41px;
        font-size: 18px;
    }
        
    .select_items {
        padding-top: 37px;
        height: 20px;
    }
    
    .select_input:checked + .select_label {
            height: 30px;
            margin-top: -32px;
    }
    
    .select_expand::after {
        font-size:15px;
        top: 44%;
        right: 8px;
    }
    
    .select_expand:checked + .select_closeLabel + .select_options .select_label {
        /* dropdown element block */
        padding-top: 0;
        height: 35px;
        line-height: 36px;  /* all elements vertical center */
    }
    
    .select_expandLabel {
        background: url(../img/arrow-down.svg) no-repeat top 19px right 7px / 10px 10px;
    }
    
    .agbCheckbox {
        height: auto;
        font-size: 16px;
        float:  left;
    }

    .agbCheckbox input {
        margin: 0 6px 50px 0 !important;
    }


}
/*  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>################################################# */
/*  >>>>>>>>>>>>>>>>>>>>>>>>>>       Mobile Misc                  #################### */
/*  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>################################################# */


 /* END MEDIA SMARTPHONE */

@media screen and (max-device-width : 768px) {
    body {
        background: none;
        background: #e68812;
    }
}