@media (min-width:1024px) and (max-width:1140px) 
 {
 }
@media (min-width:768px) and (max-width:1024px) 
 {
  
.login li
 {
 display:block;
 margin:0px 0px;
 float:inherit;
 width:100%;
 font-size:14px;
 }
.login 
 {
 text-align:left;
 line-height:13px;
 margin:18px 0px 0px 0px;
 }
.form_1 
 {
 border:none;
 text-align:center;
 margin:10px 0px;
 }
.form_1 div label
 {
 font-size:12px;
 color:#555;
 }
.form_1 div select
 {
 width:200px;
 }
 .form_3 .div_2 
 {
 width:16%;
 padding-top:150px;
 }
 #middle_section .box_container 
 {
 height:auto;
 }
 }
@media (min-width:480px) and (max-width:767px) 
 {
header .logo h1 
 {
 width:100%;
 text-align:center;
 }
header .logo h1 a  
 {
  width:100%;
  background-size:113px;
 }
.login 
 {
 margin:0px 0px 0px 0px !important;
 width:100%;
 text-align:center;
 }
.top_icon_navi 
 {
 margin:-80px 0px 2px 0px !important;
 }

.top_icon_navi li
 {
 margin:0px 0px 0px 4px;
 }
.top_icon_navi li a
 {
 width:45px;
 height:45px;
 background-size:45px!important;
 margin:1px 0px 0px 0px;
 }
.top_links 
 {
 text-align:center!important;
 float:inherit;
 width:100%;
 margin:10px 0px;
 }
.top_links li 
 {
 display:inline;
 text-align:center;
 }
.top_links li a
 {
 display:inline;
 text-align:center
 }
#middle_section .box_container 
 {
 height:auto;
 }
.form_1 div select
 {
 width:100%!important;
 }
.form_1 div label
 {
 text-align:left!important;
 float:left;
 }
.form_3 
 {
 width:100%;
 }
 .form_3 .div_1 
 {
 width:100%;
 }
.form_3 .div_2 
 {
 width:20%;
padding-top:0px;

 }
 .form_3 .div_2 .img2
 {
-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	 }
  .form_3 .div_2 .img1
 {
  -webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
 } 	
.form_3 .div_3 
 {
 width:100%;
 }
.form_3 .arrows  
 {
 margin:0px 0px 0px 0px;
 }
 }
@media (min-width:320px) and (max-width:480px) 
 {
header .logo h1 
 {
 width:100%;
 text-align:center;
 }
header .logo h1 a  
 {
  width:100%;
  background-size:113px;
 }
.top_icon_navi 
 {
    
 text-align:right;
 }
.top_icon_navi li
 {
 margin:0px 0px 0px 4px;
 }
.top_icon_navi li a
 {
 width:45px;
 height:45px;
 background-size:45px!important;
 margin:1px 0px 0px 0px;
 }
.login 
 {
 float:inherit;
 width:100%;
 text-align:center;
 margin:0px 0px 0px 0px !important;
 }
.login li
 {
 display:block;
 margin:4px 0px;
 float:inherit;
 width:100%;
 }
.top_icon_navi 
 {
 margin:7px 0px 6px 0px;
 text-align:center;
 }
.top_links 
 {
 text-align:center!important;
 float:inherit;
 width:100%;
 margin:10px 0px;
 }
.top_links li 
 {
 display:inline;
 text-align:center;
 }
.top_links li a
 {
 display:inline;
 text-align:center
 }
.site_navgate li
 {
 margin:0px 0px 10px 0px;
 }
.site_navgate li a
 {
 font-size:12px;
 padding:0px 10px;
 }
.form_1 div label
 {
 text-align:left;
 }
.form_1 div select
 {
 width:100%!important;
 }
.form_1 div label
 {
 text-align:left!important;
 float:left;
 }
.form_3 
 {
 width:100%;
 }
.form_3 .div_1 
 {
 width:100%;
 }
.form_3 .div_2 
 {
width:40%;
 float:none;
 padding-top:0px;
 padding-left:26px;
 }
  
 .form_3 .div_2 .img2
 {
-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
 }
  .form_3 .div_2 .img1
 {
  -webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
 } 
.form_3 .div_3 
 {
 width:100%;
 }
.form_3 .arrows  
 {
 margin:0px 0px 0px 0px;
 }
#middle_section .box_container 
 {
 height:auto;
 }
 }
@media (min-width:0px) and (max-width:320px) 
 {
 header .logo h1 
 {
 width:100%;
 text-align:center;
 }
header .logo h1 a  
 {
  width:100%;
  background-size:113px;
 }
.login 
 {
 float:inherit;
 width:100%;
 text-align:center;
 margin:0px 0px 0px 0px !important;
 }
.login li
 {
 display:block;
 margin:4px 0px;
 float:inherit;
 width:100%;
 font-size:14px;
 }
.top_icon_navi 
 {
 margin:-116px 0px 2px 0px !important;
 text-align:center;
 }
.top_links 
 {
 text-align:center!important;
 float:inherit;
 width:100%;
 margin:10px 0px;
 }
.top_links li 
 {
 display:block;
 text-align:center;
 }
.top_links li a
 {
 display:inline;
 text-align:center
 }
.top_icon_navi li
 {
 margin:0px 0px 0px 4px;
 }
.top_icon_navi li a
 {
 width:45px;
 height:45px;
 background-size:45px!important;
 margin:0px 0px 0px 0px;
 }
.site_navgate li
 {
 margin:0px 0px 0px 0px;
 }
.site_navgate li a
 {
 font-size:12px;
 padding:0px 10px;
 }
.form_1 div select
 {
 width:100%!important;
 }
.form_1 div label
 {
 text-align:left!important;
 float:left;
 }
.form_3 
 {
 width:100%;
 }
.form_3 .div_1 
 {
 width:100%;
 }
.form_3 .div_2 
 {
width:50%;
 float:none;
 padding-top:0px;
 padding-left:6px;
 }
  
.form_3 .div_2 .img2
 {
-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
 }
.form_3 .div_2 .img1
 {
  -webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
 } 
.form_3 .div_3 
 {
 width:100%;
 }
.form_3 .arrows  
 {
 margin:0px 0px 0px 0px;
 }
#middle_section .box_container 
 {
 height:auto;
 }
 }

@media (min-width:321px) and (max-width:558px) {
.top_icon_navi 
 {
 margin:-100px 0px 2px 0px !important;
 text-align:right;
 }

}