.mobile-nav, a.icon{
    display: none;
}
@media (max-width: 1024px) {

    #customers .item .content .text p{
        font-size:12px;
        margin:0;
    }
    header .headerContentMenu .menu .myMenu li a{
        margin-right: 22px;
    }
    #call .form input{
        margin:0;
    }
    #call .form button{
        margin:0;
    }
    #call .area .text h3{
        font-size:14px;
    }
    #call .area .text{
        padding:15px 0;
    }
    footer .tel span,
    footer .mail span{
        font-size:14px;
    }
    footer input{
        padding: 10px 21px;
    }
    footer .icon a{
        margin-right: 4px;
    }

}
@media (max-width: 988px){
    .hc-offcanvas-nav li.nav-parent a i{
        display: none;
    }
    .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper,
    .hc-offcanvas-nav ul{
        background-color: #d60b52
    }
    .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a{
        background: #d60b52;
        border-top: 1px solid #d60b52;
        border-bottom: 1px solid #d60b52;
    }
    .hc-offcanvas-nav h2{
        color:#fff;
    }
    .hc-nav-trigger.hc-nav-1{
        margin-right: 15px;
        background-color: #d60b52;
        padding:10px;
        color:#fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    a.icon{
        display: block;
        margin-right: 15px;
        color:#d60b52;
    }
    .mobile-nav.responsive {
        width: 100%;
    }
    .mobile-nav.responsive .icon {
        color:#d60b52;
        position: absolute!important;
        right: 0;
        top: -20px;
    }
    .mobile-nav.responsive a {
        float: none;
        display: block;
        text-align: left;
        color:#d60b52;
    }
    header .header .container .headerContent .headerLeftContent{
      justify-content: space-between;
      margin-right: 0;
      padding-left: 15px;
      padding-right: 15px;
    }
    header .header .container .headerContent .headerRightContent{
        justify-content: space-between;
    }
    header .header .container .headerContent
    {
        text-align: center;
        display: block;
    }
    #call .form{
        padding:0;
    }
    #call .content{
        text-align: center;
    }
    #call .form input{
        display: block;
        margin-bottom: 5px;
    }
    #call img{
        display: none;
    }
    #call .col-md-3,
    #call .col-md-9{
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #call .area{
        margin-top:10px;
    }
    #services .content .conContent .mainTabContent .nav a{
        padding: 15px 18px;
    }
    #lastProje .content{
        margin-bottom:10px;
    }
    #lastProje .col-md-3,
    #lastProje .col-md-9{
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer .logo{
        margin-bottom:21px;
    }
    footer .mail img,
    footer .tel img{
        margin:0;
    }
    footer button{
        right: -51px;
    }
    footer input{
        padding: 10px 17px;
    }
}
@media (max-width: 768px){		#fotogaleridetay .panel#fotogalerim .galeriDetayContent {		margin-top: 20px;	}
    #services .content .title a{
        padding: 10px 11px;
    }
    footer input{
        padding:10px 0;
    }
    footer button{
        right: -21px;
    }
    #area .container-fluid .text h2{display: block}
    #area .container-fluid .text a{
      margin-top: 10px;
      display: inline-block;
    }
    header .mr-form{
      margin-left: 10px;
    }
    #referance .container .content{
      padding-top: 25px;
padding-bottom: 25px;
    }		header .header .container .headerContent .headerRightContent .icon {    margin: 0 auto;}
}
@media (max-width: 550px){
    #page .pages .content{
       padding: 0;
    }	#page .pages {		display: flex;		align-items: center;		justify-content: center;		height: 154px;	}	#page .pages img {		width: 100%;		height: 154px;		object-fit: cover;	}	section#siziarayalim {		margin-top: 20px;	}
  #referance{
    padding-left: 10px;
    padding-right: 10px;
  }

  header .headerContentMenu,
  header .header .container .headerContent .headerRightContent{
    padding-left: 5px;
    padding-right:5px;
  }

  header .header .container .headerContent .headerRightContent .icon a{
    margin-right: 10px;
  }
    #slider .item .sliderContent .title h1{
        font-size:14px;
    }
    #slider .item .sliderContent .text p{
        font-size:10px;
    }
    #slider .item .sliderContent .link a{
        padding:10px 20px;
    }
    #slider .item img{
        height: 300px;
        object-fit: cover;
    }
    #area .container-fluid .text h2{
        font-size: 13px;
    }
    #area .container-fluid .text a{
        padding: 10px;
    }
    #services .content .conContent .mainTabContent .nav{
        display: block;
    }
    #services .content .conContent .mainTabContent .nav a:hover:before, #services .content .conContent .mainTabContent .nav a.active:before{
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #d60b52 transparent transparent transparent;
        bottom: -8px;
        top:initial;
        left:50%;
        -moz-transform: translateX(-50%) translateY(0%);
        -o-transform: translateX(-50%) translateY(0%);
        -ms-transform: translateX(-50%) translateY(0%);
        -webkit-transform: translateX(-50%) translateY(0%);
        transform: translateX(-50%) translateY(0%);
    }
    #services .content .conContent .mainTabContent .nav li{
        margin-bottom: 15px;
    }
    #services .content .conContent .mainTabContent .nav a{
        height: 100px;
        max-height: 100px;
    }
    #call .form input,
    #call .form{
        width: 100%;
    }
    #referance .owl-theme .owl-nav,
    .owl-theme .owl-dots{
        display: none;
        margin:0;
    }
    #customers{
        display: none;
    }
    footer input{
        width: 100%;
        max-width: 100%;
        padding: 11px 15px;
    }
    footer button{
        right: 11px;
    }
    footer .icon a{
        margin-right: 13px;
    }
    footer .tel,
    footer .mail{
        display: inline-block;
        margin-bottom: 5px;
    }
    footer ul li{
        margin-bottom:3px;
    }
    footer ul span,
    footer .title span{
        margin-bottom:7px;
    }

}
@media (max-width: 468px){
    #area .container-fluid .text h2{
        display: block;
        width: 100%;
        margin-bottom:30px;
    }
    header .header .container .headerContent .headerRightContent .icon {
		margin: 0 0 0 15px;
	}
}
@media (max-width: 358px){
    #slider .owl-carousel .owl-nav button.owl-prev,
    #slider .owl-carousel .owl-nav button.owl-next{
        width: 20px;
        height: 20px;
        font-size: 10px;
    }
    #area .container-fluid .text{
        padding-top:10px;
        padding-bottom:10px;
    }
    header .header .container .headerContent .headerRightContent .icon {
		margin: 0 auto;
	}
    header .header .container .headerContent .headerRightContent .icon a{
        margin-right: 9px;
    }
}
/*start kurumsal.html*/

@media (max-width: 1024px) {
    #kurumsal .panel#hakkimizda .content .area{
        display: block;
    }
    .panel .social{
        display: block;
    }
    .panel .social a{
        text-align: center;
        display: flex;
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
        align-items: center;
        justify-content: center;
    }
    .panel .social a i{
        display: block;
    }
    .panel .social .images{
        text-align: center;
        margin-top:10px;
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .panel .social .images img{
        margin-left:0;
    }

}
/*start referanslar.html*/
@media (max-width: 768px) {
    #referanslar{
        margin-top:30px;
    }
}
/*start 404.html*/
@media (max-width: 1024px) {
    #info .info .infoContent{
        padding:0;
        margin-bottom:50px;
    }

}
/*start fotogaleri.html*/
@media (max-width: 460px){

    .panel .pagesUpDown{
        text-align: center;
    }
    .panel .pagesUpDown ul li{
        margin-bottom:20px;
    }
    .panel .pagesUpDown ul li:last-child,
    .panel .pagesUpDown ul li:first-child{
        display: block;
    }
    .panel .pagesUpDown ul a{
        display: initial;
    }
    .panel .pagesUpDown{
        margin:0;
    }

}
/*start iletisim.html*/
@media (max-width: 1024px) {
    #iletisim .iletisimTopContent{
        padding:0;
        margin-top:30px;
    }
}
/*start siziarayalim.html*/
@media (max-width: 1024px) {
    #siziarayalim .siziarayalimTopContent{
        padding:0;
    }
}
@media (max-width: 768px){
    #siziarayalim form{
        padding-left:10px;
        padding-right:10px;
    }
    #siziarayalim .siziarayalimBg{
        background-image: none;
    }
    #siziarayalim .siziarayalimBottom .siziarayalimContent .siziarayalimContentButon{
        margin:0;
    }
}
/*start projeler.html*/
@media (max-width: 768px)
{
    #projeler{
        margin-top:30px;
    }
    #projeler .panel#projem .projemTopContent img{
        object-fit: cover;
        height: 150px;
    }
    #projeler .panel#projem .projemTopContent .projemTopTitle{
        display: none;
    }
    #projeler .panel#projem .projemTopContent .projemTopLink{
        top: calc(50% - 10px);
        left: calc(50% - -20px);
        -moz-transform: translateX(-70%) translateY(100%);
        -o-transform: translateX(-70%) translateY(100%);
        -ms-transform: translateX(-70%) translateY(100%);
        -webkit-transform: translateX(-70%) translateY(100%);
        transform: translateX(-50%) translateY(-50%);
    }
}
@media (max-width: 550px)
{
    #projeler .panel#projem .projemTopContent .projemTopLink{
        bottom: 50%;
        top:initial;
        transform: initial;
        left:initial;
    }
}
/*start proje_detay.html*/
@media (max-width: 768px){
    #projeDetay .panel#projemDetay .projemDetayTop{
        display: block;
    }
    #projeDetay .modal .modal-content .modalTop{
        display: block;
    }
    #projeDetay .modal .modal-content .modalTop .modalPrice{
        margin-top:15px;
    }
    #projeDetay .modal .modal-content .col-md-6,
    #projeDetay .modal .modal-content .col-md-12{
        flex:0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    #projeDetay .modal .modal-content .modalArea .modalBottomRight,
    #projeDetay .modal .modal-content .modalArea .modalBottomLeft{
        text-align: center;
        margin-top:25px;
    }
}
@media (max-width: 550px){
    #projeDetay .panel#projemDetay .projemDetayTop,
    #projeDetay .panel#projemDetay .projemDetayPdfVideo{
        display: block;
        padding-top:5px;
    }
    #projeDetay .lasted{
        margin:0;
    }
}
@media (max-width: 320px){
    #projeDetay .modal .modal-content{
        padding:10px;
    }
    #projeDetay .modal .modal-content .modalArea .modalBottomLeft .siziarayalim{
        display: block;
        margin:0;
    }
    #projeDetay .modal .modal-content .modalArea .modalBottomLeft .hesapbilgileri,
    #projeDetay .modal .modal-content .modalArea .modalBottomRight .siparisver{
        margin-top:5px;
        display: block;
    }
    #projeDetay .modal .modal-content .modalArea .modalBottomRight{
        margin:0;
    }
    #projeDetay .modal .modal-content .modalArea{
        padding:0;
    }
}
/*start tamsayfa.html*/
@media (max-width: 768px){
    #tamsayfa .panel#tamsayfam .tamsayfamArea{
        display: block;
    }
    #tamsayfa .panel#tamsayfam .tamsayfamArea .tamsayfamImages{
        display: block;
        text-align: center;
    }
    #tamsayfa .panel#tamsayfam .tamsayfamArea .tamsayfamImages img{
        width: initial;
        max-width: initial;
    }
    #tamsayfa .panel#tamsayfam .tamsayfamArea .tamsayfamText{
        padding:0;
    }
    #tamsayfa .panel#tamsayfam .content{
        padding-right: 24px;
        padding-left: 30px;
    }
}