html {
    position: relative;
    background: #0e3f81;
}
html,
body {
    min-height: 100%;
    font-family: 'Lato', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    color: #000;
    /*overflow: hidden;*/
    background: url('../images/images.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: alpha(opacity=100); /* internet explorer */
    -khtml-opacity: 1.0;      /* khtml, old safari */
    -moz-opacity: 1.0;       /* mozilla, netscape */
    opacity: 1.0;           /* fx, safari, opera */
    font-size: 14px;

}
a {text-decoration: none;}
.ms-section{text-align: center;}
/* Fixed header and footer.
* --------------------------------------- */
.telefon{margin-right: 5px;margin-bottom: 5px;}
/*orta alan*/
#myContainer {
padding: 60px 15px 0;
margin-top: 56px;
}
.img-fluid{
    width: 100%;
    height: 100%;
}

h2 {
font-size: 1.2em;
margin: 0.53em 0;
}

#left2, #left3, #left4, #left5, #left6, #left7, #left8, #left9, #left10, #left11, #left12, #left13, #left14, #left15 {margin-top:-1px;background-color:#e6ac00;margin-left: -15px;}
#left2, #left3, #left4, #left5, #left6, #left7, #left8, #left9, #left10, #left11, #left12, #left13, #left14, #left15, h3{margin-top:4px;margin-bottom:4px;}

#urunlistesi {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #f1f1f1;
}
#urunlistesi li a {
    display: block;
    width: 100%;
    color: #fff;
    padding: 6px 16px;
	border:1px dotted #000;
	background-color: #555;
}
/* Change the link color on hover */
#urunlistesi li a:hover {
    background-color: #8c8c8c;
    color: white;
}

.footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #343A40;
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}

.footer .container {
  padding-right: 15px;
  padding-left: 15px;
}
.rotate{
	float:right;
	margin-right:-90px;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}


.coll-2{margin-top: -230px;}
.btns{margin-top: 180px;}

@media only screen and (min-width:1200px){
/* XL */
    
} 
}
@media only screen and (min-width:992px) and (max-width:1199px){
/* L */
    .wlogo{display: none;}
}
@media only screen and (min-width:768px) and (max-width:991px){
/* M */
    right16{text-align: left;margin-left: -170px;background-color: brown;width: 312px;}
    #right16 h1{font-size: 14px;text-align: center;margin-top: 10px;margin-bottom: -25px;color: #000}
    #right16 p{text-align: left;padding: 30px;font-size: 14px;margin-bottom: -50px;}
     #right17{margin: -10px 0px 0px -200px;background-color: brown;}
    .coll-2{margin-top: 0px;margin-bottom: -140px;}
    #right17 textarea { width: 100%;height: 50px;padding: 12px 20px;box-sizing: border-box;border: 2px solid #ccc;border-radius: 4px;background-color: #f8f8f8;
    }
    .box-contact{height: 100%}
    .wlogo{display: none;}
}
@media only screen and (min-width:732px) and (max-width:767px){
/* S */
    #urunlistesi{font-size: 10px;text-align: left;float: left;width: 375px;margin: 0px 0px 0px -10px;}
    .ms-section h3{display: none;}
    .ms-section h1{font-size: 12px;color:crimson;}
    .ms-right p{text-transform: lowercase;font-size: 12px;}
    #right16{text-align: left;margin-left: -170px;background-color: brown;width: 312px;}
    #right16 h1{font-size: 14px;text-align: center;margin-top: 10px;margin-bottom: -25px;color: #000}
    #right16 p{text-align: left;padding: 30px;font-size: 14px;margin-bottom: -50px;}
     #right17{margin: -10px 0px 0px -200px;background-color: brown;}
    .coll-2{margin-top: 0px;margin-bottom: -140px;}
    #right17 textarea { width: 100%;height: 50px;padding: 12px 20px;box-sizing: border-box;border: 2px solid #ccc;border-radius: 4px;background-color: #f8f8f8;
    }
    .box-contact{height: 100%}
    .footer{
        height: 40px;
        font-size: 10px;
        line-height: 15px; /* Vertically center the text there */
    }
    .wlogo{display: none;}
}
@media only screen and (min-width:620px) and (max-width:731px){
/* S */
    #urunlistesi{font-size: 10px;text-align: left;float: left;width: 345px;margin: 0px 0px 0px -10px;}
    .ms-section h3{display: none;}
    .ms-section h1{font-size: 12px;color:crimson;}
    .ms-right p{text-transform: lowercase;font-size: 12px;}
    #right16{text-align: left;margin-left: -170px;background-color: brown;width: 312px;}
    #right16 h1{font-size: 14px;text-align: center;margin-top: 10px;margin-bottom: -25px;color: #000}
    #right16 p{text-align: left;padding: 30px;font-size: 14px;margin-bottom: -50px;}
     #right17{margin: -10px 0px 0px -200px;background-color: brown;}
    .coll-2{margin-top: 0px;margin-bottom: -140px;}
    #right17 textarea { width: 100%;height: 50px;padding: 12px 20px;box-sizing: border-box;border: 2px solid #ccc;border-radius: 4px;background-color: #f8f8f8;
    }
    .box-contact{height: 100%}
    .footer{
        height: 40px;
        font-size: 10px;
        line-height: 15px; /* Vertically center the text there */
    }
    .wlogo{display: none;}
}
@media only screen and (min-width:576px) and (max-width:619px){
/* S */
    #urunlistesi{font-size: 10px;text-align: left;float: left;width: 289px;margin: 0px 0px 0px -10px;}
    .ms-section h3{display: none;}
    .ms-section h1{font-size: 12px;color:crimson;}
    .ms-right p{text-transform: lowercase;font-size: 12px;}
    #right16{text-align: left;margin-left: -170px;background-color: brown;width: 312px;}
    #right16 h1{font-size: 14px;text-align: center;margin-top: 10px;margin-bottom: -25px;color: #000}
    #right16 p{text-align: left;padding: 30px;font-size: 14px;margin-bottom: -50px;}
     #right17{margin: -10px 0px 0px -200px;background-color: brown;}
    .coll-2{margin-top: 0px;margin-bottom: -140px;}
    #right17 textarea { width: 100%;height: 50px;padding: 12px 20px;box-sizing: border-box;border: 2px solid #ccc;border-radius: 4px;background-color: #f8f8f8;
    }
    .box-contact{height: 100%}
    .footer{
        height: 40px;
        font-size: 10px;
        line-height: 15px; /* Vertically center the text there */
    }
    .wlogo{display: none;}
}
@media only screen and (min-width:508px) and (max-width:575px){
/* XS */
    .ms-section{font-size: 12px;text-align: left;margin: 10px 0px 0px 0px;width: 173px;}
    .ms-section h1{font-size: 10px;color:crimson;}
    .ms-section h3{font-size: 10px;text-align: left;width: 180px;display: none;}
    #left2 ul li{text-align: left;}
    #urunlistesi{font-size: 10px;text-align: left;float: left;width: 268px;margin: 0px 0px 0px -10px;}
    .ms-right p{text-transform: lowercase;}
    #right16{text-align: left;margin-left: -170px;background-color: brown;width: 312px;}
    #right16 h1{font-size: 14px;text-align: center;margin-top: 10px;margin-bottom: -25px;color: #000}
    #right16 p{text-align: left;padding: 30px;font-size: 14px;margin-bottom: -50px;}
    #right17{margin: -10px 0px 0px -200px;background-color: brown;}
    .coll-2{margin-top: 0px;margin-bottom: -140px;}
    #right17 textarea { width: 100%;height: 50px;padding: 12px 20px;box-sizing: border-box;border: 2px solid #ccc;border-radius: 4px;background-color: #f8f8f8;
    }
    .box-contact{height: 100%}

    .footer{
        height: 30px;
        font-size: 10px;
        line-height: 15px; /* Vertically center the text there */
    }
    .wlogo{display: none;}
}
@media only screen and (min-width:428px) and (max-width:507px){
/* XS */
    .ms-section{font-size: 12px;text-align: left;margin: 10px 0px 0px 0px;width: 173px;}
    .ms-section h1{font-size: 10px;color:crimson;}
    .ms-section h3{font-size: 10px;text-align: left;width: 180px;display: none;}
    #left2 ul li{text-align: left;}
    #urunlistesi{font-size: 10px;text-align: left;float: left;width: 233px;margin: 0px 0px 0px -10px;}
    .ms-right p{text-transform: lowercase;}
    #right16{text-align: left;margin-left: -170px;background-color: brown;width: 312px;}
    #right16 h1{font-size: 14px;text-align: center;margin-top: 10px;margin-bottom: -25px;color: #000}
    #right16 p{text-align: left;padding: 30px;font-size: 14px;margin-bottom: -50px;}
    #right17{margin: -10px 0px 0px -200px;background-color: brown;}
    .coll-2{margin-top: 0px;margin-bottom: -140px;}
    #right17 textarea { width: 100%;height: 50px;padding: 12px 20px;box-sizing: border-box;border: 2px solid #ccc;border-radius: 4px;background-color: #f8f8f8;
    }
    .box-contact{height: 100%}

    .footer{
        height: 30px;
        font-size: 10px;
        line-height: 15px; /* Vertically center the text there */
    }
    .wlogo{display: none;}
}
@media only screen and (min-width:384px) and (max-width:427px){
/* XS */
    .ms-section{font-size: 12px;text-align: left;margin: 10px 0px 0px 0px;width: 173px;}
    .ms-section h1{font-size: 10px;color:crimson;}
    .ms-section h3{font-size: 10px;text-align: left;width: 180px;display: none;}
    #left2 ul li{text-align: left;}
    #urunlistesi{font-size: 10px;text-align: left;float: left;width: 193px;margin: 0px 0px 0px -10px;}
    .ms-right p{text-transform: lowercase;}
    #right16{text-align: left;margin-left: -170px;background-color: brown;width: 312px;}
    #right16 h1{font-size: 14px;text-align: center;margin-top: 10px;margin-bottom: -25px;color: #000}
    #right16 p{text-align: left;padding: 30px;font-size: 14px;margin-bottom: -50px;}
    #right17{margin: -10px 0px 0px -200px;background-color: brown;}
    .coll-2{margin-top: 0px;margin-bottom: -140px;}
    #right17 textarea { width: 100%;height: 50px;padding: 12px 20px;box-sizing: border-box;border: 2px solid #ccc;border-radius: 4px;background-color: #f8f8f8;
    }
    .box-contact{height: 100%}

    .footer{
        height: 30px;
        font-size: 10px;
        line-height: 15px; /* Vertically center the text there */
    }
    .wlogo{display: none;}
}

@media only screen and (max-width:383px){
/* XS */
    .ms-section{font-size: 10px;text-align: left;margin: 10px 0px 0px 0px;width: 173px;}
    .ms-section h1{font-size: 10px;color:crimson;}
    .ms-section h3{font-size: 10px;text-align: left;width: 180px;display: none;}
    #left2 ul li{text-align: left;}
    #urunlistesi{font-size: 10px;text-align: left;float: left;width: 173px;margin: 0px 0px 0px -10px;}
    .ms-right p{text-transform: lowercase;}
    #right16{text-align: left;margin-left: -170px;background-color: brown;width: 312px;}
    #right16 h1{font-size: 14px;text-align: center;margin-top: 10px;margin-bottom: -25px;color: #000}
    #right16 p{text-align: left;padding: 30px;font-size: 14px;margin-bottom: -50px;}
    #right17{margin: -10px 0px 0px -200px;background-color: brown;}
    .coll-2{margin-top: 0px;margin-bottom: -140px;}
    #right17 textarea { width: 100%;height: 50px;padding: 12px 20px;box-sizing: border-box;border: 2px solid #ccc;border-radius: 4px;background-color: #f8f8f8;
    }
    .box-contact{height: 100%}

    .footer{
        height: 30px;
        font-size: 10px;
        line-height: 15px; /* Vertically center the text there */
    }
    .wlogo{display: none;}
}