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



@media (max-width: 1366px) {
    .mobile-nav-toggle {
        padding: 20px;
    }

    .counts ul {
        font-size: 50px;
    }
    .about-group .video-bg {
        left: 190px;
    }

    .section .detail:hover i {
        bottom: 275px;
        font-size: 18px;
    }

    .section .detail .logos {
        left: 55px;
    }

    .cta {
        padding: 100px 0;
    }

    section h3.title {
        padding-bottom: 30px;
    }

    .add-email .forms {
        padding: 80px 0px 80px 100px;
    }










	.sliders .swiper {
		height: 900px;
	}

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

	.pagedetail .title h5 {
		font-size: 10px;
		padding-bottom: 0px;
	}

	.why-us .content,
	.why-us .accordion-list {
		padding-left: 0;
		padding-right: 0;
	}

	.addemail .container p{
		font-size:11px;
	}

	.sliders .swiper {
		height: 800px;
	}

	.sliders .container-left {
		width: 20%;
	}
	.sliders .carousel-container {
		height: 100px;
	}
	.sliders h2 {
		font-size: 30px;
	}

    .navbar-mobile .navbar-right {
        padding-left: 0px;
    }

}

@media (max-width: 1024px) {
    .mobile-nav-toggle {
        padding: 15px;
        font-size: 20px;
        top: -30px;
    }
    .header img {
        top: 30px;
    }
    .about-group .video-bg {
        left: 100px;
    }
    .section .detail:hover i {
        bottom: 285px;
        font-size: 13px;
    }
    .section .detail .logos {
        left: 35px;
    }
    .section .detail i::before {
        font-size: 30px;
        padding-right: 10px;
    }
    .counts ul {
        font-size: 35px;
        padding-top: 60px;
        padding-left: 20px;
    }
    .counts ul li::before {
        bottom: 125px;
    }
    .counts ul li span.text {
        font-size: 15px;
        padding-top: 15px;
    }

    .news .detail h4 {
        font-size: 18px;
        padding: 15px 20px 0px;
    }
    .news .detail p {
        font-size: 13px;
    }
    .career h4 {
        font-size: 15px;
        padding: 20px 5px;
    }
    .career h3 {
        font-size: 20px;
        padding-left: 5px;
    }

    .add-email .forms {
        padding: 75px 45px;
    }
    .add-email .forms .form button {
        padding: 0px 15px;
        font-size: 15px;

    }

    .add-email .forms .form input {
        width: calc(100% - 120px);
    }
    .add-email .forms .title1 {
        text-align: center;
    }
    .add-email .forms .title2 {
        text-align: center;
        padding-bottom: 20px;
    }
    .add-email .logos img {
        width: 150px;
    }

    .page-detail .image .logo {
        position: absolute;
        left: 0;
        width: 175px;
        top: 141px;
        background-color: #fff;
        padding: 20px;
        border-radius: 0 100px 100px 0;
    }



	.sliders .swiper {
		height: 800px;
	}

	.sliders .container-left {
		width: 20%;
	}
	.sliders .carousel-container {
		height: 100px;
	}
	.sliders h2 {
		font-size: 30px;
	}


}



@media (max-width: 992px) {
    .header img {
        width:150px;

    }
    .navbar-mobile .mobile-nav-toggle {
        font-size: 30px;
    }

    .navbar-mobile .dropdown ul {
        margin: 0px 20px;
    }
    .navbar-mobile .dropdown ul a {
        padding: 5px 20px;
    }

    .header img {
        width: 150px;
        left: 30px;
    }
    .navbar-mobile .navbar-right p {
        font-size: 12px;
    }
    .navbar-mobile .navbar-right a {
        font-size: 12px;
        padding: 0px 20px;
    }

    .about-group h3 {
        font-size: 15px;
        line-height: 25px;
    }

    .about-group h4 {
        font-size: 13px;
        padding: 20px;
        line-height: 25px;
    }

    section h3.title {
        font-size: 30px;
    }
    .section .detail .logos {
        left: 80px;
    }
    .p-0 {
        padding: 10px!important;
    }
    .section .detail:hover i {
        bottom: 240px;
        font-size: 20px;
    }
    .counts {
        padding-bottom: 5px;
    }
    .counts .image {
        display: none;
    }

    .add-email .logos .image {
        height: 110px;
    }
    .counts ul li::before {
        width: 115px;
    }
    .page-detail li a {
        font-size: 15px;
    }
    .page-detail li a.active {
        font-size: 16px;
    }
    .page-detail .content {
        padding-left: 90px;
    }
    .page-detail .image .logo {
        width: 140px;
        top: 75px;
        padding: 20px;
    }




	.sliders .swiper {
		height: 775px;
	}

	.sliders .container-left {
		width: 20%;
	}
	.sliders .carousel-container {
		height: 100px;
	}
	.sliders h2 {
		font-size: 30px;
	}


}


@media (max-width: 850px) {

    .header img {
        width: 125px;
    }



	.news .swiper-slide.swiper-slide-next {
		transform: scale(1);
	}
	.news .swiper-slide.swiper-slide-active {
		z-index:1;
		transform: scale(1.3);
	}

    .breadcrumbs ol {
        padding: 0;
        font-size: 11px;
    }
    .breadcrumbs .title {
        display: none;
    }
    .breadcrumbs .menu {
        padding-left: 20px;
        height: 75px;

    }
    .page-detail ul {
        padding: 10px 0;
    }
    .page-detail li a.active {
        font-size: 15px;
    }
    .page-detail li a {
        font-size: 14px;
    }
    .page-detail .content {
        padding-left: 0;
    }
    .page-detail .image .logo {
        width: 140px;
        top: 90px;
        padding: 20px;
    }



	.sliders .swiper {
		height: 700px;
	}

	.sliders .container-left {
		width: 20%;
	}
	.sliders .carousel-container {
		height: 100px;
	}
	.sliders h2 {
		font-size: 30px;
	}
}

@media (max-width: 767px) {

    .navbar-mobile .navbar-left {
      height:auto;
    }
    .navbar-mobile .navbar-center {
        height:auto;
    }

    .navbar-mobile .navbar-left img {
        position: static;
    }

    .navbar-mobile .navbar-left a {
        padding: 20px 20px;
    }

    .navbar-mobile ul {
        padding-top: 5px;
    }

    .navbar-mobile .navbar-right {
        padding-top: 5px;
    }

    .navbar-mobile .mobile-nav-toggle {
        font-size: 30px;
        color: #fff;
        background-color: #787878;
    }
    .about-group .video-bg {
        left: 160px;
    }
    .section .detail .logos {
        left: calc(50% - 100px);
    }
    .section .detail .image img{
        width: 100%;
    }

    .footer-logo .logo img{
        width: 200px;
        padding-bottom: 30px;
    }


	section {
		padding: 40px 20px;
	}
    .page-detail .image .logo {
        width: 110px;
        top: 50px;
        padding: 10px;
    }





	.sliders .swiper {
		height: 600px;
	}
	.sliders .container-left {
		width: 15%;
	}
	.sliders .carousel-container {
		height: 75px;
	}
	.sliders h2 {
		font-size: 20px;
		padding-left: 70px;
	}
}


@media (max-width: 575px) {

    .page-detail .image .logo {
        width: 125px;
        top: 90px;
        padding: 10px;
    }



	.sliders .swiper {
		height: 425px;
	}
	.sliders .container-left {
		width: 10%;
	}
	.sliders .carousel-container {
		height: 65px;
	}
	.sliders h2 {
		font-size: 15px;
		padding-left: 46px;
	}
}

@media (max-width: 420px) {

    .about-group .video-bg {
        bottom: 470px;
        left: 30px;
    }
    .about-group  .detail{
        padding-top: 60px;
    }

    .section .detail .logos {
        left: calc(50% - 85px);
    }
    .add-email .forms .form input {
        width: 100%;
    }
    .add-email .forms .form button {
        margin-top: 20px;
        position: relative;
        margin-left: 0px;
    }
    .add-email .forms .form {
        text-align: center;
    }
    .counts h3 {
        font-size: 35px;
    }
    .counts p{
        font-size: 12px;
    }
    .counts ul {
        font-size: 25px;
    }
    .counts ul li span.text {
        font-size: 11px;
        padding-top: 10px;
    }
    .counts ul li::before {
        width: 70px;
        bottom: 100px;
    }
    .counts ul {
        padding-top: 30px;
        padding-left: 0px;
    }
    .counts .small-logo {
        width: 60px;
    }

    .cta h3 {
        font-size: 25px;
    }
    .cta p {
        font-size: 12px;
    }
    .cta .cta-btn {
        font-size: 13px;
        padding: 10px 30px;
        margin-top: 10px;
        margin-top: 20px;
    }

    .news .detail p {
        font-size: 12px;
    }
    .news .news-btn {
        font-size: 13px;
        padding: 10px 30px;
        margin-top: 10px;
        margin-top: 20px;
    }
    .career h4 {
        font-size: 13px;
        line-height: 25px;
    }
    .add-email .forms .title1 {
        font-size: 18px;
    }
    .add-email .forms .title2 {
        font-size: 20px;
    }
    .add-email .forms .form button {
        height: 45px;
        font-size: 13px;
    }

    .page-detail .image .logo {
        width: 100px;
        top: 68px;
        padding: 10px;
    }



.about-group video {
    height: 500px;
}

.about-group .video {
    height: 520px;
}


    section {
        padding: 20px 20px;
    }


    .sliders h3 {
        font-size: 20px;
    }
    .sliders h4 {
        font-size: 18px;
    }
    .sliders a {
        font-size: 10px;
    }

    .sliders .swiper-right .social-links a {
        font-size: 13px;
    }

    .sliders .swiper-right .social-links span {
        padding: 20px 8px 5px;
        font-size: 10px;
    }

    section h3.title {
        font-size: 20px;
    }


	.sliders .swiper {
		height: 425px;
	}
	.sliders .container-left {
		width: 10%;
	}
	.sliders .carousel-container {
		height: 65px;
	}
	.sliders h2 {
		font-size: 15px;
		padding-left: 46px;
	}

}