/*
*--------------------------------------------------------------
*	Mobile
*
*	max 1300 - 1300 den Küçük İse
*	min 1300 - 1300 den Büyük İse
*
*--------------------------------------------------------------
*/



@media (max-width: 1366px) {

	.sliders .swiper {
		height: 900px;
	}





}
@media (max-width: 1300px) {

	.sliders .swiper {
		height: 700px;
	}
    .navbar-mobile .navbar-right {
        padding-left: 40px;
    }
    .navbar .social .text {
        font-size: 20px;
    }
    .navbar-mobile .menus {
        padding-right: 40px;
    }
    .sectors .banner {
        font-size: 25px;
    }
    .about .section2 .image1 {
        right: 20px;
    }
    .about .section2 .title1 {
        padding-left: 0;
    }

}

@media (max-width: 1024px) {
	.sliders .swiper {
		height: 600px;
	}
    .mobile-nav-toggle {
        font-size: 35px;
        top: 5px;
    }
    .navbar-mobile .menus a {
        font-size: 14px;
    }
    .navbar-mobile .mobile-nav-toggle {
        right: 0px;
        font-size: 35px;
    }
    .navbar .social .text {
        font-size: 15px;
    }
    .navbar-mobile ul {
        padding: 35px;
    }
    .sliders h3 {
        font-size: 50px;
    }
    .sectors .banner {
        font-size: 20px;
        left: -80px;
    }
    .about .image1 img{
        width: 250px;
    }
    .about .section1 .image1 {
        bottom: 45px;
        left: 75px;
    }
    .about .section1 .image2 img {
        width: 60%;
    }
    .about .section1 .image2 {
        top: calc(50% - 280px);
        left: calc(50% - 180px);
    }
    .about .section1 .title1 {
        padding: 20px 30px;
        font-size: 50px;
    }
    .about .section1 .title2 {
        padding-left: 30px;
        font-size: 40px;
    }
    .about .section1 .title3 {
        padding: 20px 30px;
        font-size: 40px;
    }
    .about .section2 .title1 {
        font-size: 30px;
    }
    .about .section2 .title2 {
        font-size: 30px;
    }
    .about .section2 .description {
        padding-left: 150px;
        font-size: 12px;
        padding-bottom: 55px;
    }
    .about .section1 {
        padding: 70px 60px !important;
    }

    .footer .footer-top .left {
        padding: 30px 30px;
    }
    .footer .footer-top .right {
        padding-left: 0px;
    }
    .footer .footer-top .right .title {
        padding-bottom: 30px;
    }

    .breadcrumbs .box {
        height: 95px;
        width: 50%;
    }
	.breadcrumbs .text {
		width: 45%;
	}

}



@media (max-width: 992px) {
    .sliders .swiper {
        height: 500px;
    }
    .sliders h3 {
        font-size: 30px;
    }
    .sliders a {
        padding: 5px 20px;
        font-size: 12px;
    }
    .sectors .banner {
        font-size: 15px;
        left: 0px;
    }
    .sec:last-child{
        display: none;
    }

    .sectors .sectors-detail:hover .shape {
        transform: translate(175px, 0px);
    }
    .video .description {
        padding-bottom: 40px;
    }
    .about .section2 {
        z-index: 9;
    }
    .pl-40{
        padding-left: 0;
    }
    .addemail .detail .left , .addemail .detail .right {
        padding-top: 50px;
    }
    .addemail .detail .left {
        padding-left: 20px;
    }




}


@media (max-width: 850px) {


	.sliders .swiper {
		height: 400px;
	}
    .about .section2 {
        padding-right: 30px;
    }
    .about .section1 {
        padding: 60px 40px !important;
    }

    .about .section2 .image1 {
        top: 15px;
    }
    .navbar-mobile .navbar-right {
        width: 250px;
    }
    .navbar-mobile .menus {
        padding-right: 30px;
    }
    .navbar .menu-footer {
        padding-right: 50px;
    }


    .sectors .banner .text-right {
        display: none;
    }

    .documents img{
        margin-bottom: 30px;
    }
    .contact .content{
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {

	.sliders .swiper {
		height: 400px;
	}
	.page .image {
		margin-top: 50px;
	}

}


@media (max-width: 575px) {

	.sliders .swiper, .header .logo a.logo {
        height: 70px;
    }
    .header2 .logo a.logo {
        height: 70px;
    }

    .header .logo, .header2 .logo {
        width: 210px;
        left: 0;
    }
    .mobile-nav-toggle {
        font-size: 30px;
    }
    .mobile-nav-toggle {
        padding: 10px;
    }
    .sectors .sectors-detail:hover .shape {
        transform: translate(300px, 0px);
    }

    .footer .footer-top .right {
        padding-left: 50px;
		padding-right: 20px;
    }
    .footer .container-fluid {
        /*padding-right: 0;
		padding-left: 0;*/
    }
    .footer .footer-top .left {
       border-top-right-radius: 0;
    }
    .footer .footer-top .right .title {
        padding-top: 30px;
    }
    .footer .footer-bottom {
        padding: 20px 40px;
    }

    .breadcrumbs .box {
        width: 85%;
        height: 105px;
    }

    .breadcrumbs .title {
        top: 230px;
        font-size: 20px;
    }
    .breadcrumbs .text {
        top: 230px;
        font-size: 12px;
        width: 75%;
    }

    .contact .contact-detail {
        flex-direction: column;
        text-align: center;
    }
    .contact .contact-detail .left, .contact .contact-detail .middle, .contact .contact-detail .right  {
        padding-left: 0;

    }
	.about .section1 .image2 img {
		display:none;
	}
}

@media (max-width: 420px) {

    section {
        padding: 20px 0;
    }

    .sliders .swiper {
        height: 250px;
    }
    .sectors .sectors-detail:hover .shape {
        transform: translate(200px, 0px);
    }
    .video {
        padding: 20px 10px;
    }
    .about .section1 .image2 img {
        width: 80%;
    }
    .about .section1 .image2 {
        top: calc(50% - 130px);
        left: calc(50% - 150px);
    }
    .swiper-galleries img{
        width: 250px;
        height: 175px;
    }
    .swiper-galleries .swiper-slide{
        width: 250px;
        height: 175px;
    }
    .about .image1 img{
        display:none;
		
    }
    .navbar-mobile .mobile-nav-toggle {
        right: 45px;
    }

    .addemail .detail {
        padding: 30px 10px;
    }
    .addemail .detail .left {
        font-size: 25px;
    }
    .addemail .detail .title2 {
        font-size: 20px;
    }
    .addemail .detail .right {
        padding-left: 15px;
    }
    .addemail input {
        height: 45px;
    }
    .addemail button {
        height: 45px;
        width: 45px;
        font-size: 20px;
    }


    .sectors .detail {
        padding: 30px 20px;
    }
    .sectors .detail .left {
        padding-left: 5px;
    }
    .sectors .detail .title2 {
        font-size: 20px;
    }
    .sectors .detail a {
        font-size: 20px;
        padding-left: 10px;
        padding-top: 20px;
    }

	.about .section1 .title1, .about .section1 .title2, .about .section1 .title3{
		font-size: 40px;
	}


}