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

    #menu-iki{
        display: none;
    }

    #nav-mobil{
        display:inline;
   }

   
   
    #slider {
        display: none;
    }

    #slider-mobil{
        display:block !important;
    }

    #secİki{
        width: 100%;
    }

    #gecis-banner-two .col-md-12 img{
        width: 50% !important;
        margin-bottom: 5% !important;
    }

    #gecis-banner-two .text-one{
        font-size: large;
        width: 100%;
        margin-left: 2%;
    }

    #gecis-banner-two .text-two{
        font-size: medium;
        width: 100%;
        margin-left: 3%;
        margin-bottom: 30%;
        
    }

    #gecis-banner{
        display: none;
    }

    #gecis-banner-two{
   
        background-color: #29235c;
        position: relative;
        display:grid;     
    }


    .gecis-banner-bg-two p{
        display: flex;
        background-position: center;
        justify-content: center;
        color: #e30613;
        font-size: 18px;
        font-weight: 500;
        line-height: 1;
        
    }

    .gecis-banner-bg-two .container h4 h5{
    
        line-height: 1.1;
        font-style: normal;
        font-weight: 600;
        letter-spacing: -0.3px;
    
    }

    .gecis-banner-alt-two button:hover{
        background-color: #c72322;
    }

    .gecis-banner-alt-two {
        margin-left: 2%;
        margin-bottom: 5%;
        width: 150%;
    }

    .cardcontainer{
        width: 100%;
        margin: 5% 0 5% 0;
    }

    center{
        margin: 40% 0;
    }

    #footer div:nth-child(1)> h6{
        text-align: left;
    }

    #bottomFooter{
        display: none;
    }

    .explanation-section-img img{
        width: 100%;
    }
    
    


     .send-input{
        width: 100%;   
    }

    .send-input-mobil{
        margin-left: -220px;
    }

    .avp-dil-banner-tag h1{
        font-size: x-large !important;
    }

    #left-menu-banner{
        display: none;
    }
    
    
    .left-menu{
        display: none;
    }
    
    
    #left-menu-banner-mobil{
        background-color: #fff !important;
        background-image: url(../img/bg2.png) !important;
        background-position: center bottom !important;
        background-repeat: repeat !important;
        background-size: 40% auto !important;
        display: block;
    }

    .left-menu-mobil{
        position: relative !important;
        padding: 30px 20px !important;
        margin-top: 65px !important;
        list-style-type:none !important;
        background-color: #f5faff !important;
        width: 300px !important;
        display: block;
    }

    
    .left-menu-mobil li{
        border: 0.5px solid #fff !important;
        padding: 12px !important;
        width: 300px !important;
        background-color: #ffffff !important;
    }
    
    .left-menu-mobil li:hover{
        background-color: #c72322 !important;
        transition: 600ms !important;
    }

    .left-menu-mobil a:hover{
        color: #ffffff !important;
    }

    .left-menu-mobil>.active{
        background-color: #c72322 !important;
    }

    .left-menu-mobil>.active a{
        color: #ffffff !important;
    }

    .left-menu-mobil a{
        text-decoration: none !important;
        color: #2b255e !important;
        font-size: 15px !important;
        font-family: 'Poppins','Arial','Helvetical',sans-serif !important;
        padding: 14px 30px 14px 24px !important;
        font-weight:500 !important;
    }

    #left-menu-two-banner{
        display: none;
    }

    #left-menu-two-banner-mobil{
        background-color: #fff;
        background-image: url(../img/bg2.png);
        background-position: center bottom;
        background-repeat: repeat;
        background-size: 40% auto;
        display: block;
    }

    .left-menu-two-mobil{
        position: relative;
        padding: 30px 20px;
        margin-top: 65px;
        list-style-type:none;
        background-color: #f5faff;
        width: 340px;
        display: block;
    }

    .left-menu-two-mobil li{
        border: 0.5px solid #fff;
        padding: 12px;
        width: 300px;
        background-color: #ffffff;
    }

    .left-menu-two-mobil li:hover{
        background-color: #c72322;
        transition: 600ms;
    }

    .left-menu-two-mobil a:hover{
        color: #ffffff;
    }

    .left-menu-two-mobil>.active{
        background-color: #c72322;
    }

    .left-menu-two-mobil>.active a{
        color: #ffffff;
    }
    
    .left-menu-two-mobil a{
        text-decoration: none;
        color: #2b255e;
        font-size: 14px;
        font-family: 'Poppins','Arial','Helvetical',sans-serif;
        padding: 14px 30px 14px 24px;
        font-weight:500;
    }

    #left-menu-two-banner-mobil img{
        width: 100%;
    }

    .neden-biz-banner-tag h1{ 
        font-size: 35px !important;
    }

    #neden-biz-banner{
        background-image: url(../images/bg-banner-new.jpg) !important;
        display: block;
       
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
       

    }

   
    
    

   #conract-map{
    display: none;
   }

    #hakkimizda-contant-form{
        display: none;
    }

    #hakkimizda-contant-form-mobil{
        display: block !important;
        padding-right: 40px;
    }

    #hakkimizda-contant-form-mobil{
        background-image: url(../images/footer-bg.jpg);
        background-repeat: no-repeat;
        background-size:cover;
        padding-bottom: 20px;
        color: #fff;
        width: 100%;
       
    }

    #hakkimizda-contant-form-mobil h4{
        text-align: center !important;
    }
    
    #hakkimizda-contant-form-mobil p {
        color: #fff;
        font-size: large;
        font-weight: 500;
        text-align: center;
    }

    #hakkimizda-contant-form-mobil form input{
        border-radius: 20px;
        margin-top: 8px;
        width: 100%;
        padding: 5px;
        border: 1px solid #393939;
        background-color: #e1e2e5;
    }
    
    #hakkimizda-contant-form-mobil form {
        margin-top: 50px;
       
    }

    #hakkimizda-contant-form-mobil .text-input-type{
        text-align: center;
    }
    
    #hakkimizda-contant-form-mobil .send-input{
        border-radius: 20px;
        margin-top: 8px;
        padding: 5px;
        border: 1px solid #393939;
        background-color: #c72322;
        color: #fff;
        width: 212px;
    }
    
    #hakkimizda-contant-form-mobil textarea{
        border-radius: 20px;
        margin-top: 8px;
        padding: 5px;
        border: 1px solid #393939;
        background-color: #e1e2e5;
    }

    #conract-map-mobil{
        display: block;
        
    }
    
    #conract-map-mobil iframe{
        width: 90%;
        height: 90%;
    } 

    #onkayit-contant-form{
        display: none;
    }

    #onkayit-contant-form-mobil{
        display: block;
    }

    #onkayit-contant-form-mobil{
        background-color: #29235c;
        position: relative;
        height: 600px;
        margin: 100px 0;
    }

    .video-card__bg{
        display: none;
    }

    .video-card__bg-mobil{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 0.2;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed
    }

    #onkayit-contant-form-mobil h4{
        text-align: center !important;
    }
    
    #onkayit-contant-form-mobil p {
        color: #fff;
        font-size: large;
        font-weight: 500;
    }

    #onkayit-contant-form-mobil form input{
        border-radius: 20px;
        margin-top: 8px;
        width: 100%;
        padding: 5px;
        border: 1px solid #393939;
        background-color: #e1e2e5;
    }
    
    #onkayit-contant-form-mobil form {
        margin-top: 50px;
        
    }
    
    #onkayit-contant-form-mobil .send-input{
        border-radius: 20px;
        margin-top: 8px;
        padding: 5px;
        border: 1px solid #393939;
        background-color: #c72322;
        color: #fff;
        width: 60%;
        
    }
    
    #onkayit-contant-form-mobil textarea{
        border-radius: 20px;
        margin-top: 8px;
        padding: 5px;
        border: 1px solid #393939;
        background-color: #e1e2e5;
    }

    #img-kampanya-banner .img-kampanya img{
        width: 100% !important;
        height: 400px;
    }

    #img-section{
        display: none;
    }

    #img-section-mobil{
        display: block;
    }

    ul.gallery {      
        margin-left: 15vw;       
        margin-right: 15vw;
        
        }

        .zoom {      
            -webkit-transition: all 0.35s ease-in-out;    
            -moz-transition: all 0.35s ease-in-out;    
            transition: all 0.35s ease-in-out;     
            cursor: -webkit-zoom-in;      
            cursor: -moz-zoom-in;      
            cursor: zoom-in;
            }     
                
            .zoom:hover,.zoom:active,.zoom:focus{
                    -ms-transform: scale(1.5);  
                    -moz-transform: scale(1.5);  
                    -webkit-transform: scale(1.5);  
                    -o-transform: scale(1.5);  
                    transform: scale(1.5);    
                    position:relative;      
                    z-index:100;            
            }  
        
    
    .DivName {cursor: pointer}

    #img-section-mobil img{
        width: 100%;
        
    }

    #marka-banner .col-md-3{
        width: 100%;
        
        text-align: center;
    }

    
   
}

@media (min-width: 667px) and (max-width: 915px) {

    #menu-iki{
        display: none;
    }

    #nav-mobil{
        display:inline;
   }

   #nav-mobil img{
    margin: 30px 0 0 170px !important;
   
   }

    #giris{
        width: 100%;
    }

    #giris .text-left a{
        font-size: x-small !important;
        
    }

    #menu-iki{
        width: 100%;
    }

    #gecis-banner .gecis-banner-alt{
        margin-left: 15%;
        margin-bottom: 5%;
    }

    .gecis-banner-alt button:hover{
        background-color: #c72322;
    }

    #card-banner{
        display: none;
    }

    #card-banner-mobil{
        display: block;
    }

    center{
        margin: 20% 0;
    }

    #explanation-section img{
        width: 100%;
    }

    #hakkimizda-contant-form-mobil{
        display: block;
        background-image: url(../images/footer-bg.jpg);
    }


    #hakkimizda-contant-form-mobil .text-input-type{
       text-align: center;
       margin: 0 0 0 16%;
    }

  

    #img-section{
        display: none;
    }

    #img-section-mobil{
        display: block;
    }

    ul.gallery {      
        margin-left: 15vw;       
        margin-right: 15vw;
        
        }

        .zoom {      
            -webkit-transition: all 0.35s ease-in-out;    
            -moz-transition: all 0.35s ease-in-out;    
            transition: all 0.35s ease-in-out;     
            cursor: -webkit-zoom-in;      
            cursor: -moz-zoom-in;      
            cursor: zoom-in;
            }     
                
            .zoom:hover,.zoom:active,.zoom:focus{
                    -ms-transform: scale(1.5);  
                    -moz-transform: scale(1.5);  
                    -webkit-transform: scale(1.5);  
                    -o-transform: scale(1.5);  
                    transform: scale(1.5);    
                    position:relative;      
                    z-index:100;            
            }  
        
    
    .DivName {cursor: pointer}

    #img-section-mobil img{
        width: 100%;
        
    }

    #left-menu-banner-mobil{
        background-color: #fff !important;
        background-image: url(../images/bg2.png) !important;
        background-position: center bottom !important;
        background-repeat: repeat !important;
        background-size: 40% auto !important;
        display: block;
    }

    .left-menu-mobil{
        position: relative !important;
        padding: 30px 20px !important;
        margin-top: 65px !important;
        list-style-type:none !important;
        background-color: #f5faff !important;
        width: 300px !important;
        display: block;
    }

    
    .left-menu-mobil li{
        border: 0.5px solid #fff !important;
        padding: 12px !important;
        width: 300px !important;
        background-color: #ffffff !important;
    }
    
    .left-menu-mobil li:hover{
        background-color: #c72322 !important;
        transition: 600ms !important;
    }

    .left-menu-mobil a:hover{
        color: #ffffff !important;
    }

    .left-menu-mobil>.active{
        background-color: #c72322 !important;
    }

    .left-menu-mobil>.active a{
        color: #ffffff !important;
    }

    .left-menu-mobil a{
        text-decoration: none !important;
        color: #2b255e !important;
        font-size: 15px !important;
        font-family: 'Poppins','Arial','Helvetical',sans-serif !important;
        padding: 14px 30px 14px 24px !important;
        font-weight:500 !important;
    }
    #left-menu-banner{
        display: none;
    }
    
    
    .left-menu{
        display: none;
    }

    #left-menu-two-banner{
        display: none;
    }

    #left-menu-two-banner-mobil{
        background-color: #fff;
        background-image: url(../images/bg2.png);
        background-position: center bottom;
        background-repeat: repeat;
        background-size: 40% auto;
        display: block;
    }

    .left-menu-two-mobil{
        position: relative;
        padding: 30px 20px;
        margin-top: 65px;
        list-style-type:none;
        background-color: #f5faff;
        width: 340px;
        display: block;
    }

    .left-menu-two-mobil li{
        border: 0.5px solid #fff;
        padding: 12px;
        width: 300px;
        background-color: #ffffff;
    }

    .left-menu-two-mobil li:hover{
        background-color: #c72322;
        transition: 600ms;
    }

    .left-menu-two-mobil a:hover{
        color: #ffffff;
    }

    .left-menu-two-mobil>.active{
        background-color: #c72322;
    }

    .left-menu-two-mobil>.active a{
        color: #ffffff;
    }
    
    .left-menu-two-mobil a{
        text-decoration: none;
        color: #2b255e;
        font-size: 14px;
        font-family: 'Poppins','Arial','Helvetical',sans-serif;
        padding: 14px 30px 14px 24px;
        font-weight:500;
    }

    #left-menu-two-banner-mobil img{
        width: 100%;
    }

    #conract-map{
        display: none;
       }
    
        #hakkimizda-contant-form{
            display: none;
        }
        
        #hakkimizda-contant-form-mobil{
            display: block;
        }
    
        #hakkimizda-contant-form-mobil{
            background-image: url(../images/footer-bg.jpg);
            background-repeat: no-repeat;
            background-size:cover;
            padding-bottom: 20px;
            color: #fff;
            width: 100%;
           
        }
    
        #hakkimizda-contant-form-mobil h4{
            text-align: center !important;
        }
        
        #hakkimizda-contant-form-mobil p {
            color: #fff;
            font-size: large;
            font-weight: 500;
        }
    
        #hakkimizda-contant-form-mobil form input{
            border-radius: 20px;
            margin-top: 8px;
            width: 100%;
            padding: 5px;
            border: 1px solid #393939;
            background-color: #e1e2e5;
        }
        
        #hakkimizda-contant-form-mobil form {
            margin-top: 50px;
            margin-right: 10%;
        }
        
        #hakkimizda-contant-form-mobil .send-input{
            border-radius: 20px;
            margin-top: 8px;
            padding: 5px;
            border: 1px solid #393939;
            background-color: #c72322;
            color: #fff;
            width: 40%;
        }
        
        #hakkimizda-contant-form-mobil textarea{
            border-radius: 20px;
            margin-top: 8px;
            padding: 5px;
            border: 1px solid #393939;
            background-color: #e1e2e5;
        }
    
        #conract-map-mobil{
            display:block;
            
        }
        
        #conract-map-mobil iframe{
            width: 90%;
            height: 90%;
        }

        #onkayit-contant-form{
            display: none;
        }
    
        #onkayit-contant-form-mobil{
            display: block;
        }

        #onkayit-contant-form-mobil{
            background-color: #29235c;
            position: relative;
            height: 600px;
            margin: 100px 0;
        }

        .video-card__bg{
            display: none;
        }
    
        .video-card__bg-mobil{
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            opacity: 0.2;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed
            
        }

        #onkayit-contant-form-mobil h4{
            text-align: center !important;
        }
        
        #onkayit-contant-form-mobil p {
            color: #fff;
            font-size: large;
            font-weight: 500;
        }
    
        #onkayit-contant-form-mobil form input{
            border-radius: 20px;
            margin-top: 8px;
            width: 100%;
            padding: 5px;
            border: 1px solid #393939;
            background-color: #e1e2e5;
        }

        
        #onkayit-contant-form-mobil form {
            margin-top: 50px;
            
        }
        
        #onkayit-contant-form-mobil .send-input{
            border-radius: 20px;
            margin-top: 8px;
            padding: 5px;
            border: 1px solid #393939;
            background-color: #c72322;
            color: #fff;
            width: 33%;
        }
        
        #onkayit-contant-form-mobil textarea{
            border-radius: 20px;
            margin-top: 8px;
            padding: 5px;
            border: 1px solid #393939;
            background-color: #e1e2e5;
        }

    

   
}

@media (min-width: 1024px) and (max-width: 1180px){

    #gecis-banner{
        width: 100%;
    }

    #gecis-banner .gecis-banner-alt:nth-child(1){
        margin: 10px 0 0 270px !important;
    }

    #gecis-banner .gecis-banner-alt:nth-child(2){
        margin: 10px 0 0 60px;
    }

    #explanation-section img{
        width: 100%;
    }

    #hakkimizda-contant-form{
        text-align: center;
    }

    #hakkimizda-contant-form .send-input{
        width: 100%;
        margin: 10px 0 0 176px !important;
        
    }
    
    #hakkimizda-contant-form .text-input-type{
        text-align: center;
        width: 265%;
    }

   

    #conract-map-mobil{
        width: 100%;
    }

    #conract-map iframe{
        width: 100% !important;
    }

    #onkayit-contant-form #contactform-button{
        width: 100%;
        margin: 0 0 0 190px;
    }

    
    
}