@media(max-width:1440px) {
    #header #headerBottom h1.logo img {
        height: 36px;
    }
    #siteMenu > ul > li > a {
        font-size: 12px;
    }
	.about-j-kulp{
    width: 155px;position: absolute;left: 97%;z-index: 1;display: grid;justify-items: center;top: 323px;color: black;row-gap: 15px;animation-name: j-kulp;animation-duration: 0.5s;font-size: 15px;
}
	
}


@media(max-width:1366px) {
    #header #headerBottom > .row .bg-blue-dark { padding-left: 25px; }
    #homeFooter .bg-blue-light img { margin-right: 30px; }
	.about-j-kulp{
    width: 113px;
    position: absolute;
    left: 93%;
    z-index: 1;
    display: grid;
    justify-items: center;
    top: 368px;
    color: black;
    row-gap: 15px;
    animation-name: j-kulp;
    animation-duration: 0.5s;
    font-size: 15px;
	}
   #about .img1{
    width: 527px;
    margin-right: 122px;
   }
}

@media(max-width:1280px) {
    #header #headerBottom h1.logo img { height: 34px; }
    #homeFooter .bg-blue-light img { height: 150px; }
	.about-j-kulp{
		    width: 111px;
    position: absolute;
    left: 91%;
    z-index: 1;
    display: grid;
    justify-items: center;
    top: 351px;
    color: black;
    row-gap: 15px;
    animation-name: j-kulp;
    animation-duration: 0.5s;
    font-size: 15px;
	  }
	     #about .img1{
    width: 521px;
    margin-right: 145px;
   }
}

@media(max-width:1136px) {
    #header #headerBottom > .row .bg-blue-dark { padding-left: 20px; padding-right: 20px; }
    #slider .owl-controls .owl-nav > div.owl-prev { left: 15px; }
    #slider .owl-controls .owl-nav > div.owl-next { right: 15px; }
    #about .img1 {    height: 340px; top: 30px;margin-right: 0px; width: auto; }
	.about-j-kulp{ width: 276px; position: absolute; left: 79%; z-index: 1; display: grid; justify-items: center;top: 365px; color: black; row-gap: 5px;  animation-name: j-kulp; animation-duration: 0.5s;   font-size: 14px;}
}

@media(max-width:993px) {
    #header > div > .row > div:first-child { padding-left: 15px; }
    #header > div > .row > div:last-child { padding-right: 15px; }
    #header #headerBottom #bayigirisi::before { display: none; }
    .site-menu ul li a { padding: 10px; }
    #header #headerBottom h1.logo img { height: 30px; }
    #slider .content h2 { font-size: 40px; }
    #slider .content p { font-size: 20px; margin: 5px auto; }
    .container { width: 90%; }
    #about .about-text { max-width: 450px; }
    #homeFooter .bg-blue-light img { display: block; height: 150px; margin: 35px auto; }
    #footerTop #footerInfos .infos .di { margin-right: 50px; }
    #footer .social { display: block; float: none; margin: 0; padding-top: 40px; text-align: center; }
    #slider .item > img { height: 450px; object-fit: cover; }
	.about-j-kulp{
	width: 276px;position: absolute;left: 70%;z-index: 1;display: grid;justify-items: center;top: 383px;color: black;row-gap: 5px;animation-name: j-kulp;animation-duration: 0.5s;font-size: 13px;
	}
}

@media(max-width:960px) {
    #header #headerBottom h1.logo img { height: 25px; }
    #header.s #headerBottom h1.logo img { height: 20px; }
    #about .img1 { height: 250px; }
    #about.pr > .bg-white.pa { width: 24%; }
    #footer .infos { display: block; }
    #footerTop #footerInfos .infos .di { display: block; margin: 0 auto 20px; text-align: center; width: 100%; }
	.about-j-kulp{
	width: 276px;position: absolute;left: 73%;z-index: 1;display: grid;justify-items: center;top: 365px;color: black;row-gap: 5px;animation-name: j-kulp;animation-duration: 0.5s;font-size: 13px;
	}
}

@media(max-width:800px) {
    #header #headerTop .social a { padding: 13px 14px; }
    #header #headerBottom #arama { font-size: 1px; letter-spacing: -6px; }
    #header .bg-white .col-sm-9 { display: block; width: 100%; }
    #header nav { text-align: left; }
        #header nav > ul > li > a { padding-left: 0; padding-right: 20px; }
    #header #headerBottom > .row > div { padding-bottom: 20px; padding-top: 20px; }
    #header #headerBottom > .row .bg-blue-dark { display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
    #productCats { padding-top: 50px; }
        #productCats #titles h2 { font-size: 40px; }
        #productCats #titles p { font-size: 25px; }
    #catBoxes a .cat-name p { margin: 0 30px; }
    #about .about-text { max-width: 400px; }
    #homeFooter > .row > div { float: none; height: auto !important; margin: 0; width: 100%; }
    #homeFooter .bg-blue-light img { display: block; height: 150px; margin: 0 auto 20px; }
    #homeFooter > .row > div.bg-blue-light { padding-bottom: 30px; padding-top: 30px; }
    #footerTop #footerBrands img { height: 25px; margin: 0 10px; }
    #homeVideo { height: 350px; }
    #header.s #headerBottom h1.logo img { display: none; }
    .breadcrumb { font-size: 13px; min-width: 0; padding: 15px 20px; }
    .teklif-form .btn {border-width: 0px; width: 100%; height: 60px; margin-top: 10px; }
    .meva-kapi .prodName > span {
        font-size: 36px;
    }
    
    .meva-kapi #prodDetail .prodInfos {
        padding-left: 0;
        padding-right: 0;
    }
	.about-j-kulp{
	width: 276px;position: absolute;left: 64%;z-index: 1;display: grid;justify-items: center;top: 395px;color: black;row-gap: 5px;animation-name: j-kulp;animation-duration: 0.5s;font-size: 13px;
	}
}

@media(max-width:768px) {
    #about .img1 { height: 210px;right: -20px;margin-right: 0px;width: auto; }
	.about-j-kulp{
	width: 276px;position: absolute;left: 64%;z-index: 1;display: grid;justify-items: center;top: 395px;color: black;row-gap: 5px;animation-name: j-kulp;animation-duration: 0.5s;font-size: 13px;
	}
	.square-container2{
    padding: 40px;text-align: center;position: relative;top: 50%; -ms-transition: transform 0.60s cubic-bezier(.5,.3,.3,1);transition: transform 0.60s cubic-bezier(.5,.3,.3,1);  -webkit-transition: transform 0.60s cubic-bezier(.5,.3,.3,1); -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88); -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88); transform: translateY(-50%) translateX(650px) translateZ(60px) scale(.88); transform-style: preserve-3d; z-index: 2;
	}
}

@media(max-width:720px) {
    #mobileheader { display: block; }
    #headerBottom .bg-white > .row > .col-sm-3 { display: none; }
    #headerTop { background-color: #555; width: 100%; }
    #header { left: 0; position: relative; top: auto; }
    #mobileheader .col-sm-6 img { height: 30px; margin: 20px 0; }
    .navbar-toggle { background-color: #004276; color: #fff; font-size: 40px; line-height: 0; padding: 20px 10px 15px; position: absolute; right: 0; top: -60px; }
    #headerTop > .row > div { display: inline-block; width: 49%; }
        #headerTop > .row > div:last-child { padding-right: 0; text-align: right; }
    #header #headerBottom #arama { font-size: 15px; letter-spacing: 0; float: left; padding: 0; }
    .site-menu ul li { border-bottom: 1px solid #eee; display: block; }
    #siteMenu > ul > li > a::before { display: none; }
    #siteMenu > ul > li > a { padding-top: 10px; }
    #siteMenu > ul > li:hover > ul { animation-name: none; display: none; }
    #siteMenu > ul > li ul { left: 0; position: relative; top: auto; min-width: 0; }
    #siteMenu ul ul { box-shadow: none; }
    #siteMenu > ul > li ul > li:last-child { border: medium none; }
    #slider .owl-controls .owl-nav > div { top: 30%; }
    #slider .content { padding-top: 0; }
    #catBoxes > div { display: inline-block; vertical-align: top; width: 30%; }
    #catBoxes a:hover img, #catBoxes .active a img, #catBoxes a img { height: auto !important; margin-top: 0 !important; max-height: 310px !important; object-fit: cover; width: 100% !important; }
    #catBoxes a { margin: 0; }
        #catBoxes a .cat-name p { font-size: 14px; }
    #about .img1 { height: 190px; right: -20px; }
    #newsImages > img { width: 100%; }

    #masterHeader > img { height: 235px; }
    #masterHeader .tcell h2 { margin: 10px 0 0; font-size: 35px; }

    #masterContent .icerik { min-height: 0; padding: 15px; }
    .leftMenuOpener { background: none; color: #fff; cursor: pointer; display: block; font-size: 30px; height: auto; left: auto; margin-top: -50px; padding: 0; position: relative; text-align: center; width: auto; z-index: 99; }
    #leftMenuOpener { background-color: #004276; color: #fff; cursor: pointer; display: block; font-size: 35px; line-height: 1; margin: -120px auto 80px; padding: 5px 0 0; position: relative; text-align: center; width: 45px; }
    #leftMenu { padding: 10px; text-align: left; width: 100% !important; display: none; }
        #leftMenu h3 { margin: 20px auto; }
        #leftMenu ul { padding: 0; }


    #prodPanelUst > .container > .row > .col-sm-4 { background-color: #fff; clear: both; display: block; margin: 30px 15px 0; padding-bottom: 20px; padding-top: 30px; }
    #prodPanelUst .col-sm-4 > .path2 { background-color: #fff; display: block; height: auto; padding-bottom: 30px; position: relative; width: 100%; }
        #prodPanelUst .col-sm-4 > .path2 img { left: auto !important; position: relative !important; top: auto !important; }
    #prodPanelUst > .container > .row > div { float: none; margin: 0; }
    .renkler { margin: 30px -15px 0; }

    .meva-kapi .prodPic .owl-dot > span { width: 20px; }
    #prodDetail .prodInfos { padding-left: 0; }
    .meva-kapi .prodName > span { font-size: 40px; }

    .thenews h4 { font-size: 19px; }
    .newsdate { text-align: center; }
    .references-map { margin: 0 -15px; }
	.about-j-kulp{
	width: 188px;position: absolute;left: 75%;z-index: 1;display: grid;justify-items: center;top: 359px;color: black;row-gap: 5px;animation-name: j-kulp;animation-duration: 0.5s;font-size: 13px;
	}
}

@media(max-width:640px) {
    #about.pr > .bg-white.pa, #about .img1 { display: none; }
    #about .about-text { max-width: none; }
    #footerTop #footerBrands img { height: 20px; }
    #footerBottom { text-align: center; }
    #footerBottom img.fl { display: block; margin: 0 auto 20px; }
   #footerBottom .fr { display: block; float: none; margin: 20px auto 0; }
   	.about-j-kulp{width: 188px;position: absolute;left: 65%;z-index: 1;display: grid;justify-items: center;top: 273px;color: black;row-gap: 5px;animation-name: j-kulp;animation-duration: 0.5s;font-size: 13px;
	}
}

@media(max-width:540px) {
    #videospeedy { height: 190%; left: -40%; position: absolute; top: -50%; width: 140%; }
    #prodPanelUst .prodName span { font-size: 55px !important; }
    .renkler .owl-controls { display: none; margin: 0; }
	.about-j-kulp{width: 188px;position: absolute;left: 65%;z-index: 1;display: grid;justify-items: center;top: 301px;color: black;row-gap: 5px;animation-name: j-kulp;animation-duration: 0.5s;font-size: 13px;}
}

@media(max-width:480px) {
    #slider .owl-controls { display: none; }
    #catBoxes a .cat-name p { margin: 0 15px; }
    #catBoxes > div { display: block; margin-bottom: 20px; width: 100%; }
    #footerTop #footerBrands img { display: block; height: 30px; margin: 0 auto 30px; }
    #slider .content h2 { font-size: 30px; }
    #masterHeader .tcell h2 { font-size: 25px; }
		.about-j-kulp{width: 150px;position: absolute;left: 70%;z-index: 1;display: grid;justify-items: center;top: 301px;color: black;row-gap: 5px;animation-name: j-kulp;animation-duration: 0.5s;font-size: 13px;}
		
}

@media(max-width:414px) {
    #productCats #titles h2 { font-size: 30px; }
    .thenews { width: 100%; }
	.about-j-kulp{
		display:none;
	}
}

@media(max-width:375px) {
    #videospeedy { width: 190%; }
    #catalogs { font-size: 22px; padding: 30px 0; }
}

@media(max-width:360px) {
    #header #headerTop .social a { padding: 13px 10px; }
    #about .img2 { bottom: -70px; height: 100px; }
    #videospeedy { width: 220%; }
}

@media screen and (max-width: 768px) {
    .katalog {
        margin-bottom: 10px;
    }
}