@media(max-width:767px){



    .bg-5 .blog:hover img {

    transform: rotate(1deg) scale(1);

}

.top-menu ul.dropdown-menu li a {border-bottom: 0px}



.slick-arrow {display: none !important}



    .contact-container .phone-icon{

        margin-right: 74px;

    }

    


    .logo{

        margin-top: 25px;

        margin-left: 10px;

    }

.slider-2 {

    min-height: auto;

}

    .logo a img{

        width: 80%;

        max-height: 75px  !important;

        max-width: 200px !important

    }



    .navbar-toggle {

        background-color: #ed7004;

        margin-top: 40px;

    }

    

    .mobile-menu{

        border-radius: 0px;

    }



    .mobile-menu .icon-bar {

        background: #fff;

    }



    .navbar-collapse.collapse.in {

        box-shadow:none; 

        border:none;

    }



    .top-menu{

        margin-top: 0; 

        min-height: 0; 

        margin-bottom:0; 

        margin-top: 9px; 

        border: none; 

        box-shadow:none;

            width: 100%;

            background: #fff;

    }



    .top-menu ul{

        margin-top: 10px;

    }



    .top-menu ul li{

        margin-right: 0;

        text-align: center;

        padding-top: 5px;

        padding-bottom: 5px;

    }



    .top-menu .navbar-nav>li>a{

        display: inline-block;

    }



    .top-menu .navbar-nav>li>.current::after{

        margin-top: 0px;

    }



    .top-menu .navbar-nav>li a::after{

        margin-top: 0;

    }



    .switch-area .before-school-solutions h1{

        font-size: 24px;

        line-height: 30px;

        top: 30px;

    }



    .switch-area .before-school-solutions img{

        width: 60%;

    }



    .switch-area .school-solutions h1{

        font-size: 24px;

        line-height: 30px;

        top: 30px;        

    }



    .switch-area .school-solutions img{

        width: 55%;

    }



    .main-toggle{

        margin-bottom: 30px;

    }



    .switch-area{

        padding-bottom: 0;

    }



    .main-title{

        margin-top: 30px;

    }



    .switch-area .school-solutions .lise{

        top: 180px;

    }



    .colored-p{

        margin-bottom: 30px;

    }



    .main-title::after{

        display: none;

    }



    .products .products-link{

        margin-bottom: 30px;

    }



    .products img{

        height: auto;

    }



    .products .products-link::before{

        content: "";

        width: 100%;

        background-image: linear-gradient(180deg, rgba(15, 15, 15, 0) 40%, rgba(237, 112, 4, 0.7) 100%);

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: 6;

        height: auto;

    }



    .products .products-link::after{

        content: "";

        width: 100%;

        background: rgba(6, 6, 6, 0.1);

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: 6;

        height: auto;

    }



    .products .products-link:hover::before{

        height: auto;

    }



    .products .products-link:hover::after{

        height: auto;

    }



    .products .products-link strong{

        bottom: 180px;

    }



    .products .products-link:hover strong{

        bottom: 150px;

    }



    .products .products-link p{

        opacity: 1;

        top: 310px;

    }



    .products .products-link:hover p{

        opacity: 1;

        top: 310px;

    }



    .products .products-link span{

        opacity: 1;

        top: 400px;

    }



    .products .products-link:hover span{

        opacity: 1;

        top: 400px;

    }



    .products .products-link span::before{

        left: 220px;

    }



    .products .products-link span::after{

        width: 33%;

    }



    .blog-mt{

        margin-top: 20px;

    }



    .bg-5 .blog img{

        height: auto;

    }



    .bg-5 .blog .dif-img{

        max-height: none;

        min-height: auto;

    }



    .bg-5 .img-cut{

        max-height: none;

    }



    .instagram-api .colored-p{

        margin-top: 30px;

    }



    .bg-6 p{

        line-height: 70px;

        text-align: center;

        position: relative;

    }



    .bg-6 p::before{

        position: absolute;

        left: 50px;

        bottom: 15px;

        margin: 0;

        background: url("../images/mail_icon_4.png") no-repeat;

        width: 48px;

        height: 44px;

    }



    .bg-6 input{

        margin-top: 10px;

        width: 80%;

        margin-left: 10%;

    }



    .bg-6 button{

        margin-top: 10px;

        margin-bottom: 30px;

        width: 80%;

        margin-left: 10%;

    }



    .main-btn{

        margin-bottom: 30px;

    }



    .bg-5 .main-btn{

        margin-top: 0;

    }



    .products .main-title{

        margin-top: 50px;

    }



    .bg-7 .footer-logo-1{

        margin-top: 40px;

    }



    .footer-logo-1 img{

        display: block;

        margin: 0 auto;

        width: 60%;

    }



    .bg-7 h6{

        margin-top: 30px;

        text-align: center;

    }



    .bg-7 li {

        text-align: center;

    }



    .bg-7 .social-footer{

        display: table;

        float: none;

        margin: 0 auto;

        margin-bottom: 40px;

    }



    .bg-4 .footer p{

        text-align: center;

        line-height: 30px;

    }



    .bg-4 .footer p img{

        margin-bottom: 10px;

    }



    .bg-8 .main-title::after{

        display: block;

    }



    /*blog list sayfası*/



    .blog-list-2{

        margin-top: 0px;

    }



    .blog-list-2 .blog-list-text{

        padding-top: 0px;

        margin-left: 0;

        width: 100%;

        height: auto;

        margin-bottom: 15px;

    }



    .blog-list-2 .blog-list-text p a{

        line-height: 15px;

    }



    .blog-list-2 .blog-list-text a strong{

        margin-top: 15px;

        margin-bottom: 5px;

    }



    .blog-list-2 .blog-list-image{

        width: 100%;

        position: relative;

    }



    .blog-list-2 .blog-list-image a{

        width: 100%;

    }



    .blog-list-2 .blog-list-image a span{

        color: #ffffff;

        font-size: 9px;

        font-weight: 500;

        letter-spacing: 1.5px;

        padding: 5px 14px;

        background: #ed7004;

        position: absolute;

        bottom: 10px;

        left: 10px;

    }



    .blog-list-2 .blog-list-image a img{

        height: auto;

        width: 100%;

        float: none;

    }



    .pb{

        padding-bottom: 30px;

        padding-top: 30px;

    }



    /*blog page sayfası*/



    .other-articles-container{

        margin-top: 0;

        margin-bottom: 30px;

    }



    .other-articles-container .other-article img{

        width: 40%;

        height: auto;

    }



    .other-articles-container .other-article strong{

        margin-top: 20px;

    }



    /*contact form sayfası*/

    .toggle h3{
        margin-top: 35px;
    }

    .toggle a{
        text-align: center;
        padding-bottom: 30px;
    }

    .toggle .active{
        padding-bottom: 30px;
    }

    .toggle .checkbox-container{
        bottom: 20px;
        left: 75%;
    }

    .toggle .checkbox-container-2{
        bottom: 20px;
        left: 29%;
    }

    .toggle a span{
        padding: 0;
        font-size: 10px;
        text-align: center;
    }

    .toggle a .dif{
        padding: 0;
    }

    .bank-account .bank-text{
        width: 100%;
        margin-left: 0;
        margin-top: 50px;
        text-align: center;
    }

    .bank-account .bank-logo{
        bottom: none;
        top: 15px;
        left: 50%;
        margin-left: -58px;
    }

    .cargo-wrap{
        width: 80%;
        margin-left: 10%;
    }

    .contact-input button{
        width: 50%;
        margin-left: 25%;
        margin-bottom: 35px;
    }


    /* .bank-account{

        margin-bottom: 30px;

    }



    .bank-account .bank-logo{

        margin-top: 0;

        margin-bottom: 10px;

    } */



    /*kurumsal hakkımızda sayfası*/



    .left-navigator{

        margin-top: 50px;

        margin-bottom: 0px;

    }



    .company-profile h3{

        margin-top: 50px;

    }



    /*product list 3 col sayfası*/



    .title-p{

        width: 80%;

    }



    .p-3 .products .col-md-4:last-child a{

        margin-bottom: 50px;

    }



    /*product list 4 col sayfası*/



    .products .col-md-3:last-child a{

        margin-bottom: 50px;

    }



    /*referance page sayfası*/



    .filter{

        float: none;

    }



    .filter .city{

        width: 50%;

        margin-bottom: 30px;

    }



    .filter .city select{

        display: block;

        width: 95%;

        margin-right: 5%;

        background: url("../images/down_arrow.svg") 95% / 7% no-repeat;

    }



    .filter .county{

        width: 50%;

        margin-bottom: 30px;

    }



    .filter .county select{

        display: block;

        width: 95%;

        margin-left: 5%;

        background: url("../images/down_arrow.svg") 95% / 7% no-repeat;

    }



    .filter .company{

        width: 100%;

    }



    .filter .company select{

        width: 100%;

        background: url("../images/down_arrow.svg") 97% / 3.5% no-repeat;

    }



    .filter .button{

        margin-top: 30px;

        width: 50%;

        margin-bottom: 30px;

        margin-left: 25%;

    }



    /*product detail page*/



    .product-images .big-image a .left-arrow{

        left: 10px;

        top: 120px;

    }



    .product-images .big-image a .right-arrow{

        right: 10px;

        top: 120px;

    }



    .product-detail-text{

        padding-bottom: 30px;

        margin-top: 00px;

    }



    .product-detail-container-menu{

        margin-top: 50px;

    }



    .product-detail-container-menu .nav-tabs>li{

        width: 100%;

        display: block;

    }



    .product-detail-container-menu .nav-tabs>li>a{

        width: 100%;

    }



    .product-detail-container-menu .nav-tabs>li.active>a:hover{

        width: 100%;

    }

    .product-detail-container-menu .nav-tabs>li.active>a{

        width: 100%;

        display: block;

    }



    .product-detail-container{

        padding: 0 10px;

        margin-top: 0;

    }



    .product-detail-container .user-comments-wrap .user-comments .comment:first-child{

        margin-top: 20px;

    }



    .product-detail-container .make-comment-wrap .make-comment strong{

        margin-top: 30px;

    }



    .product-detail-container .make-comment-wrap .make-comment button{

        margin-top: 40px;

        margin-bottom: 40px;

    }



}

@media(min-width:768px) and (max-width:991px){



    .bg-6 p{

        text-align: center;

        position: relative;

        line-height: 130px;

    }



    .bg-6 p::before{

        position: absolute;

        left: 200px;

        bottom: 35px;

    }



    .bg-6 input{

        width: 47%;

        float: left;

        margin-right: 8px;

        margin-top: 0px;

    }



    .bg-6 .fr{

        float: right;

    }



    .bg-6 button{

        width: 25%;

        margin-top: 30px;

        margin-left: 37.5%;

    }



    .bg-7 .footer-logo-1{

        margin-top: 40px;

    }



    .footer-logo-1 img{

        display: block;

        margin: 0 auto;

        width: 30%;

    }



    .bg-7 h6{

        margin-top: 50px;

        text-align: center;

    }



    .bg-7 li {

        text-align: center;

    }



    .bg-7 .social-footer{

        display: table;

        float: none;

        margin: 0 auto;

        margin-bottom: 40px;

    }



    .bg-4 .footer:last-child{

        float: right;

    }



    .bg-4 .footer p{

        display: inline-block;

        float: left;

    }



    .bg-4 .footer p img{

        margin-bottom: 10px;

    }





    /*blog list sayfası*/



    .blog-list-2 .blog-list-image a{

        width: 100%;

        height: auto;

    }



    /*contact form sayfası*/





    .contact-info{

        width: 70%;

        margin: 0 auto;

        margin-top: 50px;

    }



    .map-api{

        width: 70%;

        margin: 0 auto;

        margin-top: 50px;

        margin-bottom: 70px;

    }



    .bank-account{

        width: 70%;

        margin: 0 auto;

        display: table;

        margin-bottom: 50px;

    }



    .toggle{

        width: 50%;

        margin: 0 auto;

        margin-bottom: 30px;

    }



    .contact-input{

        width: calc(50% - 10px);

        float: left;

    }



    .fr{

        float: right;

    }



    .w100{

        width: 100%;

    }



    .w30{

        width: 30%;

        margin-left: 35%;

    }



    /*anasayfa*/



    .switch-area{

        padding-bottom: 0;

    }



    .switch-area .before-school-solutions{

        margin: 0 auto;

        margin-bottom: 30px;

        width: 70%;

    }



    .switch-area .school-solutions{

        margin: 0 auto;

        margin-bottom: 30px;

        width: 70%;

    }



    .products .products-link{

        width: 40%;

        margin-left: 5%;

        margin-right: 5%;

        float: left;

    }



    .products .products-link:hover::before{

        height: auto;

    }

    .products .products-link:hover::after{

        height: auto;

    }



    .products .products-link:hover strong{

        bottom: 160px;

    }



    .products img{

        height: auto;

    }



    .products .products-link::before{

        height: auto;

    }

    .products .products-link::after{

        height: auto;

    }



    .products .products-link span::before{

        left: 190px;

    }



    .products .products-link span::after{

        width: 42%;

    }

    .bg-5 .blog{

        width: 46%;

        margin-left: 2%;

        margin-right: 2%;

        float: left;

    }



    .bg-5 .minus-mt{

        margin-top: -6px;

    }



    /*kurumsal hakkımızda sayfası*/



    .left-navigator{

        width: 50%;

        margin: -20px auto 50px auto;

    }



    /*product list 3 col sayfası*/



    .p-3 .products .products-link::before{

        height: auto;

    }



    .p-3 .products .products-link::after{

        height: auto;

    }



    .p-3 .products img{

        height: auto;

    }



    .p-3 .products .products-link:hover::before{

        height: auto;

    }



    .p-3 .products .products-link:hover::after{

        height: auto;

    }



    .p-3 .products .products-link:hover p{

        top: 220px;

    }



    .p-3 .products .products-link:hover span{

        top: 320px;

    }



    .p-3 .products .products-link:hover span::before{

        left: 195px;

    }



    .p-3 .products .products-link:hover span::after{

        width: 45%;

    }



    /*product detail sayfası*/



    .product-images .big-image a .right-arrow{

        top: 250px;

    }



    .product-images .big-image a .left-arrow{

        top: 250px;

    }



    .product-detail-text{

        margin-top: 0;

        padding-bottom: 50px;

    }



    .nav-tabs>li{

        width: 33.33%;

    }



    .product-detail-container-menu .nav-tabs>li.active>a{

        width: 100%;

    }



    .product-detail-container{

        padding: 0 10px;

    }



    .product-detail-container .make-comment-wrap .make-comment input{

        width: 70%;

        margin-left: 15%;

    }



    .product-detail-container .make-comment-wrap .make-comment label{

        width: 70%;

        margin-left: 15%;

        margin-top: 15px;

    }



    .product-detail-container .make-comment-wrap .make-comment textarea{

        width: 70%;

        margin-left: 15%;

    }



    .product-detail-container .make-comment-wrap .make-comment strong{

        margin-top: 50px;

        width: 70%;

        margin-left: 15%;

    }



    .product-detail-container .make-comment-wrap .make-comment ul{

        display: block;

        width: 70%;

        margin-left: 15%;

    }

}

@media(min-width:992px){}

@media(min-width:1200px){}