img{border:0;}
input{border:0;}

/*** HEADER ****/
.header{width:100%; float:left; background:#323232; padding:20px 0;font-family:'dinregular';}
.header .logo{width:250px; float:left;}
.header_content{width:82%; float:right; padding:5px 0 0 0;}
.header_content .tinynav{display:none;}
.header_content .top_menu{width:45%; float:left; font-size:22px; padding:10px 0 0 0;}
.header_content #navigation{width:100%; float:left;}
.header_content #navigation li {display:block;float:left; padding:0 20px;}
.header_content #navigation li a{color:#adadad; border-bottom:3px solid #323232; padding:0 5px 12px 5px;}
.header_content #navigation li a:hover, .header_content #navigation li a.select{color:#abd044; border-bottom:3px solid #abd044;}
.header_content .search_holder{width:480px; padding:0 10px; float:left; background:#f4f4f4; -moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;}
.header_content .search_holder .textbox{width:445px; float:left;}
.header_content .search_holder .textbox input{height:35px; background:none; font-size:20px; color:#323232;font-family:'dinregular'; width:100%; border:0;}
.header_content .search_holder .textbox input:focus{color:#000;}
.header_content .search_holder .btn_holder{width:35px; float:right;}
.header_content .text_holder{width:180px; float:right; font-size:25px; color:#c0ff00; text-align:right;padding:10px 0 0 0;}

/*** FOOTER ****/
.footer{width:100%; float:left; text-align:center; background:#000; padding:100px 0;font-size:20px; color:#cbed06}
.footer.white{background:#fff; color:#646464;}
.footer h4{font-size:50px;font-family:'myriad pro';}
.footer img{width:250px; margin:30px auto 0 auto; clear:both;}
.copyright{width:90%; padding:30px 5%; float:left; color:#7a7a7a; background:#000; text-align:center;}
.copyright a{color:#7a7a7a;}
.copyright a:hover{color:#fff;}
.copyright ul li{display:inline-block; padding:0 20px; float:none;}

/*** NEW MENU START HERE ***/
#submenu{width:600px; box-sizing: border-box; padding:0 10px 10px 10px; float:left; display:none; position:absolute; top:70px; left:484px; z-index:500; background:#fff; border-top:5px solid #abd044; box-shadow:4px 4px 8px rgba(0,0,0,0.3);}
#submenu .close{width:96%; float:left; padding:10px 2%; border-bottom:1px solid #e8e8e8;}
#submenu .close img{width:30px; float:right;}
#submenu .text_holder{width:50%; padding:10px 1%; float:left; font-size:16px; box-sizing: border-box;}
#submenu .text_holder ul li{width:100%; line-height:35px;}
#submenu .text_holder ul li a.hightlight{color: #a7c40b;; font-weight: bold;}
#submenu .text_holder a{color:#333;}
#submenu .text_holder a:hover{color:#abd044;}

@media only screen and (max-width:1680px){
#submenu{left:364px;}
}

@media only screen and (max-width:1600px){
#submenu{left:316px;}
}

@media only screen and (max-width:1380px), (max-width:1440px){
/*** HEADER ****/
.header .logo, .footer img{width:230px;}
.header_content{width:80%;}
.header_content .top_menu{width:47%; font-size:20px;}
.header_content #navigation li {padding:0 18px;}
.header_content #navigation li a{padding:0 5px 10px 5px;}
.header_content .search_holder{width:395px;}
.header_content .search_holder .textbox input{font-size:17px;}
.header_content .search_holder .textbox{width:360px;}
.header_content .text_holder{width:130px; font-size:20px;}

#submenu{left:333px; top:66px;}

/*** FOOTER ****/
.footer{padding:70px 0;font-size:18px;}
.footer h4{font-size:40px;}
.copyright{width:92%; padding:0 4% 70px 4%; font-size:18px;}
.copyright ul li{padding:0 20px;}
}

@media only screen and (max-width:1366px){
/*** HEADER ****/
.header .logo, .footer img{width:210px;}
.header_content{width:80%;}
.header_content .top_menu{width:49%; font-size:20px;}
.header_content #navigation li {padding:0 14px;}
.header_content #navigation li a{padding:0 5px 10px 5px;}
.header_content .search_holder{width:340px;}
.header_content .search_holder .textbox input{font-size:17px;}
.header_content .search_holder .textbox{width:305px;}
.header_content .text_holder{width:130px; font-size:20px;}

#submenu{left:321px; top:66px;}

/*** FOOTER ****/
.footer{padding:50px 0;font-size:16px;}
.footer h4{font-size:30px;}
.copyright{padding:0 4% 50px 4%; font-size:18px;}
.copyright ul li{padding:0 20px;}
}

@media only screen and (max-width:1200px), (max-width:1280px){
/*** HEADER ****/
.header .logo, .footer img{width:200px;}
.header_content{width:82%;}
.header_content .top_menu{width:49%; font-size:18px;}
.header_content #navigation li {padding:0 18px;}
.header_content #navigation li a{padding:0 5px 10px 5px;}
.header_content .search_holder{width:320px;}
.header_content .search_holder .textbox input{font-size:15px;}
.header_content .search_holder .textbox{width:285px;}
.header_content .text_holder{width:130px; font-size:20px;}

#submenu{left:281px; top:64px;}

/*** FOOTER ****/
.footer{padding:40px 0;font-size:15px;}
.footer h4{font-size:21px;}
.copyright{padding:0 4% 40px 4%; font-size:16px;}
.copyright ul li{padding:0 15px;}
}

@media only screen and (max-width:1024px){
/*** HEADER ****/
.header{padding:10px 0;}
.header .logo, .footer img{width:190px; float:none; margin:0 auto;}
.header_content{width:100%; border-top:1px solid rgba(255,255,255,0.2); padding:10px 0 0 0; margin-top:10px;}

/*** NEW MENU START HERE ***/
#submenu{width:900px; left:18px; top:107px;}
#submenu .text_holder{width:23%; padding:10px 1% 0 1%; font-size:16px;}
#submenu .text_holder ul li{line-height:35px;}

/*** FOOTER ****/
.footer{padding:30px 0;}
.footer h4{font-size:28px;}
.copyright{width:100%; padding:0 0% 40px 0%; font-size:14px;}
.copyright ul li{padding:0 10px;}
}

@media only screen and (max-width:720px),(max-width:760px), (max-width:960px){
/*** HEADER ****/
.header .logo{width:180px;}
.header_content{padding:0;}
.header_content .top_menu{width:100%; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:10px; text-align:center;}
.header_content #navigation li {padding:0 15px; display:inline-block; float:none; margin:0 auto;}
.header_content #navigation li a{padding:0 5px 5px 5px;}
/*
.header_content .top_menu .tinynav{display:block;border:0px solid #ccc; padding:10px; background:url(../images/arrow.png) no-repeat 98% 8px; text-align:left; font-size:16px; color:#adadad; text-align:left; direction:ltr; cursor:pointer;font-family:'dinregular'; width:100%; height:auto; margin:0;}
.header_content .top_menu .tinynav:hover{border:0px solid #333; color:#abd044;background:url(../images/arrow-ov.png) no-repeat 98% 8px}
.header_content .top_menu #navigation{display:none} 
*/

.header_content .search_holder{width:66%; margin:0 2.5%; padding:0 1%;}
.header_content .search_holder .textbox input{font-size:15px; padding:0 5%; width:90%;}
.header_content .search_holder .textbox{width:90%;}
.header_content .text_holder{width:130px; font-size:20px; float:right; padding:10px 2.5% 0 0}

/*** NEW MENU START HERE ***/
#submenu{width:97%; padding:0 0 10px 3%; left:0; top:92px;overflow-y:scroll; overflow-x:hidden; height:360px;}
#submenu .text_holder{width:48%; padding:10px 1% 0 1%; font-size:15px;}
#submenu .text_holder ul li{line-height:30px;}

/*** FOOTER ****/
.footer{padding:30px 3%;font-size:17px; width:94%}
.footer h4{font-size:25px;}
.footer img{width:160px;}
.copyright{width:94%; padding:0 3% 30px 3%; font-size:16px;}
.copyright ul li{padding:0; width:100%; line-height:22px;}
}

@media only screen and (max-width:600px), (max-width:650px),(max-width:680px){
.footer{font-size:15px;}
.footer h4{font-size:21px;}
}

@media only screen and (max-width:500px),(max-width:580px){

}

@media only screen and (max-width:400px), (max-width:450px),(max-width:480px) {
/*** HEADER ****/
.header .logo{width:160px;}
.header_content .top_menu{font-size:16px;}
.header_content #navigation li{padding:0 5px;}
.header_content .top_menu .tinynav {background:url(../images/arrow.png) no-repeat 95% 10px;}
.header_content .top_menu .tinynav:hover{background:url(../images/arrow-ov.png) no-repeat 95% 10px}
.header_content .search_holder{width:92%; margin:0 3%;}
.header_content .search_holder .textbox{width:88%;}
.header_content .text_holder{width:100%; font-size:18px; padding:10px 0 0 0; text-align:center;}

/*** NEW MENU START HERE ***/
#submenu{height:400px;top:85px;}
#submenu .text_holder{width:94%; padding:10px 3%; border-bottom:1px solid #ccc;}

/*** FOOTER ****/
.footer h4{font-size:18px;}
.footer{font-size:13px;}
.footer img{width:140px;}
.copyright{font-size:13px;}
.copyright ul li{line-height:20px;}
}

@media only screen and (max-width:375px){

}

@media only screen and (max-width:360px){
.header_content #navigation li{padding:0 1px;}
}

@media only screen and (max-width:300px), (max-width:320px){

}