@media all and (max-width: 1024px) and (min-width: 569px) {
 	ul#menu {
    margin-top: 15px;
    font-size: 14px;
    margin-left: -23px;
	}
	ul#menu li {
    /*padding-left: 39px;*/
	}
	ul#social {
    margin-left: -5%;
    margin-top: 0%;
    width: 122%;
    display:none;
	}
	.urun-bilgileri-ust-div{
	margin-left: -2%;
	}
	.container.video-iframe-div iframe {
    width: 831px;
    height: 555px;
	}
	.container.video-iframe-div {
    margin-left: 5.5%;
    margin-top: -2.2%;
	}
	ul#menu ul { 
		margin-left: 24px;
	}
	.anasayfa-icerik-baslik{
	background-image : url("../images/icerikbgipad.png");
	width: 273px;
	}
	.tanitimtikla{
	margin-top: 37%;
	}
	.tanitimtikla a, .tanitimtikla a:hover{
		margin-left: 24%;
	}
	.col-sm-4.adres{
		width: 50%;
	}

}



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

	header .row .col-sm-12 .col-sm-3 {
		float: left;
	}
	ul#social {
    margin-left: -2%;
    margin-top: 5%;
    width: 122%;
	}
	.tanitimtikla {
    margin-top: 30%;
    width: 314px;
	}
	.tanitimtikla a, .tanitimtikla a:hover{
		margin-left: 0;
	}


	.container.video-iframe-div iframe {
    width: 300px;
    height: 200px;
	}
	.container.video-iframe-div {
    margin-left: -8.5%;
    margin-top: -8.7%;
	}

	.sag-baslik, .orta-baslik, .sol-baslik{
		    margin-left: -29px;
	}
	.urundetay-icerik {
    margin-top: 163px;
	}
}

@media all and (min-width: 321px) and (max-width: 384px){

	header .row .col-sm-12 .col-sm-3 {
		float: left;
		margin-left: 21px;
	}
	ul#social {
    margin-left: -2%;
    margin-top: 5%;
    width: 122%;
	}
	


	.container.video-iframe-div iframe {
    width: 105%;
    height: 200px;
	}
	.container.video-iframe-div {
    margin-left: -8.5%;
    margin-top: -8%;
	}

	.sag-baslik, .orta-baslik, .sol-baslik{
		    margin-left: -6px;
	}
	.urundetay-icerik {
    	margin-top: 191px;
	}
	.tanitimtikla {
    margin-top: 30%;
    width: 314px;
	}
	.tanitimtikla a, .tanitimtikla a:hover{
		margin-left: 0;
	}
}



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

	.sayfa-baslik{
		display: none;
	}
	#navbar ul#menu{
		color: black;
		margin-left: 0;
		text-align: center;
	}
	#navbar ul#menu li{
		display: block;
		padding-left: 0;
	}
	#navbar ul#menu li a{
		color: #1EAC96;
	}
	.header-title {
    margin-top: 12px;
	}

	 #urunmenuresim{
	 	display: none;
	 }

	 ul#urunmenu-ul {
		margin-left: 0;
		text-align: center;
		margin-top: 30px; 
	 }

	 ul#urunmenu-ul li{
	 	display: block;
	 	padding-left: 0;
	 }

	 ul#urunmenu-ul li a{
	 	color: black;
	 }
	 .mavi-cizgi-dort {
    	margin-top: -58%;
    	
    	.hide
    	{
    	display: none;
    	}
    	.bosluk
    	{
    	padding-top: 60px;
    	margin-top:100px;
    	}
    
    }
    
  

	.urundetay-icerik .col-sm-4 {
    margin-left: -13px;
    margin-top: 10px;
	}

	.hpustresim-alani, .ustresim-alani, .video-alani, .harita-alani{
		margin-top: 5px;
	}
	.anasayfa-icerik-baslik{
	background-image : url("../images/icerikbgipad.png");
	width: 273px;
	}
	
	.slider {
    margin-left: 43px;
	}
	.slider2{
		display: none;
	}
	.ustresim-alani img,.hpustresim-alani img {
	height: 100px;
	 }

	 .container.video-iframe-div iframe {
    width: 105%;
    height: 200px;
	}
	.container.video-iframe-div {
    margin-left: -8.5%;
    margin-top: -8%;
	}

	.sag-baslik, .orta-baslik, .sol-baslik{
		    margin-left: -6px;
	}

	footer{
		height: 150px;
	}

	.menubg{
		display: none;
		background: transparent;
	}
	.logo2 {
		opacity: 1;
    position: absolute;
    top: 3px;
    left: 0;
    width: 150px;
    margin-left: 2px
	}

	body{
		/*background: url("../images/bg2.jpg");
		background-size: cover;*/
		background:white;
	}
	.video-alani, .fotogaleri-alani, .menu-alani{
    height: auto;
	}
	.menu-yazi input{
		width: 100%;
	}

}

@media all and (min-width: 640px) and (max-width: 1023px){
	.tanitimtikla{
	margin-top: 63%;
	}
	.tanitimtikla a, .tanitimtikla a:hover{
		margin-left: 45%;
	}
	footer{
		height: 120px;
	}
	.video-alani, .fotogaleri-alani, .menu-alani{
    height: auto;
	}
}

@media all and (min-width: 1440px) {
	footer {
    margin-top: 15%;
	}
	.tanitimtikla{
	margin-top: 39%;
	}
	.tanitimtikla a, .tanitimtikla a:hover{
		margin-left: 2%;
	}

	#mycarousel2 {
    margin-top: -12%;
    z-index: -1;
}
}