@charset "utf-8";
/* CSS Document */

#pull {	display: none;}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#pull {	display:block;}

.banner{ padding:20px;}
.banner h1{ font-size:45px; letter-spacing:13px;}
.banner h2{ font-size:42px;}
.slide{ margin: 60px 20px 0px 0px !important;}
.slide1{ margin:60px 0px 0px 20px !important;}
.academy{ padding:20px 0px;}
.body_containar{ width:98%; padding:20px 0px;}
.body_containar h3{ padding:0px 0px 10px 0px;}
.body_containar_left{ width:30%;}
.body_containar_left img{ margin:0px 0px 15px 0px;}
.body_containar_right img{ margin:55px 0px 45px 0px;}
.body_containar_right{ width:65%;}
.tel{ padding:20px 0px 0px 0px;}
.tel p{ line-height:44px;}
.footer{ padding:20px 0px;}

}

@media only screen and (min-width: 959px) and (max-width: 1024px) {

.banner h1{ font-size:50px;}
.slide, .slide1{ margin:30px 20px 0px 0px !important}
.body_containar{ width:85%;}
.body_containar_left{ width:25%;}
.body_containar_right{ width:55%;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.banner{ padding:20px 10px;}
.banner h1{ font-size:28px; letter-spacing:5px;}
.banner h2{ font-size:26px;}
.slide{ margin: 30px 20px 0px 0px !important;}
.slide1{ margin:30px 0px 0px 20px !important;}
.academy{ padding:15px 0px;}
.academy h3{ letter-spacing:8px; font-size:40px;}
.body_containar{ width:95%; padding:20px 0px;}
.body_containar h3{ padding:0px 0px 10px 0px;}
.body_containar_left{ width:100%; float:none; margin:0px 0px 15px 0px;}
.body_containar_left img{ margin:0px 0px 15px 0px;}
.body_containar_right{ width:100%; float:none;}
.body_containar_right img{ margin:0px 0px 10px 0px; width:100%;}
.tel{ padding:20px 0px 0px 0px;}
.tel p{ line-height:38px; font-size:25px;}
.tel p a, .tel p span a{ font-size:25px;}
.footer{ padding:20px 0px;}

}

@media only screen and (min-width: 640px) and (max-width: 767px) {

.banner h1{ font-size:40px; letter-spacing:8px;}
.banner h2{ font-size:24px;}
.slide{margin:18px 20px 0px 0px !important;}
.slide1{margin:18px 0px 0px 20px !important;}
.academy h3{ font-size:50px;}
.body_containar_right img{ width:auto;}
.tel p{ font-size:30px; line-height:50px;}
.tel p a, .tel p span a{ font-size:30px;}
.visit a{ display:inline-block; padding:15px 30px;}

}

@media only screen and (max-width: 479px) {	
.columns .column.size-1-2 {
    width: 100%;
}
.banner{ padding:20px 10px;}
.banner h1{ font-size:26px; letter-spacing:5px;}
.banner h2{ font-size:24px;}
.slide{ margin: 30px 20px 0px 0px !important; display:none;}
.slide1{ margin:30px 0px 0px 20px !important; display:none;}
.academy{ padding:15px 0px 10px 0px;}
.academy h3{ letter-spacing:5px; font-size:26px;}
.body_containar, #trade_body .body_containar{ width:95%; padding:20px 0px;}
.body_containar h3{ padding:0px 0px 10px 0px;font-size:26px;}
.body_containar_left{ width:100%; float:none; margin:0px 0px 15px 0px;}
.body_containar_left img{ margin:0px 0px 15px 0px;}
.body_containar_right{ width:100%; float:none;}
.body_containar_right img{ margin:0px 0px 10px 0px; width:100%;}
.visit1{ width:100%;}
.tel{ padding:15px 0px 0px 0px;}
.tel p{ line-height:38px; font-size:28px;}
.tel p a{ font-size:28px;}
.tel p span a{ font-size:25px;}
.footer{ padding:15px 10px;}

}

/*----------------------------Click to open Menu In resposnive----------------------*/

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

.subclick{height:20px; padding-top:0px!important; position:absolute; right:0px; text-align:center; top:0px; width:50px; cursor:pointer; line-height:20px;}
.subclick:after{content:url(../images/arrow_drop.png);}
.sub-open .sub-menu{display: block!important; background:none !important;}
.sub-menu{margin:0px 0px; padding:0px 0px; display:none !important; background-color:#353536 !important; border-top:0 none; position: relative !important; top:0px !important; visibility:inherit !important; width:100% !important;}

.header nav{width:100%; margin:0px 0px 0px 0px; padding:0px 0px; background:#e41b40;} 
.header nav ul{margin:0px 0px; padding:0px 0px; list-style-type:none; width:100%;} 
.header nav ul li{margin:0px 0px; padding:0px 0px; line-height:normal; display:block;  float:none; width:auto; height:auto; text-transform:uppercase; border-top:1px solid #c81939; border-bottom:1px solid #f72e53;}
.header nav ul li a{margin:0px 0px; padding:10px 0px; display:block; height:auto; line-height:normal; font-size:15px; color:#FFF;  height:auto; width:auto; border-radius:0px; font-weight:600;}

.header nav ul li a:hover{color:#FFF; background:#c81939;}
.header nav ul li.current-menu-item > a,
.header nav ul li.current-menu-ancestor > a,
.header nav ul li.current_page_item > a,
.header nav ul li.current_page_ancestor > a{color:#FFF; background:#c81939;}

.header nav a{text-align:left; width:100%; text-indent:10px; text-decoration:none; font-size:17px; color:#FFF;}
.header nav a:hover{color:#fff; text-decoration:none;}        
.header-mini-cart.header-trade-mini-cart ul{display:block;}
.header nav ul{display:none; height:auto;}
.header nav a#pull {display:block; width:100%; position:relative; background:#c81939; margin:0px 0px; color:#FFF; text-transform:uppercase; font-weight:600; line-height:40px;}
  
.header nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display:inline-block; position:absolute; right:10px; top:10px;} 
.header nav ul ul:before{ border:none;}
.header nav ul ul{ float:none; position:relative; left:auto; background:none;}
.header nav ul li{ float:none; position:relative;}
.header nav ul ul li{margin:0px 0px; padding:0px 0px; line-height:normal; display:block;  float:none; width:auto; height:auto; text-transform:uppercase; border-top:1px solid #59befa; border-bottom:1px solid #0ea2f9;}
.header nav ul ul li a{margin:0px 0px; padding:10px 15px; display:block; height:auto; line-height:normal; font-size:15px; color:#FFF;  height:auto; width:auto;}

.header nav ul li ul li a:hover{color:#FFF; background:#c81939;}
.header nav ul ul li.current-menu-item > a,
.header nav ul ul li.current-menu-ancestor > a,
.header nav ul ul li.current_page_item > a,
.header nav ul ul li.current_page_ancestor > a{color:#FFF; background:#c81939;}

.header,.header.trade_header{ width:100%; padding:0px;}
.header ul li a{ border:none;}
.header ul li a:hover{ border:none; transition:none;}
.header ul li.active a{ border:none; color:#fff; background:#c81939;}

}


@media only screen and (min-width: 1025px) {

.nav ul li a{
transition:margin 1s;
-webkit-transition:margin 1s;
-moz-transition:margin 1s;
-o-transition:margin 1s;}
.nav ul li a:hover{color:#e34c4c !important;}

}