/* Large screens ----------- */
/*some CSS*/

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1824px) {...}

/* iPads (landscape) ----------- */
@media only screen and (max-width : 1224px) {...}

/* iPads (portrait) ----------- */
@media only screen and (max-width : 1024px) {
.tab-button-gray a {

    color: #003da6;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    display: block;
    
}

.tab-button-gray {

    width:200px;
    height:40px;
    border-radius: 8px;    
    background-color: #caeeff;
    position: relative;
    float: left;
    border: solid 1px #caeeff;
    margin-left: 15px;
    margin-top: 15px;
        
}

.tab-button-gray-tam {

    width:200px;
    height:40px;
    border-radius: 8px;    
    background-color: #fcfcfc;
    position: relative;
    float: left;
    border-width: 3px;
    border-style: dashed; 
    border-color: #caeeff;
    margin-left: 15px;
    margin-top: 15px;
   
        
}

.tab-button-gray-tam a {

    
    color:#595d65;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    display: block;
    
}




}

/* Smartphones (landscape) ----------- */
/*@media only screen and (max-width : 768px) {...}*/

/* Big smartphones (portrait) (ie: Galaxy 3 has 360)*/
@media only screen and (max-width : 768px) {

   body {

        background-color: #fcfcfc!important;

    }
    .header {

    }
    .content {

    }
    .footer {

    }

    .revLogo {

        margin-top:20px;
        position: relative;
        display: block;

    }
    
    .giris {
    
    float:none;
    margin-top: 20px;
    padding: 0px;
        margin-left: 10px;
        
    }

    .nav-top {

        margin-top: 5px;
        float:left;
        margin-top: 10px;
        padding: 0px;
        margin-left: 10px;


    }






    .form-slide {

        background: url(../images/slider/swiper/1.jpg) no-repeat top center;
      
        margin-top: 20px;
        

    }
    #slider{
        
        display:none;
    }

    .form-box {

        background-color: rgba(1, 44, 115, 0.7);
        max-width: 350px;
        height: 400px;
        position: static;
        margin-left: auto;
        margin-right: auto;
        border-radius: 15px;
        padding-right: 20px;
        padding-left: 20px;
        margin-top: 30px;

    }
    #basdate{
        font-size: 16px;
    }

    .message-box {

        background-color: rgba(43, 221, 121, 0.9);
        max-width: 300px;
        text-align: center;
        position: static;
        margin-left: auto;
        margin-right: auto;
        border-radius: 15px;
        padding-right: 20px;
        padding-left: 20px;
        
        margin-top: 20px;
         margin-bottom: 20px;

    }

    .message-box span {

        color:white;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 14px;
        line-height: 40px;
        margin-top: 15px;
        display: inline-block;
        text-align: center;

    }


    .form-cont {

        position: relative!important;
        height: 600px;

    }

    .form-title {

        color:white;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 20px;
        line-height: 20px;
        margin-top: 15px;
        display: inline-block;

    }

    .form-bottom {

        color:white;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 20px;
        margin-top: 15px;
        display: inline-block;

    }


    .form-box input {

        margin-top: 10px;
        height: 40px;

    }

    .gonder {

        width: 100%!important;
        background-color: #b1e120!important;

    }


    footer span {

        color: #b8b8b8!important;
        margin-top: 20px;
        display: inline-block;



    }


    
.main-cont {

    background-color: white;
    border-radius: 12px; 
    border: solid 1px #d7d7d7;
    min-height: 400px;
    padding: 20px 20px 20px 20px!important;
    margin: 0px 15px 0px 15px!important;

    
}

.content-part {

border-bottom: solid 1px #003da6;

}

.content-part h1 {

 font-family: 'Open Sans', sans-serif;
 font-weight: 300;
 font-size: 18px;
 color: #003da6;
 border-bottom: solid 1px #003da6;
 line-height: 30px;

}

.content-part ul li {

 font-family: 'Open Sans', sans-serif;
 font-weight: 300;
 font-size: 18px;
 color: #595d65;
 margin-top:15px;    

} 

.big-paragraf {

 font-family: 'Open Sans', sans-serif;
 font-weight: 300;
 font-size: 18px;
 color: #003da6;
    
}

.normal-paragraf {

 font-family: 'Open Sans', sans-serif;
 font-weight: 300;
 font-size: 14px;
 color: #595d65;
 line-height: 35px;
    
}

    
.tab-button-gray a {

    color: #003da6;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    display: block;
    
}

.tab-button-gray {

    width:200px;
    height:40px;
    border-radius: 8px;    
    background-color: #caeeff;
    position: relative;
    float: left;
    border: solid 1px #caeeff;
    margin-left: 15px;
   
        
}

.tab-button-gray-tam {

    width:200px;
    height:40px;
    border-radius: 8px;    
    background-color: #fcfcfc;
    position: relative;
    float: left;
    border-width: 3px;
    border-style: dashed; 
    border-color: #caeeff;
    margin-left: 15px;
   
        
}

.tab-button-gray-tam a {

    
    color:#595d65;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    display: block;
    
}


    .nav-top {

        display: none;

    }

    .revLogo {
        margin-bottom: 10px;
        margin-right: 5px;

    }
    .mobile-nav{
        display:block;
    }

}

/* Smartphones (portrait) (ie: Galaxy 1) */
@media only screen and (max-width: 479px) {
    .revLogo {
        margin-bottom: 10px;
        margin-right: 5px;

    }

}