/* #Tablet (Landscape)
================================================== */

@media only screen and (max-width: 1024px) {
 
.content_background, #header {margin: 0 auto;}
.primary-container-background .primary-container {width:100% !important;}

/* Remove border-radius */
.hornav-block, #footermenu {
    border-radius: 0;
}
/* Hide default hornav menu */
#hornav {display:none !important;}
/* Show mobile hornav menu */
.slicknav_menu {display:block;}
/* Disable CSS animations */
.animated {
    -webkit-animation-duration: 0;
    animation-duration: 0;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}


}

/* #Tablet (Portrait)
================================================== */
    
@media only screen and (max-width: 959px) {



}

/* #Mobile (Landscape)
================================================== */

@media only screen and (max-width: 767px) {

/* Expand room for social icons */
#container_header {
	padding-left: 0;
	padding-right: 0;
}
/* Fix Carousel arrow position*/
.carousel-control.right span, .carousel-control.icon-next span {
    right: 50%;
}
.carousel-control.left span, .carousel-control.icon-prev span {
    left: 50%;
}
.harita{
height: 252px;
width: 562px;
padding: 0px;
}
.col-md-4 {
    width:50%;
}
.col-sm-6 {
    width:50%;
}
.col-xs-6 {
    width:50%;
}
.col-xs-offset-4 {
  
  width: 50%;
 margin-left: 25%;
}

.haber{

  width: 562px; 
  height: 300px;
  position: absolute;
  left: 10px;
}
.haber1{
  width: 490px; 
  height: 340px;
  left: 10px;
}
}

/*  #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 440px) {

/* Hide slogan */
p.site-slogan {
    display: none;
}
.col-md-3 {
    width: 100%;
  }
  .harita{
height: 252px;
width: 330px;
padding: 0px;
}	
.logo {
  position:absolute;
  left:10px;
  top:15px;
  right: 10px;
  border-radius:10px;
  overflow: hidden;
 
}
.col-md-4 {
    width:100%;

}
.col-xs-offset-4 {
  
  width: 90%;
margin-left: 5%;
}
.haber{
width: 330px;
height: 350px;
padding-left: 10px;
}

.haber1{
  width: 300px; 
  height: 390px;
  padding-left: 10px;
}

}



	
  