#reorder, #reorder i {
    width: 30px;
    position: absolute;
}
#reorder {
    height: 22px;
    top: -48px;
    right: 10px;
    cursor: pointer;
}
#reorder i {
    background: #bf9c3b;
    display: block;
    top: 9px;
    left: 0;
}
#reorder i, #reorder i:after, #reorder i:before {
    width: 30px;
    height: 4px;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translate3d(0, 0, 0);
}
#reorder i:before {
    height: 4px;
}
#reorder i:after, #reorder i:before {
    background: #bf9c3b;
    content: " ";
    margin-top: -.6em;
    position: absolute;
}
#reorder i:after {
    margin-top: .6em;
}
#reorder.true i {
    background: 0 0;
}
#reorder.true i:before {
    -moz-transform: rotate(45deg) translate(.5em, .4em);
    -ms-transform: rotate(45deg) translate(.5em, .4em);
    -o-transform: rotate(45deg) translate(.5em, .4em);
    -webkit-transform: rotate(45deg) translate(.5em, .4em);
    transform: rotate(45deg) translate(.5em, .4em);
}
#reorder.true i:after {
    -moz-transform: rotate(-45deg) translate(.45em, -.35em);
    -ms-transform: rotate(-45deg) translate(.45em, -.35em);
    -o-transform: rotate(-45deg) translate(.45em, -.35em);
    -webkit-transform: rotate(-45deg) translate(.45em, -.35em);
    transform: rotate(-45deg) translate(.45em, -.35em);
}
@media (min-width:992px) {
    header #mainMenu {
    display: block!important;
}
}@media (min-width:992px) and (max-width:1200px) {
    header {
    height: 67px;
}
.lang{
    top:25px;
    right: -30px;
}
.form input.guvenlikInput {
    width: 75% !important;
}
#flu {
    top: 67px!important;
}
header #mainMenu {
    margin-top: -5px;
}
section.mBlocks {
    letter-spacing: 66px;
}
section.mBlocks .icons {
    margin: 0;
}
footer .socials {
    padding: 15px 30px;
    letter-spacing: 7px;
}
section.mCol #news .head .left {
    left: 55px!important;
}
section.mCol #news .head .right {
    right: 40px!important;
}
section.mCol #news, section.mCol #news2 {
    height: 425px;
}
.catalog{
    margin-top:10px;
}
.referances li {
    width: 307px;
}
.da-slider {
    height: 340px!important;
}
.da-slide h2 {
    top: 0;
    font: 30px/25px CenturyGothicBold;
}
.da-slide p {
    top: 55px;
    font: 21px/40px CenturyGothic;
}
.da-slide ul {
    font: 17px/25px CenturyGothic;
    top: 95px;
}
.da-slide .da-img {
    width: 38%}
}@media (min-width:768px) and (max-width:992px) {
    footer .bl, section.cText .bl {
    min-height: auto;
}
.pd {
    padding: 0!important;
    margin: 30px 0;
}
.lang{
    top:35px !important;
    right: 65px;
}
header .fixed.fxd {
    position: relative!important;
}
header {
    height: 84px;
}
header #mainMenu {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    background: #bf9c3b;
    z-index: 500;
    text-align: left;
}
header #mainMenu li, header #mainMenu li a {
    display: block;
}
header #mainMenu li a {
    color: #fff;
    padding: 15px 20px!important;
    margin: 0 20px;
}
header #mainMenu li a.slc, header #mainMenu li:hover a {
    color: #ddd;
    background: 0 0!important;
    border: none!important;
}
#flu {
    display: none!important;
}
header #mainMenu .openMenu {
    position: relative;
    width: 100%;
    top: 0;
    padding-left: 20px;
    background: #ccb168;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
header #mainMenu li a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 12px;
    position: absolute;
    top: 19px;
    left: 25px;
    background: url(../img/icon-sheet.png) -340px -26px;
}
header #mainMenu .openMenu:before {
    content: "";
    display: inline-block;
    background: 0;
}
header #mainMenu .openMenu a, header #mainMenu .openMenu a:hover {
    color: #fff!important;
    background: 0!important;
}
header #mainMenu .openMenu a:before {
    top: 14px;
}
section.mBlocks .icons {
    margin: 0;
}
section.mBlocks {
    letter-spacing: 0;
}
section.mBlocks .icons a:hover i, section.mBlocks .icons i {
    width: 124px;
    height: 124px;
}
footer {
    padding: 0;
}
footer .bl {
    border-bottom: 1px solid #d7d9d9;
    border-right: 0;
    padding: 15px 0;
}
footer .adr {
    margin: 20px 0;
}
footer .mail, footer .tel {
    margin-bottom: 20px;
}
footer .socials {
    padding: 10px 30px;
}
section.mSolutions .owl-next {
    right: -18px;
}
section.mSolutions .owl-prev {
    left: -18px;
}
section.mBlocks .icons i:before {
    left: -13px;
    top: -13px;
}
.referances li {
    width: 234px;
}
section.cBanner {
    margin: 0;
}
section.cText .icBnr {
    width: 350px;
}
form input, form textarea {
    width: 100%}
section.mBlocks a {
    margin-bottom: 20px;
}
section.cText ul {
    margin: 0;
}
.da-slider {
    height: 255px!important;
}
.da-slide h2 {
    top: 0;
    font: 22px/25px CenturyGothicBold;
}
.da-slide p {
    top: 55px;
    font: 18px/40px CenturyGothic;
}
.da-slide ul {
    font: 15px/25px CenturyGothic;
    top: 95px;
}
.da-slide .da-img {
    width: 34%}
.da-slide .da-link {
    bottom: 15px;
}
section.mCol #news2 {
    height: auto;
}
section.mCol #news ul {
    height: 100px!important;
}
#newsList li {
    width: 100%;
    height: auto;
}
.newsDetail .date {
    position: relative;
    right: auto;
    display: block;
}
#newsSlider {
    width: 100%;
    float: none;
    margin: 0;
}
}@media (max-width:768px) {
    .pd, .pdx {
    padding: 0!important;
}
.lang{
    top:25px !important;
    right: 65px;
}
.form input.guvenlikInput {
    width: 100% !important;
}
.form .guvenlikKodu{
	margin-bottom: 15px;
}
footer .bl, section.cText .bl {
    min-height: auto;
}
.pd {
    margin: 30px 0;
}
header .fixed.fxd {
    position: relative!important;
}
header .fixed {
    box-shadow: none!important;
}
header {
    height: auto;
    border-bottom: 1px solid #dadada;
}
header .logo {
    width: 200px;
}
#reorder {
    right: 15px;
}
header #mainMenu {
    display: none;
    overflow: hidden;
    width: 100%;
    background: #bf9c3b;
    z-index: 500;
    text-align: left;
}
header #mainMenu li, header #mainMenu li a {
    display: block;
}
header #mainMenu li a {
    color: #fff;
    padding: 15px 20px;
    margin: 0 20px;
}
header #mainMenu li a.slc, header #mainMenu li:hover a {
    color: #ddd;
    background: 0 0!important;
    border: none!important;
}
#flu {
    display: none!important;
}
header #mainMenu .openMenu {
    position: relative;
    width: 100%;
    top: 0;
    padding-left: 20px;
    background: #ccb168;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
header #mainMenu li a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 12px;
    position: absolute;
    top: 19px;
    left: 25px;
    background: url(../img/icon-sheet.png) -340px -26px;
}
header #mainMenu .openMenu:before {
    content: "";
    display: inline-block;
    background: 0;
}
header #mainMenu .openMenu a, header #mainMenu .openMenu a:hover {
    color: #fff!important;
    background: 0!important;
}
header #mainMenu .openMenu a:before {
    top: 14px;
}
section.mBlocks .icons {
    margin: 0;
    text-align: center;
}
section.mBlocks {
    letter-spacing: 0;
}
section.mBlocks .icons a:hover i, section.mBlocks .icons i {
    width: 124px;
    height: 124px;
}
section.mSolutions {
    padding: 0 20px;
}
section.mSolutions .owl-next, section.mSolutions .owl-prev {
    top: 100px;
}
section.mCol .slogan .text {
    padding: 15px 0 0;
}
section.cText ul {
    margin: 0;
}
.newsDetail, footer {
    padding: 0;
}
footer .bl {
    border-bottom: 1px solid #d7d9d9;
    border-right: 0;
    padding: 15px 0;
}

footer .mail, footer .tel {
    margin-bottom: 20px;
}
footer .socials {
    padding: 10px 8px;
    letter-spacing: 3px;
    text-align: center;
}
footer .address {
    padding-left: 25px;
}
section.mCol #news .head .left {
    left: 30px!important;
}
section.mCol #news .head .right {
    right: 15px!important;
}
section.mBlocks .icons i:before {
    left: -13px;
    top: -13px;
}
section.cText .icBnr {
    float: none;
    margin: 20px 0;
    width: 100%}
form input, form textarea {
    width: 100%}
form span {
    margin: 0!important;
}
form label {
    display: block!important;
}
.referances {
    text-align: center;
}
section.mBlocks a {
    margin-bottom: 20px;
}
.newsHead {
    padding: 0!important;
}
.newsBack {
    right: 10px!important;
}
#newsSlider {
    width: 100%;
    float: none;
    margin: 0;
}
section.sssliDer {
    width: 100%;
    margin-bottom: 50px;
}
section.sssliDer .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0 0 20px;
}
section.sssliDer .swiper-pagination {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 10000;
}
section.sssliDer span {
    font: 22px/25px CenturyGothicBold;
    color: #333;
    margin: 15px 0;
    width: 100%;
    text-align: center;
}
section.sssliDer .swiper-slide a, section.sssliDer .swiper-slide img {
    width: 100%}
section.sssliDer .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: 0 0;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
    border: 2px solid #ED1C24;
    border-radius: 15px;
}
section.sssliDer .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ED1C24;
}
section.mCol #news2 {
    height: auto;
}
section.mCol #news ul {
    height: 100px!important;
}
#newsList li {
    width: 100%;
    height: auto;
}
.newsDetail {
    text-align: left;
}
.newsDetail img {
    float: none;
    display: block;
}
.newsDetail .date {
    position: relative;
    right: auto;
    display: block;
}
.newsHead h1 {
    margin: 20px 0!important;
}
}