select { /*display:none*/ height:100%; width:100%; color:#fff; background:none;    padding-left: 10px;     border: 1px solid #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
select option { color:#000}
.mainTop{ width:100%; background:#263339;}
.mainTopLeft{ width:70%; float:left;}
.mainTopRight{ width:30%; float:right; background:#263339; padding: 8% 5% 5%;}
.mainTopRightContent{ width:100%; text-align:center;}
.mainTopRightContent h3{ font-family: 'Kalam', cursive;font-size: 55px;color: #6db23b;font-weight: 700;line-height: 30px; position:relative;}
.mainTopRightContent h4 {font-size: 29px;color: #fff;font-weight: 700;letter-spacing: -2px; position:relative;}
.mainTopRightContent img{width:100%; display:block; margin:-14% auto 5%;}
.mainTopRightContent span{display:block; color:#fff; font-size:15px; line-height:18px; text-align:left;}
.mainTopRightContent a.more-link{display:block;width:90%;  margin:25px auto;}
.mainTopRightContent a.green-button{width:85%; margin:auto; text-align:left;}

.technicalServices{ width:67%; background:#fff; padding:70px 70px 0 70px; float:left; height:393px; position:absolute; top:0; left:33%}
.technicalServicesContent{width:100%;}
.technicalServicesTxt{ width:40%; float:left; padding-right:70px;}
.technicalServicesTxt h2{ color:#263339;font-size: 30px;font-weight: 500; padding-bottom:30px;}
.technicalServicesTxt h2 span{ color:#00316e; font-size:42px;font-family: 'Kalam', cursive; display:block; font-weight:bold; line-height:36px;}
.technicalServicesTxt a.more-link{ font-size:15px; color:#263339; line-height:18px;}
.technicalServicesTxt a.more-link span{ padding-bottom:30px; display:block;}
.technicalServicesTxt a.more-link::after, .technicalServicesTxt a.more-link::before{background:#00316e;}

.technicalImg{ width:auto; max-width:55%; float:left;}

.technicalLink{ width:30%; float:left;}
a.technicalInfoLink{ display:block; width:130px; text-align:center; color:#558b2f;font-size:15px; font-weight:500; margin:auto;}
a.technicalInfoLink span.lop1{ display:block; width:100%; padding:100px 15px 15px;  color:#263238; border:1px solid #ebebeb; border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px; margin-bottom:15px; background:url(/dokmegaz/images/pdfIcon.png) no-repeat center 15px;}

.technicalLink2{ width:30%; float:left;}
a.technicalInfoLink2{ display:block; width:130px; text-align:center; color:#558b2f;font-size:15px; font-weight:500; margin:auto;}
a.technicalInfoLink2 span{ display:block; width:100%; padding:100px 15px 15px;  color:#263238; border:1px solid #ebebeb; border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px; margin-bottom:15px; background:url(/dokmegaz/images/pdfIcon.png) no-repeat center 15px;}

.fiyatSelectRow.gecerlilik .nice-select .list{ max-height:100px;}
.mainBottom{ width:100%;  position:relative; height:1188px}
.whatIsDokmegaz{ width:33%; background:#f5f5f5; padding:70px; height:804px; position:absolute; left:0; top:0}
.whatIsDokmegaz h2{ color:#004d40;font-size: 30px;font-weight: 500; padding-bottom:30px;}
.whatIsDokmegaz h2 span{ color:#558b2f; font-size:42px;font-family: 'Kalam', cursive; display:block; font-weight:bold; line-height:36px; padding-left:80px;}
.whatIsDokmegaz a.more-link{ font-size:15px; color:#263339; line-height:18px;}
.whatIsDokmegaz a.more-link span{ padding-bottom:30px; display:block;}
.whatIsDokmegaz a.more-link::after, .whatIsDokmegaz a.more-link::before{background:#004d40;}
.whatIsDokmegaz img{ display:block; width:100%; margin:15px auto 35px; max-width:442px;}
a.dokmegazLink{ display:block; background:url(/dokmegaz/images/pdfIcon.png) no-repeat left top; height:69px; font-size:15px; color:#263238; font-weight:500; padding:20px 0 0 60px; margin-bottom:51px}
a.dokmegazLink span{ display:block; color:#558b2f;}

.aerosol{width:33%; padding:70px; background:#079443; position:relative;overflow:hidden; height:384px; position:absolute; left:0; top:804px }
.aerosol h2{font-size: 36px;color: #fff;font-weight: 500; padding-bottom:16px; position:relative; z-index:1;}
.aerosol h2 span{ color:#ffff12; font-size:24px;font-family: 'Kalam', cursive; display:block; font-weight:bold; line-height:24px; width:100%; padding:0 0 0 60px;}
.aerosol span{font-size: 14px;    color: #fff;    width: 80%;    line-height: 18px; display:block; padding-bottom:32px; position:relative; z-index:1;}
.aerosol img{position:absolute; right:-64px; bottom:0; width:auto; height:100%;}

.mainBottomLeft{ width:33.3333%; float:left;}
.mainBottomRight{ width:66.6666%; float:left; background:#78909c;}

.dokmegazOnlineSale{ width:33.5%; float:left; padding:70px 70px 0 70px; position:relative; height:795px; position:absolute; top:393px; left:33%; background: #78909c;}
.dokmegazOnlineSale h2{ color:#fff;font-size: 36px;font-weight: 500; padding-bottom:30px; float:left; width:60%;}
.dokmegazOnlineSale h2 span{ color:#263339; font-size:24px;font-family: 'Kalam', cursive; display:block; font-weight:bold; line-height:24px; width:100%; padding:0;}
.dokmegazOnlineSale span{ padding-bottom:30px; display:block; color:#fff; font-size:15px; font-weight:500; width:50%; line-height:18px; float:left;}
.dokmegazOnlineSale a.green-button{ display:inline-block; width:auto; padding-right:100px; float:left;box-shadow: 2px 3px 0px 0px #677c86; -webkit-box-shadow: 2px 3px 0px 0px #677c86;-moz-box-shadow: 2px 3px 0px 0px #677c86;}
.dokmegazOnlineSale a.more-link{position:absolute; bottom:70px;}
.dokmegazOnlineSale img{ float:right; width:48%;}


.dokmegazPrices{ float:left; width:33.5%; padding:70px; background:#00316e; height:410px; position:absolute; top:393px; left:66.5%}
.dokmegazPricesLeft{width:50%; float:left;}
.dokmegazPrices h2{ color:#fff;font-size: 36px;font-weight: 500; padding-bottom:30px;}
.dokmegazPrices h2 span{ color:#70d6e3; font-size:24px;font-family: 'Kalam', cursive; display:block; font-weight:bold; line-height:20px;}
.dokmegazPrices a.more-link{ font-size:15px; color:#fff; line-height:18px;}
.dokmegazPrices a.more-link span{ padding-bottom:30px; display:block;}

.dokmegazPriceForm{ float:left; width:50%;}
.dokmegazPriceForm .selectdiv{margin-bottom:10px;}
.dokmegazPriceForm .selectdiv-numeric { margin: 0 auto; font-size:14px; color:#fff; }
.dokmegazPriceForm .selectdiv-numeric div { position:absolute; top:50%; display:inline-block; left:10px; transform:translateY(-50%)}
.dokmegazPriceForm .selectdiv-numeric span { font-size:40px; font-family: 'ds-digitalnormal'; }


.campaigns{width:33.5%; float:left; padding:70px; background:#10a0e6; position:relative; overflow:hidden; height:385px; position:absolute; top:803px; left:66.5%}
.campaigns h2{font-size: 36px;color: #fff;font-weight: 500; padding-bottom:40px; position:relative; z-index:1;}
.campaigns span{font-size: 14px;    color: #fff;    width: 165px;    line-height: 18px; display:block; padding-bottom:50px; position:relative; z-index:1;}
.campaigns img{position:absolute; right:0; bottom:0; width:auto; height:100%;}

.mainContact{ width:33.33%; float:left; padding:70px; background:#1b2429; position:relative;}
.mainContactLeft{ width:50%; float:left;}
.mainContact h2{ color:#7f9cac;font-size: 36px;font-weight: 500; padding-bottom:40px;position:relative; z-index:1;}
.mainContact span{font-size: 14px;    color: #fff;    width: 165px;    line-height: 18px; display:block; padding-bottom:50px; position:relative; z-index:1;}
.mainContact img{ position:absolute; right:0; bottom:0; width:auto; height:100%;}

.izin-Text p {
    background: #e8ecef;
    padding: 15px;
    display: none;
}

.inner { width:100%; height:100%; min-height:inherit; padding:60px}
.inner h3, .inner h6  {  font-size:60px; font-weight:400; color:#263339;letter-spacing: -4px;}
.inner .inner-left, .inner .inner-right  { width:50%; min-height:inherit; float:left; position:relative}

.inner-left em{font-size:16px; font-style:italic; letter-spacing:normal;}

.content  .inner-left, .content  .inner-right  { width:50%; min-height:inherit; float:left; position:relative}
.content  .inner-right  { background-repeat:no-repeat; background-position:center 40px; background-size:auto }
.content  .inner-right.withImg{text-align:center;}
.content  .inner-right.withImg img{ height:auto; max-width:100%;}

h5{ font-size:20px;}

#bayiler {  width:100%; }
#bayiler a.bayiler {font-size:14px; font-weight:500; display:block; height:110px; border-bottom:1px solid #e8ecef; color:#252525; position:relative}
#bayiler a.bayiler span small { display:block; clear:both; width:100%; font-weight:300}
#bayiler a.bayiler span {position:absolute; top:50%; transform:translateY(-50%); left:38px}
#bayiler a.bayiler span.map {right:38px; left:auto; padding-right:40px; height:31px; line-height:31px; color:#137dc2; opacity:0}
#bayiler a.bayiler:hover span.map { opacity:1}
#bayiler a.bayiler span.map:after { width:26px; height:31px; background: url('/tupgaz/images/mapico.png') no-repeat; position:absolute; top:0; right:0; content:"" }
#bayiler a.bayiler:hover {background:#e8ecef}

.content .left, .content .right { width:49%; float:left}
.content .right  { float:right;  }
.content .right img  { width:auto; max-width:100%;margin: 0 auto;    display: block; }
.content .full  { width:100%; min-height:inherit; position:relative}

.kesif-cl .fiyatlarWrapper {
    width: 100%;
    float: left;
    background: url(../images/dokmeGazfiyatlarBg.jpg) no-repeat 0 0;
    height: auto;
    display: inline-block;
    background-size: cover;
    position: relative;
}
.fiyatlarWrapper {
    width: 100%;
    float: left;
    background: url(../images/dokmeGazfiyatlarBg.jpg) no-repeat 0 0;
    height: 680px;
    background-size: cover;
    position: relative;
}
.fiyatLeft {
    width: 23%;
    background: #263339;
    height: 100%;
    padding: 4%;
    position: absolute;
    left: 5%;
    top: 0;
}
.kesif-cl .fiyatLeft {
    position: initial;
}

.kesif-cl .fiyatLeft {
    position: initial;
}

    .fiyatLeft h1 {
        margin-bottom: 50px;
        font-size: 60px;
        color: #fff;
        letter-spacing: -4px;
    }

    .fiyatLeft .txt {
        color: #fff;
        font-size: 13px;
        margin: 45px 0 52px 0;
        line-height: 17px;
    }

    .fiyatLeft .fiyatSelectRow {
        width: 100%;
        float: left;
        margin-bottom: 16px;
    }
    .sele {
        height:50px;
        position:relative
    }
    .sele .nice-select {
        border: 1px solid #546e7a;
        color: #546e7a;
        line-height: 50px;
    }
    .sele .nice-select:active, .sele .nice-select.open, .sele .nice-select:focus {
        border-color: #546e7a;
    }
    .fiyatLeft .fiyatSelectRow.sele:after {
        content: "";
    width: 18px;
    height: 10px;
    position: absolute;
    color: #fff;
    right: 20px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    z-index: 0;
    pointer-events: none;
    background: url(/Assets/Site/images/selectpng-h.png) no-repeat;
    }
        .fiyatLeft .name {
            font-size: 13px;
            color: #fff;
            margin-bottom:5px;
                margin-top: 18px;
        }

        .fiyatLeft .fiyatSelectRow select {
            width: 100%;
            float: left;
            /*height: 48px;*/
            background: none;
            color: #fff;
            padding: 4px;
        }

    .fiyatLeft .fiyatBul{
        width: 100%;
        float: left;
        height: 50px;
        line-height: 50px;
        background: #44a9f0;
        display: block;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-top: 15px;
    }

        .fiyatLeft .fiyatBul:hover {
            background: #35c15d
        }

.fiyatLeftColm2 {
    width: 23%;
    left: 28%;
    top: 0;
    height: 100%;
    position: absolute;
}

    .fiyatLeftColm2 .contentFiyat {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 15%;
        margin-top: -60px;
    }

        .fiyatLeftColm2 .contentFiyat .il_tarih {
            font-size: 16px;
            font-weight: 500;
            color: #fff;
            margin-bottom: 5px;
        }

        .fiyatLeftColm2 .contentFiyat .fiyatArea {
            font-size: 132px;
            color: #fff;
            float: left;
            width: 100%;
            font-family: 'ds-digitalnormal';
        }

            .fiyatLeftColm2 .contentFiyat .fiyatArea span {
                font-size: 48px !important;
                font-family: 'Ubuntu', sans-serif;
                font-weight: 200;
            }

        .fiyatLeftColm2 .contentFiyat .fiyatAltyazi {
            font-size: 13px;
            color: #fff;
            font-family: 'Ubuntu', sans-serif;
            font-weight: 200;
            margin-top: 103px;
            display: inline-block;
            font-style: italic;
        }

.kesif-talep-right {
    background: url(../images/aygaz-talep-pc-back.jpg) no-repeat;
    background-size: cover;
}

.kesif-cl .content {
    padding: 61px 67px 90px;
}

.kesif-cl .kesif-talep-right {
    width: 41%;
    height: 703px;
}

.kesif-cl .kesif-talep-right img {
    margin-top: 84px;
    position: relative;
    left: -45px;
}

.kesif-cl .left {
    width: 59%;
}


.kesif-cl .fiyatlarWrapper {
    background: transparent;
}


.kesif-cl .fiyatLeft {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    left: 0px;
    background: transparent;
}

.cont-100 {
    width: 100%;
    padding: 15px;
    float: left;
}

.cont-50 {
    width: 50%;
    padding: 15px;
    float: left;
}

.cont-30 {
    width: 33.33333%;
    padding: 7px;
    float: left;
}
.kesif-cl .fiyatLeft .fiyatSelectRow input[type="text"]:focus {
    border: 1px solid #39a9e6;
}


.kesif-cl .fiyatLeft .fiyatSelectRow input[type="text"] {
    width: 100%;
    border-radius: 4px;
    float: left;
    padding-left: 12px !important;
    height: 50px;
    background: none;
    border: 1px solid #546e7a;
    padding: 4px;
    color: #546e7a;
}

.kesif-cl .fiyatLeft .fiyatSelectRow .name {
    color: #546e7a;
}


.kesif-cl .fiyatLeft .fiyatSelectRow select {
    width: 100%;
    float: left;
    border-radius: 4px;
    height: 50px;
    background: none;
    border: 1px solid #546e7a;
    padding: 4px;
    color: #546e7a;
}

.fiyatSelectRow label a {
    color: #009ee9;
}

.kesif-cl .fiyatLeft .fiyatBul {
    margin-top: 0px;
    position: relative;
    top: -20px;
    width: 68%;
    float: right;
    border:0; cursor:pointer
}



.kesif-cl .fiyatLeft .fiyatSelectRow input[type="radio"] {
    -webkit-appearance: radio !important;
}

.kesif-cl .bg-white {
    background: #fff;
    padding-right: 95px !important;
    padding: 60px;
}
.bg-grey {
    background: #e8ecef;
}


.kesif-cl .fiyatLeft .fiyatSelectRow textarea {
    width: 100%;
    float: left;
    background: none;
    border-radius: 4px;
    color: #546e7a;
    padding: 4px;
    border: 1px solid #546e7a;
    color: #546e7a;
}

.kesif-cl .fiyatLeft h1 {
    color: #263339;
}

.kampanyaWrapper{ width:100%; float:left;  background:#e8ecef;}
.kampanyaWrapper h3{ font-size:60px; letter-spacing:-3px; margin-bottom:80px;}
.kampanyaWrapper .kampanyalarCenter{margin:0 auto;width: 100%;}
.kampanyaWrapper .kampanyalarCenter a{display:block;float:left;width: 29%;margin-bottom:60px;margin-right:5%;}
.kampanyaWrapper .kampanyalarCenter a:hover .detayBtn{background: #0188ca;}
.kampanyaWrapper .kampanyalarCenter a:hover .detayBtnGecmis{background: #bfced6;}

.kampanyaWrapper .kampanyalarCenter a:nth-child(3n+0) {margin-right: 0;}
.kampanyaWrapper .kampanyalarCenter a img{ width:100%;}
.kampanyaWrapper .kampanyalarCenter a .detailKampanya{ float:left; width:100%; padding:22px; background:#f8f8f8;}
.kampanyaWrapper .kampanyalarCenter a .detailKampanya .kampanyaAdi{ float:left; font-size:18px; color:#3f3f3f; font-weight:500; margin:0 0 7px 0;}
.kampanyaWrapper .kampanyalarCenter a .detailKampanya .kampanyaTarih{float:left; font-size:18px; color:#999999; font-weight:500; margin:0 0 7px 0;}
.kampanyaWrapper .kampanyalarCenter a .detayBtn{width:100%;text-align:center;font-size:16px;font-weight:500;float:left;height:50px;line-height:50px;background:#009ee9;color:#fff;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;     -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.kampanyaWrapper .kampanyalarCenter a .detayBtnGecmis{width:100%;text-align:center;font-size:16px;font-weight:500;float:left;height:50px;line-height:50px;background:#b0bec5;color:#fff;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;     -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}

.kampanyaDetay{ width:100%; float:left;}
.kampanyaDetay h3{font-size:60px;letter-spacing:-3px;margin-bottom: 20px;}
.kampanyaDetay .kampanyaLeft{float:left;width: 46%;}
.kampanyaDetay .kampanyaLeft .tarihDetay{ padding:4px; font-size:16px; font-weight:500;}
.kampanyaDetay .kampanyaLeft .tarihDetay img{ padding-right:6px; position:relative; top:2px;}
.kampanyaDetay .kampanyaLeft .txt{ font-size:14px; color:#263339; float:left; width:100%; margin:25px 0 0 0; line-height:18px;}
.kampanyaDetay .kampanyaLeft .txt .blue{ margin:60px 0 0 0;}
.kampanyaDetay .kampanyaRight{ float:left; width:54%;}
.kampanyaDetay .kampanyaRight img{ display:block; margin:0 auto;}

.sele .selectBox-dropdown .selectBox-label {font-size:13px; font-weight:400}
textarea { font-size:13px;    font-family: 'Ubuntu', sans-serif;}
.mobil-gorsel { display:none}
a.dokmegazLink.lop3 { margin:30px 0;}
.mobilSlide{ display:none !important;}
.lop2 small { font-size:12px}
.siparis-left { width:23%; float:left; }
.siparis-left a { -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; width:100%; padding-left:40%; font-size:18px; font-weight:700; height:110px; line-height:110px; margin-bottom:15px; display:block; background:#fff; color:#46acf0; position:relative}
.siparis-left a:hover {background: linear-gradient(to right, #4380db , #65b5e0);background: #65b5e0;  background: -webkit-linear-gradient(left, #4380db , #65b5e0);   background: -o-linear-gradient(right, #4380db , #65b5e0); background: -moz-linear-gradient(right, #4380db , #65b5e0);   color:#fff; }

.siparis-left a:after { position:absolute; left:30px; top:0; height:100%; background-repeat:no-repeat; background-position:center left; background-size: 100% auto; content:""}
.siparis-left a.slink1:after { width:55px; background-image: url('/dokmegaz/images/siparis_icon1.png');}
.siparis-left a.slink2:after { width:60px; background-image: url('/dokmegaz/images/siparis_icon2.png');}
.siparis-left a.slink3:after { width:50px; background-image: url('/dokmegaz/images/siparis_icon3.png');}

.siparis-left a.slink1:hover:after { background-image: url('/dokmegaz/images/siparis_icon1_h.png');}
.siparis-left a.slink2:hover:after { background-image: url('/dokmegaz/images/siparis_icon2_h.png');}
.siparis-left a.slink3:hover:after { background-image: url('/dokmegaz/images/siparis_icon3_h.png');}
.siparis-middle { width:10%; float:left;position:relative; display:block; height:375px; position:relative}
.siparis-middle:after{ position:absolute; left:50%; top:0; height:100%; width:1px; background:#bdc1c3; content:""}
.siparis-right { width:67%; float:left; height:375px; background:#fff; padding:50px 50px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.siparis-right h5 { font-size:30px; font-weight:400; margin:0 0 50px 0 !important; color:#263339 !important }
.box-dok { width:48%; margin-right:4%; float:left; margin-bottom:20px}
.box-dok input { width:100%; height:50px; border:1px solid #263339; padding-left:20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.box-dok input.kayit { margin-bottom:20px}
.box-dok span { width:100%;  display:block; margin-bottom:5px}
.box-dok.nomar { margin-right:0; }
.box-dok.nobotmar { margin-bottom:0; }
.box-dok  a {display:inline-block; font-size:13px; font-weight:400; text-decoration:underline; margin-right:15px; color:#263339; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
.box-dok  a.button { width: 100%;float: left;  height: 50px;text-decoration:none; line-height: 50px;margin-right:0;background: #44a9f0;display: block;text-align: center;color: #fff;font-weight: bold;font-size: 16px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom: 15px;}
.box-dok  a.button:hover  {background: #35c15d}
.siparis-right p {color:#263339; clear: both; display:block; }
.desc_kayit {width:60%; color:#263339; font-size:14px;margin-bottom: 20px; width:40%}
.right-menu-inner .content h1.title_kayit {border-bottom: 1px solid #bdc1c3; margin-bottom:30px;padding-bottom: 10px;}
.right-menu.kayit { display:none}

.content h1 {font-size: 60px; font-weight: 400; color: #263339; letter-spacing: -4px; margin-bottom: 40px;}
.content h2 {font-size: 60px; font-weight: 400; color: #263339; letter-spacing: -4px; margin-bottom: 40px;}

input#secim {
    -webkit-appearance: checkbox !important;
}

input#formCaptcha {
    font-size: 11px !important;
    padding: 0 !important
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .kesif-cl .left {
        height: 100vh!important;
    }
    .fiyatSelectRow label { font-size:11px; }

    .kesif-cl .kesif-talep-right img {
        left:-30px!important;
        top:60px!important;

    }
}


.kesif-cl .left {
    height: auto;
}


@media screen and (max-width:1680px) {
    .mainBottom { height:1179px}
    .whatIsDokmegaz {    height: 800px;}
    .aerosol { height:379px; top:800px}
    .technicalServices { height:385px}
    .dokmegazOnlineSale { height:794px; top:385px}
    .dokmegazPrices { height:410px; top:385px}
    .campaigns { height:384px; top:795px}
    .fiyatlarWrapper {background: url(../images/dokmeGazfiyatlarBg.jpg) no-repeat -150px 0;}
    .technicalServices {padding: 45px 70px 0 70px;}
    .dokmegazOnlineSale img {padding-top:50px}
    .aerosol img {right: -61px;}
    .desc_kayit { width:50%}
}
@media screen and (max-width:1620px) {
    .fiyatLeftColm2 .contentFiyat .fiyatArea { font-size:86px}
    .desc_kayit { width:57%}
    .siparis-left a { height:100px} 
    .siparis-middle, .siparis-right { height:332px}
    .mainBottom { height:1021px}
    .whatIsDokmegaz {    height: 719px;}
    .aerosol { height:302px; top:719px}
    .technicalServices { height:387px}
    .dokmegazOnlineSale { height:634px; top:387px}
    .dokmegazPrices { height:330px; top:387px}
    .campaigns { height:304px; top:717px}
    .kesif-cl .kesif-talep-right {
    width: 41%;
    height: 547px;
}
    .kampanyaWrapper h3 {
    font-size: 40px;
    letter-spacing: -3px;
    margin: 0 0 25px;
}
    .kampanyaWrapper { padding:0}
    #sorgu a.bayiler{ height:95px}
     .inner.bize-ulasin .inner-right {background-position: center 38px;    background-size: 86%;}
     .inner { padding:30px}
     .mainTopRight{padding:3%;}

     .whatIsDokmegaz{ padding:35px;}
     .technicalServices{padding:35px;}
     .dokmegazOnlineSale{padding:35px 35px 0 35px;}
     .dokmegazPrices{padding:35px 35px 25px 35px;}

     .aerosol,.campaigns, .mainContact{padding:35px;}


     .mainTopRightContent span{font-size:13px; line-height:16px;}
     .green-button{font-size:13px;}

     .whatIsDokmegaz a.more-link span, .technicalServicesTxt a.more-link span, .dokmegazOnlineSale span, .dokmegazPrices a.more-link span, .aerosol span, .campaigns span, .mainContact span{font-size:13px;line-height:16px;}

     .dokmegazPriceForm .selectdiv-numeric span{font-size:22px;}
     .campaigns img{ right:-50px;}
     .aerosol img{right:-65px;}

     .technicalServicesTxt{ margin-bottom:20px;}

     .aerosol h2{padding-bottom:18px;}

     .kesif-cl .bg-white{padding:15px;}
     .cont-50 {padding:10px;}
     .fiyatLeft .fiyatSelectRow { font-size:13px}
     .fiyatLeft{padding:2%; top:0}
        .fiyatLeft h1 {
            margin-bottom: 20px;
            font-size: 40px;
        }

        .fiyatlarWrapper{height:470px;}
        .fiyatLeftColm2 .contentFiyat{top:40%;}
        a.dokmegazLink{margin-bottom:67px}

    .dokmegazOnlineSale img {
        width: 41%;
        padding-top:3px
    }
    .fiyatlarWrapper {background-size: 100%;    background-image: url(../images/dokmeGazfiyatlarBg.jpg); background-position: 0px 0; background-repeat:no-repeat}
 }
@media screen and (max-width:1280px) {
    .fiyatLeftColm2 .contentFiyat .fiyatArea { font-size:66px}

}
@media screen and (max-width:1024px) {
    .box-dok {width:44% }
    .siparis-left a { height:74px; line-height:74px;    font-size: 14px;}
    .siparis-right {    padding: 25px 25px 0;}
    .siparis-left a.slink1:after { width:35px;}
    .siparis-left a.slink2:after { width:40px;}
    .siparis-left a.slink3:after { width:30px;}
    .siparis-left a:after{left:20px}
    .siparis-right h5 {margin: 0 0 25px 0 !important;}
    .mainTopLeft, .mainTopRight {width:100%; float:none}
    .mob-banner, .mob-banner2 { width:48%; float:left}
    .mob-banner2 { float:right}
    .mainTopRightContent a.more-link { margin:25px 0}
    .mainTopRightContent a.green-button { float:left}
    .siparis-middle, .siparis-right { height:280px}

    .mainBottom { height:auto}
    .whatIsDokmegaz,  .technicalServices {  height:auto; width:100%; position:relative; top:auto; left:auto; float:none; clear:both}
    .aerosol, .dokmegazOnlineSale, .dokmegazPrices, .campaigns  {  height:auto; width:50%; position:relative; top:auto; left:auto; float:left; }
    .whatis-mobil { width:40%; float:left}
    a.dokmegazLink { width:20%; float:left;    margin-top: 100px;}
    .dokmegazOnlineSale img {        width: auto;        padding-top: 0;        position: absolute;        bottom: 0;        height: auto;        right: 10%;        max-height: 90%;    }
    .dokmegazOnlineSale span, .dokmegazOnlineSale h2 { padding-bottom:15px}
    .dokmegazOnlineSale a.green-button { margin-bottom:20px}
    .aerosol, .dokmegazOnlineSale, .dokmegazPrices, .campaigns{ height:305px}
    a.dokmegazLink.lop3 {    width:auto;    float:none;   }
    .fiyatlarWrapper { background-size:auto 100%;background-position: -200px 0; background-color:#0277bd}
    .fiyatLeft {    padding: 2% 3% 4% 2%;    left: 0;    width: 27%;}
    .fiyatLeftColm2 .contentFiyat .fiyatAltyazi {    margin-top: 128px;}
    .fiyatLeftColm2 .contentFiyat .fiyatArea span {    font-size: 18px !important;}
}
@media screen and (max-width:768px) {
    .right-menu.kayit { display:block}
    .technicalServicesTxt a.more-link span { padding-bottom:0}
    .technicalServicesTxt{    margin-bottom: 0;}
        .mobilSlide{ display:block !important;}
    .desktopSlide{ display:none !important;}
    .aerosol, .dokmegazOnlineSale, .dokmegazPrices, .campaigns  {  height:auto; width:100%;  }
    .technicalServicesContent { width:100%; float:left}
    .technicalServicesTxt { width:100%; float:none}
    .technicalImg { width:100%; max-width:100%}

    .clr-dok { clear:both}
    .technicalLink { position:absolute; bottom:5%; right:10%}
     a.technicalInfoLink span.lop1{display:block;width:100%;padding: 0 0 0 60px;height: 69px;line-height: 65px;color:#263238;border:1px solid #ebebeb;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-bottom:15px;background: url(/dokmegaz/images/pdfIcon.png) no-repeat top left;}
    a.technicalInfoLink span.lop2{ position:absolute;     top: 44px;}
     a.technicalInfoLink { width:100%}
     .whatis-mobil { width:100%}
     .whatIsDokmegaz h2 {padding-bottom: 10px;}
     .whatIsDokmegaz a.more-link span {width:80%; padding-bottom:10px}
     .whatIsDokmegaz img { margin:10px auto}
     a.dokmegazLink {width:100%; margin:0; float:none; clear:both}
     .aerosol img {right:0}
     .mob-banner, .mob-banner2 { width:70%; margin:0 auto; float:none; clear:both}
     .mainTopRightContent a.more-link:after, .mainTopRightContent a.more-link:before { display:none}
     .mainTopRightContent span { text-align:center}
     .mainTopRightContent a.green-button { width:70%; margin:0 auto; float:none; clear:both}
     .mainTopRightContent a.more-link { margin:20px auto; padding:0}
     .mobil-gorsel { display:block;   width: 100%;    margin: 20px 0 10px 0;}
     .content .left { width:100%}
    .content .right, .content  .inner-right.withImg {display:none}
    .content  .inner-left { width:100%}
    .fiyatLeftColm2 { width:33%;    left: 24%;}
    .fiyatlarWrapper { background-position: -290px 0;}
    .kesif-cl .content { padding:5%}
    .right-menu-inner .content h1 {letter-spacing: -2px;margin-bottom: 20px;}
    .kesif-cl .bg-white { padding:0; padding-right: 0 !important;}
    .kesif-cl .fiyatlarWrapper { height:auto}
    .kesif-cl .fiyatLeft { left: auto; top:auto; height: auto; position:relative; padding:0}
    .lop2 br { display:none}
    .lop2 small { padding-left:5px}
    .siparis-left, .siparis-middle { display:none}
    .box-dok {width:100%; margin-right:0; float:none}
    .siparis-right {width:100%; height:auto}
     .right-menu-inner .content.mob-pad-big { padding-top:100px}
     .siparis-right { padding:25px}
     .desc_kayit {width:100%}
     .content h1 {font-size: 40px !important;}
     .content h2 {font-size: 40px !important;}
     

}
@media screen and (max-width:600px) {
    .right-menu-inner .content { padding:5%}
    .mob-banner, .mob-banner2 { width:86%}
    .mainTopRightContent h3 {font-size: 32px;line-height: 24px; padding-top:10px}
    .mainTopRightContent h4 { font-size:18px}
    .mainTopRightContent a.green-button { width:90%}
    .technicalLink { width:44%; right:3%}
    .technicalServicesTxt { padding-right:0}
    .technicalServicesTxt h2, .whatIsDokmegaz h2, .aerosol h2, .dokmegazOnlineSale h2, .dokmegazPrices h2 {padding-bottom: 0px; font-size:18px}
    .technicalServicesTxt h2 span, .whatIsDokmegaz h2 span, .aerosol h2 span, .dokmegazPrices h2 span { font-size:23px; line-height:36px}
    .dokmegazOnlineSale h2 span { font-size:23px;}
    .dokmegazOnlineSale h2 {padding-bottom: 10px; }
    .technicalServices, .whatIsDokmegaz, .aerosol, .campaigns, .dokmegazPrices { padding:30px 15px}
    .mainTopRight { padding:30px 3%; }
    a.technicalInfoLink span.lop1 {height: 50px;background-size: auto 100%;    padding: 0 0 0 33px;    line-height: 38px;}
    .technicalLink a.technicalInfoLink span.lop1 {line-height: 12px;}
    a.dokmegazLink { height:50px; background-size:auto 100%;padding: 10px 0 0 50px;}
    a.technicalInfoLink span.lop2 { top:26px}
    a.technicalInfoLink { font-size:11px}
    .technicalLink { bottom:auto; top:55%}
    .whatIsDokmegaz h2 span {    padding-left: 24px;}
    .aerosol h2 span {    padding-left: 10px;}
    .aerosol span { width:60%;}
    .aerosol img { right:-38px}
    .dokmegazOnlineSale {padding: 15px 15px 0 15px;}
    .campaigns h2{font-size:18px}
    .fiyatlarWrapper {height:auto; background:none}
    .fiyatLeft { width:100%; position:relative; padding:5%; top:auto; left:auto}
    .fiyatLeftColm2 {
    position: relative;
    float: none;
    width: 100%; clear:both; top:auto; left:auto;background-image: url('/dokmegaz/images/fiyatlarBgMobil.jpg'); background-size:cover;     padding: 5% 5% 0;}
    .fiyatLeftColm2 .contentFiyat { position:relative; top: auto; left: auto; margin-top:auto; padding-top: 15px;}
    .fiyatLeftColm2 .contentFiyat .fiyatArea {font-size:64px}
    .fiyatLeftColm2 .contentFiyat .fiyatAltyazi {   margin-top: 164px;   padding-bottom: 20px;}
    .cont-50 { width:100%; float:none}
    .kesif-cl .fiyatLeft .fiyatBul { top:auto; width:100%; }
    .fiyatLeft .name { margin-top:0}
    .lop2 br { display:block}
    .lop2 small { padding-left:0; font-size:10px}

}



@media screen and (max-width:320px) {
    .mainTopRightContent a.green-button { width:100%}
    .dokmegazPricesLeft { width:43%;}
    .dokmegazPriceForm {width:57%}
    .dokmegazPriceForm .selectdiv:after, .dokmegazPriceForm .c-after:after { right:10px}
    .dokmegazPriceForm select {font-size:11px}
    .aerosol a {  z-index:1}
    .aerosol img {  z-index:0}
    .dokmegazOnlineSale img { right:1%}
    .dokmegazOnlineSale a.green-button{width: 55%;padding-right: 40px;}
}