.ustmenu nav ul li.gizle {  display:none }

@media (max-width:992px) {
	
.ustmenu>nav>ul>li.gizle:hover ul:before {content:""; width:9px; height:4px; position:absolute; right:30px; top:0; display:inline-block; background:url(../images/mobilmenuarrow.png) no-repeat; visibility:visible}
.ustmenu>nav>ul>li.gizle {  display:inline-block; visibility:visible;  }
.ustmenu>nav>ul>li.gizle:hover a:after {display:inline-block; visibility:visible}
.firewallul1 ul li { color:red }

svg .g-ants { font-size:50px; padding-left:-20px }
.responsivemenu { position: absolute;}
.responsivemenu span { position: absolute; }
}

@media (max-width:768px) {.firewallul1 ul li { color:red }
.anatercih {width:100%; }
.anatercih ul {display:table; text-align:center}
.anatercih ul li img {border:1px solid #ddd;width:80px; height:60px; -webkit-filter:opacity(10%) grayscale(100%); filter:opacity(80%) grayscale(100%);}
svg .g-ants { font-size:50px; margin:0px }
svg { margin-left:-200px;  overflow:hidden}
.svg-container { overflow:hidden }
.anatercih hr { width:250px;overflow:hidden}
.responsivemenu { position: absolute;}
.responsivemenu span { position: absolute; }
.anatercih ul li img {width:75px; height:60px;}
}



@media (max-width:600px) {.firewallul1 ul li { color:red }
svg .g-ants { font-size:50px; margin:0px }
svg { margin-left:-200px;  overflow:hidden}
.svg-container { overflow:hidden }
.anatercih {width:100%; }
.anatercih ul {display:table; text-align:center}
.anatercih ul li img {border:1px solid #ddd;width:80px; height:60px; -webkit-filter:opacity(10%) grayscale(100%); filter:opacity(80%) grayscale(100%);}
.anatercih hr { width:250px;overflow:hidden}
.responsivemenu { position: absolute;}
.responsivemenu span { position: absolute; }
.anatercih ul li img {width:75px; height:40px;}

}


@media (max-width:500px) {.firewallul1 ul li { color:red }
svg .g-ants { font-size:50px; margin:0px }
svg { margin-left:-200px;  overflow:hidden}
.svg-container { overflow:hidden }
.anatercih {width:100%; }
.anatercih ul {display:table; text-align:center}
.anatercih ul li img {border:1px solid #ddd;width:80px; height:60px; -webkit-filter:opacity(10%) grayscale(100%); filter:opacity(80%) grayscale(100%);}
.anatercih hr { width:250px;overflow:hidden}
.responsivemenu { position: absolute;}
.responsivemenu span { position: absolute; }
.anatercih ul li img {width:75px; height:40px;}
}


@media (min-width:500px) and (max-width:768px) {.firewallul1 ul li { color:red }
svg .g-ants { font-size:50px; }
svg { margin-left:-200px;  overflow:hidden}
.svg-container { overflow:hidden }
.anatercih {width:100%; }
.anatercih ul {display:table; text-align:center}
.anatercih ul li img {border:1px solid #ddd;width:80px; height:60px; -webkit-filter:opacity(10%) grayscale(100%); filter:opacity(80%) grayscale(100%);}
.anatercih hr { width:550px;overflow:hidden}
.responsivemenu { position: absolute;}
.responsivemenu span { position: absolute; }
.anatercih ul li img {width:75px; height:40px;}
}


@media (max-width:420px) {.firewallul1 ul li { color:red }
svg .g-ants { font-size:60px;  }
svg { margin-left:-200px;  overflow:hidden}
.svg-container { overflow:hidden }
.anatercih {width:100%; }
.anatercih ul {display:table; text-align:center}
.anatercih ul li img {border:1px solid #ddd;width:80px; height:60px; -webkit-filter:opacity(10%) grayscale(100%); filter:opacity(80%) grayscale(100%);}
.anatercih hr { width:250px;overflow:hidden}
.responsivemenu { position: absolute;}
.responsivemenu span { position: absolute; }
.anatercih ul li img {width:75px; height:40px;}

}


@media (max-width:350px) {.firewallul1 ul li { color:red }
svg .g-ants { font-size:50px; margin:0px }
svg { margin-left:-200px;  overflow:hidden}
.svg-container { overflow:hidden }
.anatercih {width:100%; }
.anatercih ul {display:table; text-align:center}
.anatercih ul li img {border:1px solid #ddd;width:80px; height:60px; -webkit-filter:opacity(10%) grayscale(100%); filter:opacity(80%) grayscale(100%);}
.anatercih hr { width:250px;overflow:hidden}
.responsivemenu { position: absolute;}
.responsivemenu span { position: absolute; }
.anatercih ul li img {width:75px; height:40px;}
}


.h01 { display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: ;
    border-width: 2px;
	border-color:#F01212;
	width: 800px;  } 

.h11  { display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: ;
    border-width: 2px;
	border-color:#0088F0;
	width: 800px }

.h22 {     display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: ;
    border-width: 2px;
	border-color:#38C711;
	width: 900px }

.h33  {     display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: ;
    border-width: 2px;
	border-color:#FFE400;
	width: 600px }


#myInput {

    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 13px 20px 10px 20px; /* Add some padding */
    border: 3px solid #F01212; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
	border-style: outset;
	
}

#myUL {
    /* Remove default list styling */
    list-style-type: none;
    padding: 0;
    margin: 0;
}
::placeholder { opacity:0.5; color:#000; }