@media only screen and (min-width: 980px) and (max-width: 1020px) 
{
    #main-menu {
	    display:none;
    }
    #responsive-menu {
	    display:block;
    }   
    
    .wrapper { width: 100%; margin:0px auto; }
    .main-form { width: 100%;} 
}


@media only screen and (min-width: 768px) and (max-width: 979px) 
{
     #main-menu {
	    display:none;
    }
    #responsive-menu {
	    display:block;
    }   
    
    .wrapper { width: 100%; margin:0px auto; }
    .s-content-3-2-left { width: 100%; }
    .s-content-3-1-right { width: 100%;  }
    
    .col-a { padding:0px; width: 100%; }
    
    .main-form { width: 100%;} 
}

@media only screen and (min-width: 0px) and (max-width: 767px) 
{
     #main-menu {
	    display:none;
    }
    #responsive-menu {
	    display:block;
    }   
    
    .wrapper { width: 100%; margin:0px auto; }
    .s-content-3-2-left { float: left; width: 100%; }
    .s-content-3-1-right { float: right; width: 100%; }
    
    .haber .detay { width: 100%; margin: 0px; }
    .haber .baslik { display: inline; }

    .col-a { padding:0px; width: 100%; }
    .main-form { width: 100%;} 
    
}