*{   box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box; margin:0; padding:0;}
body{ overflow-x:hidden;}
header nav a, header .bottom a{ line-height:80px;}
header.sticky nav a, header.sticky .bottom a{ line-height:50px}
header .logo.dogalgaz_logo{ background:#fff;}
header .logo.dogalgaz_logo img{ display:block; margin:0 auto;     position: relative;top: 50%;transform: translateY(-50%); -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
header.sticky .logo.dogalgaz_logo img{ width:120px}
.wrapperDogalgaz{ width:100%; float:left;}
.bannerHome{ width:100%; float:left;}
.bannerHome img{ width:100%;}

.hakkimizda{float:left;width:100%;margin-top: -2px;}
.hakkimizda .left{background:url(../images/hakkimizda_dogalgaz.jpg) no-repeat;width: 75%;height:450px;background-size: cover;padding: 5% 4%;float:left;background-position:right;}
.hakkimizda .left .leftColm{ width:58%; float:left;}
.hakkimizda .left .title{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:25px;}
.hakkimizda .left .txt{ font-size:14px; color:#fff; line-height:19px;}
.hakkimizda .right{width:25%;float:left;background:#61b444;height:450px;padding: 3% 4%;}
.hakkimizda .right .txt{text-align:center;font-size:16px;color:#fff;line-height:20px;margin: 25px 0;}
.hakkimizda .right img{ display:block; margin:0 auto;}
.hakkimizda .right .btnArea{ display:block; width:250px; margin:0 auto; background:#263339; color:#fff; font-size:16px; height:50px; line-height:50px; text-align:center; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px; -moz-box-shadow:4px 4px 4px #539b3a;-webkit-box-shadow: 4px 4px 0px  #539b3a;box-shadow:4px 4px 0px  #539b3a;}
.hakkimizda .right .btnArea:hover{ background:#394951;}

.png_lng{ width:100%; float:left;}
.png_lng .left{background:url(../images/png.jpg) no-repeat;width: 50%;height:450px;background-size: cover;padding:4%;float:left;background-position:right;overflow: hidden;}
.png_lng .left .leftColm{width: 45%;float:left;}
.png_lng .left .title1{ font-weight:bold; color:#fff; width:100%; font-size:24px;}
.png_lng .left .title2{color:#61b444; width:100%; font-size:38px;     font-family: 'Kalam', cursive; font-style:italic; font-weight:500; margin:5px 0 0 0;}
.png_lng .left .txt{font-size:14px;color:#fff;line-height:19px;margin: 25px 0 0 0;}

.png_lng .right{background:url(../images/lng.jpg) no-repeat;width: 50%;height:450px;background-size: cover;padding:4%;float:left; background-position:right;}
.png_lng .right .leftColm{width: 45%;float:left;}
.png_lng .right .title1{ font-weight:bold; color:#fff; width:100%; font-size:24px;}
.png_lng .right .title2{color:#f89a4d; width:100%; font-size:38px; font-family: 'Kalam', cursive; font-style:italic; font-weight:500; margin:5px 0 0 0;}
.png_lng .right .txt{font-size:14px;color:#fff;line-height:19px;margin: 25px 0 0 0;}

.pnglngContent {-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s; position:relative;}
.pnglngContent.active {position:relative;}
.pnglngContent:after{ position:absolute; left:0; bottom:0; content:''; width:0; height:4px; background:#61b444;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.2s;transition: all 0.4s;}
.pnglngContent.active:after{width:100%;}
.right.pnglngContent:after{}
.left.pnglngContent:after{ right:0; left:auto;}
/*.right.pnglngContent.active:after{ background:#f89a4d}*/

.hizmetHatti{ float:left; width:100%; background:#e8ecef; padding:0 45px;}
.hizmetHatti .left{float:left;width: 47%;}
.hizmetHatti .left img{ float:left; display:block;}
.hizmetHatti .left .txt{float:right;font-size: 14px;padding:70px 0 0 0;line-height:21px;width: 61%;}
.hizmetHatti .right{float: right;width: 40%;padding: 76px 0 0 0;}
.hizmetHatti .right img{ display:block; float:left; width:auto;}
.hizmetHatti .right .text1{float:left;width:auto;color:#f89a4d;font-size: 21px;text-align:right;line-height:24px;margin:0 30px 0 15px;font-weight: 500;}
.hizmetHatti .right .text2{float:left;width:auto;font-size: 22px;color:#0077be;line-height: 24px;font-weight: 500;}
.mobilBanner{ display:none;}
.desktopBanner{ display: block;}

@media screen and (max-width:1680px) {
.hizmetHatti {padding: 0 4%;}
.hizmetHatti .right{ width:41%;}

}

@media screen and (max-width:1620px) {
.hizmetHatti .left { width:52%;}
.hizmetHatti .right .text1, .hizmetHatti .right .text2{ font-size:17px;}
.hizmetHatti{ padding:0 1%;}
.png_lng .left{background: url(../images/png2.jpg) no-repeat -140px;padding:4% 3%;}
.png_lng .right{background-position: -123px 0;}
.png_lng .left .leftColm{ width:53%;}
}

@media screen and (max-width:1440px) {
.png_lng .left {background: url(../images/png2.jpg) no-repeat -194px;padding: 4% 3%;}
.png_lng .right {background-position: -203px 0;}
}

@media screen and (max-width:1280px) {
.png_lng .left {background: url(../images/png2.jpg) no-repeat -307px;padding: 4% 3%;}
.hizmetHatti .left .txt br{ display:none;}
}

@media screen and (max-width:1024px) {
.hakkimizda .left{ width:70%;}
.hakkimizda .right{ width:30%;}
header .bottom.dogalgazMenu{height: 181px;}
.hakkimizda .left .leftColm{ width:96%;}
.hakkimizda .left .title{ margin-bottom:10px;}
.png_lng .left{width:100%;}
.png_lng .left {background-position: 0;background-size: cover;}
.png_lng .right{ width:100%;}
.png_lng .right {background-position: 0 0;}
.hizmetHatti .left .txt{ width:50%; float:left; padding-left:3%;}
header .logo.dogalgaz_logo img{ width:120px; margin-left:15px;}
.hizmetHatti .right .text1, .hizmetHatti .right .text2{ margin-left:15px;}
header nav a, header .bottom a {line-height: inherit;}
header .bottom>a {line-height: 61px!important;}
}




@media screen and (max-width:768px) {
.png_lng .left {background-position: 45% 0;}
.png_lng .right {background-position: 63% 0;}
.hakkimizda .right,.hakkimizda .left {width: 50%;} 
.hizmetHatti .left{ width:100%;}
.hizmetHatti .left .txt br{ display:none;}
.hizmetHatti .left .txt{ width:68%;}
.hizmetHatti{ padding:20px 1% 0 1%;}
.hizmetHatti .right{width: 55%;float: none;margin: 0px auto 0 auto;overflow: hidden;padding: 38px 0 20px 0;}


}

@media screen and (max-width:640px) {
.mobilBanner{ display:block;}
.hakkimizda .left .txt {font-size: 13px;color: #fff;line-height: 16px;}
.hakkimizda .left {background: url(../images/hakkimizda_dogalgaz-mobil.jpg) bottom left no-repeat; background-size: cover;}
.desktopBanner{ display: none;}
.hakkimizda .right, .hakkimizda .left {width: 100%; height:auto; padding:30px 4%;}
.hakkimizda .left{ padding:10% 4% 200px 4%}
.hizmetHatti .left .txt{width: 42%;padding-top:20px;font-size: 12px;padding: 40px 0 0 0;line-height: 16px;}
.hizmetHatti .right{width:100%;padding-left: 10%;}
.hizmetHatti .right .text1, .hizmetHatti .right .text2 {font-size: 14px; padding-left:10px;}
.hizmetHatti .right .text1{ margin-left:0; line-height:15px;}
.png_lng .left .leftColm,.png_lng .right .leftColm{width:100%; padding:20px 2%;}
.png_lng .left,.png_lng .right{height:auto;}
.png_lng .left{ background:#263339;}
.png_lng .right{ background:#0177bf;}
.hakkimizda .right img{ width:44%;}
.hizmetHatti .right .text1, .hizmetHatti .right .text2{ margin-left:0;}


}

@media screen and (max-width:375px) {
.hizmetHatti .right {
    padding-left: 2%;
}
}

@media screen and (max-width:360px) {
.hakkimizda .left .txt {font-size: 12px;color: #fff;line-height: 17px;}
.hizmetHatti .left img{ width:50%;}
.hizmetHatti .right img{ width:45px;}
.hizmetHatti .right .text1, .hizmetHatti .right .text2 {font-size: 12px;padding-left: 4px;line-height: 22px!important;margin-top: -7px;}
.hizmetHatti .right {padding-left: 25px;}
.hizmetHatti .right{ padding-top:20px;}
header .bottom>a {line-height: 44px!important;}
header .bottom.dogalgazMenu {height: 136px;}
}