@charset "UTF-8";
@charset "utf-8";
@charset "utf-8";

 body{ margin:0; padding:0;font-family: "OpenSans-Regular";}
div.wpcf7-response-output { overflow: hidden; clear: both; text-align: center;}
.main{ width:100%; height:auto; float:left;} .top-bar {width: auto !important;}
.clstophead-bg{background:#ffd800;width:100%; height: auto; float:left;padding:0;z-index:99999;}
.clstophead-mn{width:100%; max-width:1100px; height:50px; margin:0 auto;}
.clstopheadRight {float: right;width:58%;clear:both;}
.clsheadsearch{display:none;float:left;background:#ffffff; padding: 0;margin:5px 0;max-width:385px;width:100%;}
.clsheadsearch input[type="text"] {font-family:"OpenSans-Regular";font-size:13px;color:131313;border:0;padding:0 0 0 15px;height: 30px;width: 189px;text-transform: uppercase;}
.clsheadsearch select{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/drop_arr.png) no-repeat 100px 7px;font-family:"OpenSans-Regular";font-size:13px;color:131313;border:0;text-transform: uppercase;width:100%;max-width:120px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.clsheadsearch img {position: relative;top: 7px;}
.clssubmit{background:#000000 url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/search.png) no-repeat 15px 12px;color:transparent;border:0;width:100%;max-width:48px;height:40px;}
.clsheadcart{background:#000000 url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/cart.png) no-repeat 15px 12px;float:right;height: 25px;padding:2% 3%;width: 33%;display:none;}
.clsheadcart a span {color: #ffffff;font-family: "OpenSans-Bold";font-size: 14px;text-transform: uppercase;margin:0 0 0 32px;} .head-bg{position:fixed;background:#000000;width:100%; height: auto; float:left;padding:0;z-index:99999;margin:20px 0 0;transition: all 0.8s ease;}
.head-mn{width:100%; max-width:1100px; height:135px; margin:auto;}
.head-bg .clstright{margin:2% 0 0;}
.clslogo{max-width:281px;width:100%; height:auto; float:left; }
.clslogo > a{position: absolute;}
.clsmobilelogo,.clshome span{display: none !important;}
.clstright{float:right;width:70%;}
.clstright ul{padding:0;list-style-type: none;}
.clstright ul li{float:left;}
.clsheadtop{ float: left;margin: 0;width:100%;}
.clsheadtop li{max-width: 200px;}
.clstright li a{text-decoration: none;}
.clsheadtop li span{font-family: "OpenSans-Semibold";font-size:18px;color:#ffffff;display: block;margin:6px 20px 7px 50px;}
.clsphone{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/phone.png) no-repeat 0 0;height:39px;}
.clsemail{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/email.png) no-repeat 0 0;height:39px;}
.clsmenu{margin:1.5% 0 0;}
.clsmenu li{padding: 0 0.5%;width: auto;}
#main-nav  #main-menu li a{font-family: 'Brandon_bld';color: #ffffff;font-size: 15px;text-transform: uppercase;display: block;padding:8px 20px;}
#main-nav #main-menu li:last-child a { padding-right: 0; }
#menu-item-28 {background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/home.png) no-repeat 0 0;max-width: 40px;height:39px;}
#menu-item-28 a{color:transparent !important;}
.menu-item-229{width:100px !important;}
.menu-item-229 a{margin-left:5px !important;} 
.menu-item-has-children > a{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/arrow.png) no-repeat 100px 16px; cursor:pointer;} .main.follow .head-bg{margin:0;}
.main.follow .head-bg {margin: -32px 0 0;}
.main.follow .bnr{margin-top:0;} .sub-menu {display: none;background:rgba(235,199,0,0.9);padding:0;position: absolute;top:50px;left:20px;width: auto;z-index: 9999999;}
.sub-menu li{float: none !important;padding:10px;border-bottom:1px solid #ffd800;width: 250px;padding:0 0 0 15px !important;text-align: left !important}
.sub-menu li:hover,.active{background:#212121;}
.sub-menu li:hover a span,.clssubmenu li.active a span{color:#ffd800;}
.sub-menu li a {font-family: "OpenSans-Semibold";color:#000000;font-size:14px;text-transform: uppercase;margin-left:10px !important;} .nomargin{margin:0 !important;}
.noRmargin{margin-right:0 !important;}
.noborder{border:0 !important;}
.clr{ clear:both;}
.clsno_0{padding-top:0 !important;}
.clsno_4{padding-bottom:0 !important;} .ftr-bg{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/footer_bg.jpg) repeat 0 0;width:100%; height:auto;padding:4% 0 0;}
.clstopfooter{margin:0 auto;width:100%;}
.clstopfooter ul{list-style-type: none;margin:0;padding:0;}
.clstopfooter li{float:left;}
.clstfoot{font-family: "OpenSans-Semibold";padding:3% 0;margin:0 auto;max-width:1100px;width:100%;}
.clsbloc h2{font-family: 'Brandon_blk';font-size:23px;font-weight:normal;color:#ffd800;text-transform: uppercase;}
.clsbloc li,.clsbloc li a{font-family: "OpenSans-Semibold";color:#b1b1b1;font-size:16px;line-height: 30px;text-decoration: none;}
.clsbloc li a:hover{color:#ffd800;}
.block1,.block2,.block3,.block4{width:25%;}
.clsheading{color:#ffd800 !important;text-decoration: underline !important;}
.block2 li{width:100%;}
.clsbloc.block3 li {width: 100%;}
.block3 li span{color:#ffd800;}
.block4 li{margin-right:3%;}
.block4 a{color:transparent !important;display: block;cursor: pointer;}
.block4 > img {margin:10px 0 8%;}
.clstwit{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/twitter.png) no-repeat;width:48px;height:48px;}
.clstwit:hover{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/twitter_h.png) no-repeat;}
.clsface{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/facebook.png) no-repeat;width:48px;height:48px;}
.clsface:hover{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/facebook_h.png) no-repeat;}
.clsyou{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/youtube.png) no-repeat;width:48px;height:48px;}
.clsyou:hover{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/youtube_h.png) no-repeat;} .clsfoot{background:rgba(0,0,0,0.5);margin: 4% 0 0;padding: 2% 0;width: 100%;}
.clscfoot {font-family: "OpenSans-Semibold";max-width: 1100px;margin:0 auto;padding:5px 0;height:25px;text-align: center;width: 100%;}
.clscopy,.clspow{color:#b1b1b1;width:50%;font-size:15px;margin: 0;width:50%;}
.clscopy{float:left;text-align: left;}
.clspow{float:right;text-align: right;}
.clsfoot a{color:#ffd800;text-decoration: none;}
.clsfoot a:hover{color:#f39200;text-decoration: underline;} .titlebnr{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/inner_title_bg.jpg) no-repeat top center;width:100%;height:auto;padding:0;margin:0 auto;transition: all 0.8s ease;}
.titlebancontent {margin: 0 auto;max-width: 1100px;width:100%;}
.titlebantop{text-align:center;margin:10% auto 0;width:100%;} .titlebantop h2{color:#ffffff;font-family: 'Brandon_blk';font-size: 50px;font-weight:normal;line-height: 50px;font-weight: normal;margin: 0;text-transform: uppercase;padding:9% 0 5%;}  .bnr{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/bnr.jpg) no-repeat top center;width:100%;height:auto;padding:0;margin:155px auto 0;transition: all 0.8s ease;}
.bancontent {margin: 0 auto;max-width: 1200px;width:100%;}
.bantop{text-align:center;margin:11% auto 0;width:100%;}
.bantop h2{color:#ffffff;font-family: 'Brandon_blk';font-size: 72px;font-weight:normal;line-height: 60px;font-weight: normal;margin: 0;text-transform: uppercase;padding:16% 0 6%;} #slider1 .buttons {left: 0;}
#slider1 { height: 1%; margin: 30px 0 0; overflow:hidden; position: relative; padding: 0 60px; }
#slider1 .viewport { height: 416px; overflow: hidden; position: relative; }
#slider1 .disable  { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute;left: 0; top: 0; padding: 0; margin: 0; width: 240px;  }
#slider1 .overview li{ background:none;float: left; margin: 0 20px 0 0; padding: 1px; height: 172px;width: 225px;}
#slider1 .next  {right: 0;left: auto;top: 50%;}
#slider1 .buttons{display: block;position: absolute;top:23%;width:59px;height: 59px;} #slider1 .prev_btn{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/prev_img.png) no-repeat !important;width:59px;height: 59px;}
#slider1 .next_btn{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/next_img.png) no-repeat !important;width:59px;height: 59px;}
#slider1 .prev_btn:hover{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/prev_img_h.png) no-repeat;}
#slider1 .next_btn:hover{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/next_img_h.png) no-repeat;} .home .cmn-sec-1{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/cmn-sec-1_bg.jpg) no-repeat top center;width:100%; height:auto; float:left; padding:5% 0;}
.home .sec-1{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.home .sec-1 h1{font-family: 'Brandon_blk';font-size:45px; font-weight:normal;color:#212121;text-align:center;text-transform:uppercase;margin:0 auto;width:100%;}
.home .s1-all{ width:100%; height: auto; float:left;overflow:hidden; margin:4% 0 0;}
.home .s1-all .clsWhoL{float:left;width:52%;}
.home .s1-all .clsWhoR{float:right;width:46%;text-align: center;}
.home .s1-two-one.clsWhoR > img {background: rgba(255, 255, 255, 0.8);padding: 10px;}
.home .s1-two-one{overflow:hidden;margin:0;}
.home .s1-two-one h2{  font-family: "OpenSans-Bold";font-size: 28px;margin:7% 0 0;}
.home .s1-two-one p{font-family: "OpenSans-Regular";font-size: 17px;color: #52480e;margin:8% 5% 0 0;} .home .cmn-sec-2{background:#ffffff;width:100%;  height:auto; float:left; padding:5% 0;}
.home .sec-2{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.home .sec-2 h1{font-family: 'Brandon_blk';font-size:45px; font-weight:normal;line-height:50px;color:#212121;text-align:center;text-transform:uppercase;margin:0 auto;width:100%;}
.home .sec-2 p{font-family: "OpenSans-Semibold";font-size: 20px;color: #212121;margin:0;text-align:center;}
.home .s2-all{ width:100%; height: auto; float:left;overflow:hidden; margin:5% 0 0;padding:0;list-style-type: none;}
.home .s2-two-one{overflow:hidden;margin:0 14px 15px 0;float:left;width:23.7%;position: relative;text-align: center;}
.home .s2-two-one h3{ background: rgba(255, 216, 0, 0.8);bottom: 5px;color: #212121;font-family: "OpenSans-Semibold";font-size: 16px;line-height:18px;font-weight:normal;height: 40px;margin: 0;padding: 15px 0 0;position: absolute;text-align: center;text-transform: uppercase;width: 100%;} 
.home .s2-two-one h3:hover{ background: rgba(0, 0, 0,0.6);color:#ffd800;}
.home .s2-two-one img {height: 255px;width: 100%;} .home .cmn-sec-3{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/cmn-sec-3_bg.jpg) no-repeat top center;width:100%; height:auto; float:left; padding:5% 0 3.9%;}
.home .sec-3{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.home .s3-all{ width:100%; height: auto; float:left;overflow:hidden; margin:20px 0;}
.home .s3-all .clsWhoL{background:#ffd800;float:left;width:100%;}
.home .s3-all .clsWhoR{background:#ffffff;float:right;width:43%;text-align: center;}
.home .s3-two-one{overflow:hidden;margin:0;}
.home .s3-two-one img:hover{cursor: pointer;}
.hvr-skew {vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {-webkit-transform: skew(-10deg);transform: skew(-10deg);}
.cls_Gypr,.cls_Powe,.cls_Gard {line-height: 18px;} .home .clsEnquiryForm {padding:3% 8% 6%;}
.home .s3-two-one h2{  font-family: "Brandon_blk";font-size: 36px;font-weight:normal;text-transform: uppercase;text-align: center;}
.home .clsfield{margin:0 0 3%;}
.home .clstxt {background:#ffffff;border: 2px solid #e8c503;color:#797979;font-family:"OpenSans-Semibold";font-size: 14px;height: 45px;padding: 0 0 0 3%;width: 96%;}
.home .clstxtarea {background:#ffffff;border: 2px solid #e8c503;color:#797979;font-family:"OpenSans-Semibold";font-size: 14px;height:150px;padding: 5px 0 0 3%;width: 96%;}
.home .clsname ,.home .name{margin-right: 2%;width: 44%;}
.home .clsphone,.home .phone {width:44%;} 
span.wpcf7-not-valid-tip{position:absolute;top:30px;}
.home .clssend_submit {background: #212121;margin-top:2%;border: 0;color: #ffd800;font-family: "Brandon_blk";font-size: 28px;height: 60px;text-align: center;text-transform: uppercase;width: 100%;cursor: pointer;transition: all 0.5s ease;}
.home .clssend_submit:hover{background: rgba(0,0,0,0.5);color: #000000;}
::-moz-placeholder{color:#797979;opacity:1;font-family: "OpenSans-Semibold";text-transform: uppercase;} 
input::-webkit-input-placeholder{color:#797979;font-family: "OpenSans-Semibold";text-transform: uppercase;}
::-webkit-input-placeholder {color:#797979;font-family: "OpenSans-Semibold";text-transform: uppercase;} .home .clsbrands {min-height: 472px;padding: 3% 8% 8%;}
.home .clsbrands ul{margin:0;padding:0;list-style-type: none;}
.home .clsbrands li{float:left;border:2px solid #e8e8e8;text-align:center;margin:0 3% 3% 0;width:47%;} .cmn-sec-4{background:#ffd800 url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/cmn-sec-4_bg.jpg) no-repeat top center;width:100%; height:auto; float:left; padding:10px 0;}
.sec-4{ width:100%; max-width:1200px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; } #slider2 .buttons {left: 0;}
#slider2{ height: 1%; margin:0; overflow:hidden; position: relative; padding: 0 80px; }
#slider2 .viewport { height: 535px; overflow: hidden; position: relative; }
#slider2 .disable  { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0;}
#slider2 .overview li{ background:none;float: left; margin:0 4px 0 0; padding: 1px; height: auto;width: 342px;}
#slider2 li img{width: 100%;height:265px;}
#slider2 .next{right: 0;left: auto;top: 50%;}
#slider2 .buttons{display: block;position: absolute;top:43%;width:60px;height: 60px;} #slider2 .prev_btn{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/prev2_img.png) no-repeat;}
#slider2 .next_btn{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/next2_img.png) no-repeat;}
#slider2 .prev_btn:hover{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/prev2_img_h.png) no-repeat;}
#slider2 .next_btn:hover{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/next2_img_h.png) no-repeat;}  .about .cmn-sec-1{background:#ffffff;width:100%; width:100%; height:auto; float:left; padding:5% 0;}
.about .sec-1{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.about .s1-all{ width:100%; height: auto; float:left;overflow:hidden; margin:4% 0 0;}
.about .s1-all .clsWhoL{float:left;width:42%;text-align: center;}
.about .s1-all .clsWhoR{padding:0 3% 0 0;float:right;width:50%;}
.about .s1-two-one.clsWhoL > img {background: rgba(253, 224, 64, 0.8);padding: 10px;}
.about .s1-two-one{overflow:hidden;margin:0;}
.about .s1-two-one h2{  font-family: "OpenSans-Bold";font-size: 25px;margin:0;}
.about .s1-two-one p{font-family: "OpenSans-Regular";font-size: 17px;line-height:28px;color: #52480e;margin:4% 2% 0 0;} .about .cmn-sec-2{background:#fbd400 url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/cmn-sec-2_abt_bg.jpg) no-repeat top center;width:100%; height:auto; float:left; padding:5% 0;}
.about .sec-2{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.about .sec-2 h1{font-family: 'Brandon_blk';font-size:45px; font-weight:normal;line-height:50px;color:#212121;text-align:center;text-transform:uppercase;margin:0 auto;width:100%;}
.about .s2-all{ width:100%; height: auto; float:left;overflow:hidden; margin:5% 0 0;}
.about .s2-two-one{overflow:hidden;margin:0 20px 20px 0;float:left;width:30%;position: relative;}
.about .s2-two-one:hover{cursor:pointer;}
.about .s2-two-one .clsdesig{display:none;transition: all 0.5s ease;}
.about .s2-two-one:hover .clsdesig{ display:block;background: rgba(0, 0, 0,0.6);top: 0;height:65px;padding:130px 0;position: absolute;max-width:325px;width:100%;} 
.about .s2-two-one h3{color: #ffffff;font-family: "Brandon_blk";font-size: 23px;font-weight:normal;margin: 0;padding: 15px 0 0;text-align: center;text-transform: uppercase;width: 100%;} 
.about .s2-two-one p{color: #fde040;font-family: "Brandon_light_it";font-size: 18px;margin: 0;text-align: center;width: 100%;} .about .cmn-sec-3{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/cmn-sec-3_abt_bg.jpg) no-repeat top center;width:100%; width:100%; height:auto; float:left; padding:3% 0 7%;}
.about .sec-3{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.about .s3-all{ width:100%; height: auto; float:left;overflow:hidden; margin:4% 0 0;}
.about .s3-all .clsWhoL{float:left;padding:0 0 0 3%;width:48%;}
.about .s3-all .clsWhoR{float:right;padding:0 0 0 1%;width:48%;}
.about .s3-two-one img {background: rgba(201, 201, 201, 0.8);padding: 10px;}
.about .s3-two-one{overflow:hidden;margin:0;}
.about .s3-two-one h2{font-family: "OpenSans-Bold";font-size: 25px;}
.about .s3-two-one p{font-family: "OpenSans-Regular";font-size: 17px;line-height:28px;color: #585858;margin:4% 5% 0 0;}  .product .cmn-sec-1{background:#fbd400 url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/cmn-sec-2_abt_bg.jpg) no-repeat top center;width:100%;height:auto; float:left; padding:5% 0;}
.product .sec-1{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.product .s1-all{ width:100%; height: auto; float:left;overflow:hidden; margin:5% 0 0;}
.product .s1-two-one{overflow:hidden;margin:0 20px 20px 0;float:left;width:30%;position: relative;}
.product .s1-two-one .clsdesig{display:none;}
.product .s1-two-one:hover .clsdesig{ display:block;background: rgba(0, 0, 0,0.6);top: 0;height:65px;padding:130px 0;position: absolute;width:99%;} 
.product .s1-two-one h3{color: #ffffff;font-family: "Brandon_blk";font-size: 25px;font-weight:normal;margin: 0;padding: 15px 0 0;text-align: center;text-transform: uppercase;width: 100%;} 
.product .s1-two-one p{color: #fde040;font-family: "Brandon_light_it";font-size: 18px;margin: 0;text-align: center;text-transform: uppercase;width: 100%;} #ninja-slider-pager {display: none;} .product .cmn-sec-2{background:#ffffff;width:100%; width:100%; height:auto; float:left; padding:2% 0 7%;}
.product .sec-2{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.product .s2-all{ width:100%; height: auto; float:left;overflow:hidden; margin:4% 0 0;}
.product .s2-two-one{overflow:hidden;margin:0;}
.product .s2-two-one h2{font-family: "OpenSans-Bold";font-size: 25px;}
.product .s2-two-one p{font-family: "OpenSans-Regular";font-size: 17px;line-height:28px;color: #5b5b5b;margin:3% 5% 0 0;} .woocommerce-products-header__title.page-title {text-align: center;margin: 0 0 20px;text-transform:uppercase;}
.woocommerce-loop-product__title,.button.product_type_simple.ajax_add_to_cart,.woocommerce-result-count,.woocommerce-ordering {display:none;}
.woocommerce-page #sidebar{display:none;}
.woocommerce-LoopProduct-link {pointer-events:none;}
.clscat-desc{margin-bottom:50px;}
.clscat-desc ul{padding-left:20px;margin-left:20px;}
.clscat-desc ul li{list-style:disc;padding-left:10px;line-height:25px;} .woocommerce-message,.price{display:none;}
.woocommerce div.product form.cart div.quantity{visibility: hidden;}
.cart {margin: 3% auto;text-align: center;width:25%;}
.wc-proceed-to-checkout {margin: 0 auto;width: 25%;}
.woocommerce div.product form.cart .button {color: #ffffff;float: left;font-size: 18px;padding: 4% 0;text-transform: uppercase;vertical-align: middle;width: 100%;}  .cover .cmn-sec-1{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/cmn-sec-1_cover_bg.jpg) no-repeat top center  / cover;width:100%;height:auto; float:left; margin:10% auto 0;padding:34% 0 15%;}
.cover .sec-1{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.cover .sec-1 h3{color: #212121;font-family: "Brandon_blk";font-size: 60px;font-weight:normal;text-align: center;text-transform: uppercase;margin:15% auto 0;line-height:70px;width: 55%;}  .contact .cmn-sec-1{background:#eeeeee;width:100%;height:auto; float:left; padding:3% 0 8.5%;}
.contact .sec-1{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.contact .s1-all{ width:100%; height: auto; float:left;overflow:hidden; margin:4% 0 0;}
.contact .s1-all .clsWhoL{float:left;width:60%;}
.s2-all h2 {font-size: 40px;margin: 0;text-transform: uppercase;}
.s2-all p{font-size:18px;}
.contact .s1-all .clsWhoR{padding:7.6% 0 0;float:right;text-align:center;width:35%;}
.contact .s1-all .s1-two-one_con{background:#ffd800;padding:8% 0 6%;}
.contact .s1-two-one{overflow:hidden;margin:0;}
.contact .s1-two-one h2{ font-family: "Brandon_blk";font-size: 35px;color:#212121;margin:0 0 5%;text-transform: uppercase;text-align: left;}
.contact .s1-two-one p{font-family: "OpenSans-Regular";font-size: 17px;line-height:28px;color: #52480e;margin:4% 2% 0 0;}
.clshours{margin: 0 auto;max-width: 300px;padding: 0 4%;width: 96%;}
.clsNum{margin: 20px auto 0;max-width: 300px;padding: 0 4%;width: 96%;}
.contact .s1-two-one_con h3{font-family: "Brandon_blk";font-weight:normal;color:#212121;font-size:23px;text-transform: uppercase;text-align: left;margin-top: 0;}
.contact .s1-two-one_con p{font-family: "OpenSans-Semibold";font-size: 15px;line-height:25px;color: #212121;margin:0;text-align: left;} .contact .clsEnquiryForm {padding:3% 8% 6%;}
.contact .clsfield{margin:0 0 3%;}
.contact .clstxt {background:#ffffff;border: 2px solid #dedede;color:#b1b1b1;font-family:"OpenSans-Semibold";font-size: 16px;height: 45px;padding: 0 0 0 3%;width: 96%;}
.contact .clstxtarea {background:#ffffff;border: 2px solid #dedede;color:#b1b1b1;font-family:"OpenSans-Semibold";font-size: 16px;height:150px;padding: 5px 0 0 3%;width: 96%;}
.contact .clssend_submit {background: #212121;border: 0;color: #ffd800;font-family: "Brandon_blk";font-size: 28px;height: 60px;text-align: center;text-transform: uppercase;width: 100%;cursor: pointer;transition: all 0.5s ease;}
.contact .clssend_submit:hover{background: rgba(0,0,0,0.5);color: #ffffff;}
::-moz-placeholder{color:#b1b1b1;opacity:1;font-family: "OpenSans-Semibold";text-transform: capitalize;} 
input::-webkit-input-placeholder{color:#b1b1b1;font-family: "OpenSans-Semibold";text-transform: capitalize;}
::-webkit-input-placeholder {color:#b1b1b1;font-family: "OpenSans-Semibold";text-transform: capitalize;} .contact .cmn-sec-2{background:#ffffff;width:100%;height:auto; float:left; padding:0;}
.contact .sec-2{ width:100%; max-width:1900px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.contact .s2-all{ width:100%; height: auto; float:left;overflow:hidden; margin:0;}
.contact .s2-two-one{overflow:hidden;margin:0 auto;position: relative;width:100%;}
.contact .s2-two-one h2{font-family: "OpenSans-Bold";font-size: 25px;}
.contact .s2-two-one p{font-family: "OpenSans-Regular";font-size: 17px;line-height:28px;color: #5b5b5b;margin:3% 5% 0 0;}
.clscir {background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/mapaddre_bg.png) no-repeat top center;color: #b1b1b1;font-family: "OpenSans-Bold";font-size: 16px;min-height: 190px;height:auto;left:40%;margin: 0 auto;padding:80px 0 0;border-radius: 30px;position: absolute;text-align: center;text-transform: uppercase;top: 20%;width: 40%;max-width:267px;z-index: 9;}
.clscir b{font-size:23px;color:#ffd800;display: block;font-weight: 300;}
.clscir p {margin:5% auto 0 !important;text-transform: capitalize;width: 90%;}  .news .cmn-sec-1{background:#ffffff;width:100%;height:auto; float:left; padding:3% 0 9%;}
.news .sec-1{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.news .s1-all{ width:100%; height: auto; float:left;overflow:hidden; margin:4% 0 0;}
.news .s1-all .clsWhoL{float:left;width:63%;}
.news .s1-all .clsWhoR{padding:0;float:right;text-align:center;width:35%;}
.news .s1-all .s1-two-one_con{background:#eeeeee;padding:0;}
.news .s1-two-one{overflow:hidden;margin:0;}
.news .s1-two-one ul {margin:0;padding:0;list-style-type: none;}
.news .s1-two-one .item-list{border-bottom:1px solid #cccccc;padding:8% 0;cursor:pointer;width:100%;}
.news .s1-two-one .item-list:first-child{padding-top:0;}
.widget-title{ background:#ffd800;font-family: "Brandon_blk";font-size: 25px;font-weight:normal;color:#212121;margin:0;padding:5% 10%;text-transform: uppercase;text-align: left;}
.news .s1-two-one p{font-family: "OpenSans-Regular";font-size: 16px;line-height:26px;color: #5b5b5b;margin:4% 0 0 0;}
.clsnewsL{float:left;width:48%;}
.clsnewsR{float:right;width:49%;}
.news h3{margin:0;}
.news h3 a{color: #212121;font-family: "Brandon_blk";font-size: 23px;line-height:28px;font-weight:normal;text-transform: uppercase;margin:0;text-decoration: none;} 
.news article:hover a{color:#ffd800 !important;}
.news .wp-post-image{border:5px solid #cccccc;}
.news .item-list:hover .wp-post-image{border:5px solid #ffd800;}
.news .s1-two-one_con li{border-bottom:1px solid #ffffff;padding: 3% 0 3% 10%;text-align: left;width: 90%;}
.news .s1-two-one_con a{font-family: "OpenSans-Regular";font-size: 16px;line-height:28px;color: #5b5b5b;margin:4% 0 0 0;text-decoration: none;text-transform: uppercase;}
.news .calender {background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/calender.png) no-repeat 0 1px;color: #5b5b5b;display: block;font-family:"OpenSans-Regular";font-size: 15px;margin: 2% 0 0;padding:0 0 0 30px;} .clsnews-detail h3{margin-top:7%;} 
.clsnews-detail .calender{margin-top:1%;}
.clsnews-detail h3 {color: #212121;font-family: "Brandon_blk";font-size: 26px;line-height:28px;font-weight:normal;text-transform: uppercase;} 
.clsnews-detail h4{color: #7d7d7d;font-family: "Brandon_blk";font-size: 23px;line-height:28px;font-weight:normal;text-transform: uppercase;margin:6% 0 0;}  .local .cmn-sec-1{background:#ffffff;width:100%; width:100%; height:auto; float:left; padding:3% 0;}
.local .sec-1{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.local .s1-all{ width:100%; height: auto; float:left;overflow:hidden; margin:0;}
.local .s1-two-one{overflow:hidden;margin:0;}
.local .s1-two-one ul{margin:0;list-style-type: none;}
.clslocal .clslmap-img {border: 5px solid #d3d3d3;}
.clslocal li {float: left;text-align: center;padding:5% 0;border-bottom: 1px solid #d3d3d3;min-height:315px;width: 32%;}
.local .s1-two-one h2{  font-family: "Brandon_blk";font-size: 20px;margin:0;text-transform: uppercase;font-weight:normal;}
.local .s1-two-one p{font-family: "OpenSans-Semibold";font-size: 15px;color: #727272;margin:0;height:30px;line-height:25px;padding:0 0 0 12%;}
.linkemail{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/lemail.png) no-repeat 0 5px;}
.linkphone{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/lphone.png) no-repeat 0 5px;}
.clsllogo-img{float:left;width:80px;}
.clslogodetails {margin:9% 0 0 4%;}
.clsldetail {float: right;text-align: left;width:70%;}  .trade .cmn-sec-1{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/cmn-sec-2_trade_bg.jpg) no-repeat top center;width:100%; width:100%; height:auto; float:left; padding:6% 0 8%;}
.trade .sec-1{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.trade .s1-all{ width:100%; height: auto; float:left;overflow:hidden; margin:0;}
.trade .s1-two-one{overflow:hidden;margin:0;}
.trade .s1-two-one ul{margin:0;list-style-type: none;}
.clstradepage li {position:relative;float: left;text-align: center;padding:1% 0 0;width: 32%;}
.clsTdetails{display:none;}
.clstradepage li:hover .clsTdetails{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/trade_hover.png) no-repeat 0 0;font-family: "OpenSans-Regular";display:block;padding:25% 0 30%;position: absolute;top: 10px;left:10px;text-align:center;height: auto;min-height:322px;width: 100%;cursor: pointer;transition: all 1s ease;}
.clsTdetails h2{font-family: "Brandon_blk";font-size: 25px;margin:0;text-transform: uppercase;font-weight:normal;}
.clsTdetails p {font-size: 15px;margin: 10px 0 0;}
.clsTdetails a {color: #212121;font-size: 15px;margin: 50px 0 0;position:relative;top: 20px;}  .shop .cmn-sec-1{background:url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/images/cmn-sec-1_bg.jpg) no-repeat top center;width:100%; height:auto; float:left; padding:5% 0;}
.shop .sec-1{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.shop .s1-all{ width:100%; height: auto; float:left;overflow:hidden; margin:0;}
.shop .s1-two-one{overflow:hidden;margin:0;}
.shop .s1-two-one h2{  font-family: "OpenSans-Bold";font-size: 28px;margin:1% 0 0;padding:0 14%;text-align: center;}
.shop .s1-two-one p{font-family: "OpenSans-Regular";font-size: 17px;color: #52480e;margin:4% 0 0;padding:0 10%;text-align: center;line-height: 30px;} .shop .cmn-sec-2{background:#ffffff;width:100%; width:100%; height:auto; float:left; padding:5% 0;}
.shop .sec-2{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.shop .s2-all{ width:100%; height: auto; float:left;overflow:hidden; margin:5% 0 0;padding:0;list-style-type: none;}
.shop .s2-two-one{border: 8px solid #ffffff;overflow:hidden;margin:0 0 15px 0;float:left;width:23.5%;position: relative;text-align: center;height: 300px;}
.shop .s2-two-one h3{ background: rgba(255, 216, 0, 0.8);font-family: "Brandon_blk";bottom:0;color: #212121;font-size: 17px;font-weight:normal;height: 45px;line-height:20px;margin: 0;padding: 5% 5% 0;position: absolute;left:0;text-align: center;text-transform: uppercase;width:94%;} 
.shop .s2-two-one img {min-height:300px;width: 100%;}
.shop .s2-two-one:hover{border: 8px solid #ffd800;}
.page-template-template_our_stock .cmn-sec-2{background:#ffffff;width:100%; width:100%; height:auto; float:left; padding:5% 0;}
.page-template-template_our_stock .sec-2{ width:100%; max-width:1100px; height: auto; margin:auto; box-sizing:border-box; overflow:hidden;  padding: 0; }
.page-template-template_our_stock .sec-2 h1{font-family: 'Brandon_blk';font-size:45px; font-weight:normal;line-height:50px;color:#212121;text-align:center;text-transform:uppercase;margin:0 auto;width:100%;}
.page-template-template_our_stock .sec-2 p{font-family: "OpenSans-Semibold";font-size: 20px;color: #212121;margin:0;text-align:center;}
.page-template-template_our_stock .s2-all{ width:100%; height: auto; float:left;overflow:hidden; margin:5% 0 0;padding:0;list-style-type: none;}
.page-template-template_our_stock .s2-two-one{overflow:hidden;margin:0 14px 15px 0;float:left;width:23.6%;position: relative;text-align: center;}
.page-template-template_our_stock .s2-two-one h3{ background: rgba(255, 216, 0, 0.8);bottom: 5px;color: #212121;font-family: "OpenSans-Semibold";font-size: 16px;font-weight:normal;height: 40px;margin: 0;padding: 15px 0 0;position: absolute;text-align: center;text-transform: uppercase;width: 100%;} 
.page-template-template_our_stock .s2-two-one h3:hover{ background: rgba(0, 0, 0,0.6);color:#ffd800;}
.page-template-template_our_stock .s2-two-one img {height: 255px;width: 100%;} .product .images{float:none !important;max-width:1000px; margin:0 auto;width:100% !important;}
.product .summary{float:none !important;max-width:1000px; margin:0 auto;width:100% !important;}
#wpis-gallery .slick-slide {border: 3px solid #414141; margin: 10px 5px 0; padding: 0;}
.images .wpis-slider-for {border: 3px solid #414141;}
@media only screen and (max-width: 1024px) { 
.clsheadtop li span { font-size: 17px; }
#main-nav #main-menu li:last-child a { padding-right: 20px; }
}
@media only screen and (max-width: 768px) { 
ul.clsheadtop { display: none; }
}@font-face {font-family: 'Brandon_bld';src: url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/fonts/Brandon_bld.otf) format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Brandon_blk';src: url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/fonts/Brandon_blk.otf) format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Brandon_light_it';src: url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/fonts/Brandon_light_it.otf) format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'OpenSans-Regular';src: url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/fonts/OpenSans-Regular.ttf) format('truetype');font-weight: bold;font-style: normal;}
@font-face {font-family: 'OpenSans-Semibold';src: url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/fonts/OpenSans-Semibold.ttf) format('truetype');font-weight: bold;font-style: normal;}
@font-face {font-family: 'OpenSans-Bold';src: url(//www.gerringonghardware.com.au/wp-content/themes/gerringonghardware/fonts/OpenSans-Bold.ttf) format('truetype');font-weight: bold;font-style: normal;}
 @media screen and (max-width: 1200px) {.head-bg{ position:static; padding:0;}.srch-bg { width:100%; background:#f5f5f5; margin:0;  }.srch-bg2 { display:block;} .srh{ right:0px;}.srch-bg img{ display:none;}.menu-nv{ width: auto; margin-right:90px}.head-mn-1{ width:100%;}.bnr-ovrly{top:15%; }}
@media screen and (max-width: 1000px) {.s1-fr-one{ width:40%; float:none; margin:3% auto; display:inline-block;}.sec-4 h1{font-size:30px;} .s5-img{ width:50%;}}
@media screen and (max-width: 800px) {.s2-bx-1{ width:80%; float:none; margin:3% auto;}.sec-3{ padding:1%;}.sec-3 h1{font-size:32px ;}}
@media screen and (max-width: 700px) {bnr-ovrly{top:5%; }.sec-2 h1{font-size:26px ; }.s2-p{font-size:13px;}}
@media screen and (max-width: 550px) {.s1-fr-one{ width:97%; }.sec-1 h1{ font-size:24px ;}.s2-bx-1{ width:100%; float:left;}.s2-cnt{ height:auto; min-height:50px;}.sec-4{ padding:1%;}.sec-4 h1{font-size:22px;} .s5-img{ width:100%;}}
@media screen and (max-width: 480px) {.logo{width:150px; margin-top:10px;}.s2-cnt h1{font-size:20px ;}.s2-cnt p{font-size:13px;}.sec-3 h1{font-size:21px ;}.sec-4 h1{font-size:17px;}.cmn-sec-5 h1{font-size:28px ;}.cmn-sec-6 h1{font-size:28px ;}.sec-6 {width:280px; }.ftr-bg{ font-size:11px;}.srch-bg{ min-width:60px;}.menu-nv{ width: auto; margin-right:65px}}
@media screen and (max-width: 320px) { } @media only screen and (min-width:  2560px){}
@media only screen and (max-width: 2559px) and (min-width:  2000px){}
@media only screen and (max-width: 1999px) and (min-width:  1921px){}
@media only screen and (max-width: 1920px) and (min-width:  1701px){}
@media only screen and (max-width: 1700px) and (min-width: 1401px){}
@media only screen and ( max-width: 1184px ) and (min-width: 1101px){ .clsheadtop li span{font-size:17px;}
} 
@media only screen and (max-width: 1100px) and (min-width: 1025px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.clsdesklogo {width:77%;}
.clstright{width:74%;}
.clstopheadRight{width:62.2%;} 
.clsheadtop{width:70%;}
.head-mn{height:103px;}
.clsmenu {margin:0;}
#main-nav #main-menu li a{font-size:14px;} .about .s1-two-one.clsWhoL > img{width:93%;}
.about .s3-two-one img {width:95%;} 
.bnr,.titlebnr{margin-top:148px;} #thumbs > span {margin: 0 3px 0 0 !important;}
#ninja-slider-prev, #ninja-slider-next{top: 117% !important;}   .clstradepage li:hover .clsTdetails{ background-size: 95%;padding-top: 22%;top: 7px;} 
.clstradepage img{width: 95%;} .clsnewsL {width: 46%;}
.news .clsprod-img{width:100%;} .local .s1-two-one ul{padding-left: 0;} .clscir{width:27%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:58px;}
}
@media only screen and (max-width: 1024px) and (min-width: 986px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.clsdesklogo {width: 72%;}
.clstright{width:77%;}
.clstopheadRight{width:64.7%;} 
.clsheadtop{width:70%;}
.head-mn{height:98px;}
.head-bg .clstright {margin: 1% 0 0;}
.clsmenu {margin:0;}
#main-nav #main-menu li a{font-size:13px;} .block4 img {width: 100%;} .home .s1-two-one.clsWhoR > img{width:90%;} .about .s1-two-one.clsWhoL > img{width:93%;}
.about .s3-two-one img {width:90%;} 
.bnr,.titlebnr{margin-top:148px;} #thumbs > span {margin: 0 5px 0 0 !important;}
#ninja-slider-prev, #ninja-slider-next{top: 117.2% !important;} .shop .s2-two-one{width:32%;}
.noRmargin {margin-right: 15px !important;}  .clstradepage li:hover .clsTdetails{ background-size: 100%;left: 0;padding-top: 22%;top: 7px;} 
.clstradepage img{width: 95%;} .clsnewsL {width: 45%;}
.news .s1-two-one p{margin: 0;}
.news .clsprod-img{width:100%;} .clslocal li{width:40%;} .clscir{width:28%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:55px;}
}
@media only screen and (max-width: 985px) and (min-width: 896px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.clsdesklogo {width: 72%;}
.clstright{width:77%;}
.clstopheadRight{width:71.2%;} 
.clsheadtop{width:77%;}
.head-mn{height:97px;}
.head-bg .clstright {margin: 1% 0 0;}
.clsmenu {margin:0;}
.clsmenu li span{font-size:13px;}
#main-nav #main-menu li a{font-size:12px;} .clsbloc h2{font-size: 20px;}
.block4 img {width: 100%;} .home .s1-two-one.clsWhoR > img{width:90%;}
.home .clsname{width:44%;} 
.home .s2-two-one{width:31%;}
#slider1{padding:0;} .about .s1-two-one.clsWhoL > img{width:93%;}
.about .s2-two-one{margin:0 0 20px;width: 50%;} 
.about .s3-two-one img {width:90%;} 
.bnr,.titlebnr{margin-top:0;} #thumbs > span {margin: 0 5px 0 0 !important;}
#ninja-slider-prev, #ninja-slider-next{top: 119% !important;} .shop .s2-two-one{width:39.5%;}
.titlebantop{margin:0 !important;} .clstradepage li:hover .clsTdetails{ background-size: 100%;left: 0;padding-top: 22%;top: 7px;} 
.clstradepage img{width: 95%;} .clsnewsL {width: 45%;}
.news .s1-two-one p{font-size:15px;line-height: 24px;margin: 0;}
.news .clsprod-img{width:100%;}
.news .s1-two-one_con a{font-size: 14px;} .clslocal li{width:40%;} .clscir{width:30%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:50px;}
}
@media only screen and (max-width: 895px) and (min-width: 800px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.clsdesklogo {width: 75%;}
.clstright{width:100%;}
.clstopheadRight{width:80%;} 
.clsmenu {margin: 7% 0 0;}
#main-nav #main-menu{margin:7% 0 0 !important;} .block1,.block2,.block3,.block4{width:50%;} .home .s1-two-one.clsWhoR > img{width:90%;}
.home .clsname{width:44%;} .single .titlebantop h2{font-size:35px;line-height: 40px;} 
.about .s1-two-one.clsWhoL > img{width:93%;}
.about .s2-two-one{margin:0 0 20px;width: 50%;} 
.about .s3-two-one img {width:90%;} #thumbs > span {margin: 0 5px 0 0 !important;width: 75px !important;}
#thumbs img {height: 80px !important;}
#ninja-slider-prev::before, #ninja-slider-next::before{top:20px !important;width:15px !important;height:15px !important;}
#ninja-slider-prev, #ninja-slider-next{ height: 52px !important;padding: 5px 15px !important;top: 120% !important;width: 40px !important;} .shop .s2-two-one{width:42%;min-height: 350px;}  .clstradepage li:hover .clsTdetails{ background-size: 100%;left: 0;padding-top: 22%;top: 7px;} 
.clstradepage img{width: 100%;} .news .s1-all .clsWhoL{margin:0 0 5%;float:none;width:100%;}
.news .s1-all .clsWhoR{float:none;width:98%;} .local .s1-two-one ul{padding: 0;}
.clslocal li{width:50%;} .clscir{width:35%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:45px;line-height: 55px;}
}
@media only screen and (max-width: 799px) and (min-width: 768px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.clsdesklogo {width: 75%;}
.clstright{width:100%;}
.clstopheadRight{width:83%;} 
.clsheadtop li {max-width: 400px;margin:0 0 5px;}
#main-nav #main-menu li a{font-size:13px;}
#main-nav #main-menu{margin:2% 0 0 !important;} .block1,.block2,.block3,.block4{width:50%;min-height:340px;} .clscopy > span{display: block;} .home .s1-two-one.clsWhoR > img{width:90%;}
.home .s3-two-one h2{font-size:34px;}
.home .clsname{width:44%;} 
.hvr-skew > img {width: 100%;} .titlebantop h2{font-size:50px;line-height: 50px;} 
.single .titlebantop h2{font-size:30px;line-height: 40px;} 
.about .s1-two-one.clsWhoL > img{width:93%;}
.about .s2-all{padding: 0 0 0 4%;} 
.about .s2-two-one{margin:0 0 20px;width: 50%;} 
.about .s3-two-one img {width:90%;} #thumbs > span {margin: 0 5px 0 0 !important;width: 70px !important;}
#thumbs img {height: 80px !important;}
#ninja-slider-prev::before, #ninja-slider-next::before{top:20px !important;width:15px !important;height:15px !important;}
#ninja-slider-prev, #ninja-slider-next{ height: 52px !important;padding: 5px 15px !important;top: 120% !important;width: 40px !important;} .shop .s2-two-one{width:42%;}  .trade .s1-two-one ul{padding: 0;}
.clstradepage li:hover .clsTdetails{ background-size: 100%;left: 0;padding-top: 22%;top: 7px;} 
.clstradepage img{width: 100%;} .news .s1-all .clsWhoL{margin:0 0 5%;float:none;width:100%;}
.news .s1-all .clsWhoR{float:none;width:98%;} .local .s1-two-one ul{padding: 0;}
.clslocal li{width:50%;min-height:322px;} .s1-two-one_con > img {width: 100%;}
.clscir{width:35%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:43px;line-height: 50px;}
}
@media only screen and (max-width: 767px) and (min-width: 681px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.clsdesklogo {width: 75%;}
.clstright{width:100%;}
.clstopheadRight{width:94%;} 
.clsheadtop li {max-width: 300px;margin:0 0 5px;}
.clsmenu li span{font-size:13px;margin-left:10px;} 
#main-nav #main-menu li a{font-size:12px;}
#main-nav #main-menu{margin:2% 0 0 !important;}
.haschild{margin:0;} .clstfoot{position: relative;}
.block1,.block2,.block3,.block4{width:50%;min-height:340px;} .clscopy > span{display: block;}  .bantop h2{font-size:67px;} .home .s1-two-one.clsWhoR > img{width:90%;} .home .s2-two-one{width:31%;}
.home .s2-two-one h3{font-size:14px;} .home .s3-two-one h2{font-size:30px;}
.home .clsname{width:44%;}
.home .clsbrands li{width:46%;}
.hvr-skew > img {width: 100%;} #slider2 .overview li{width:255px;} .titlebantop h2{font-size:50px;line-height: 50px;} 
.single .titlebantop h2{font-size:30px;line-height: 40px;} .about .s1-all .clsWhoL{width:100%;}
.about .s1-all .clsWhoR{width:100%;padding:0;}
.about .s2-all{padding: 0;} 
.about .s2-two-one{margin:0 0 20px;width: 50%;} .about .s3-two-one img {width:90%;}
.about .s3-two-one h2{font-size:23px;} #thumbs > span {margin: 0 5px 0 0 !important;width: 65px !important;}
#thumbs img {height: 60px !important;}
#ninja-slider-prev::before, #ninja-slider-next::before{top:15px !important;width:15px !important;height:15px !important;}
#ninja-slider-prev, #ninja-slider-next{height:40px !important;width:40px !important;padding:5px 10px !important;top:120% !important;} .shop .s2-two-one{width:45%;}
.shop .s2-all{padding:0 0 0 2%;} .trade .s1-two-one ul{padding: 0;}
.clstradepage li {width:50%;}
.clstradepage li:hover .clsTdetails{top:5px;} .news .s1-all .clsWhoL{margin:0 0 5%;float:none;width:100%;}
.news .s1-all .clsWhoR{float:none;width:98%;} .local .s1-two-one ul{padding: 0;}
.clslocal li{width:50%;} .s1-two-one_con > img {width: 100%;}
.clscir{width:40%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:35px;line-height: 38px;}
}
@media only screen and (max-width: 680px) and (min-width: 600px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.head-bg .clstright{margin: 0;float: none;width: 100%;}
.head-mn{height: 190px;}
.clsheadsearch,.clsheadtop{display: none;}
.clslogo{float:none;} 
.clsmobilelogo{display: block !important;}
.clsdesklogo{display: none;}
.clstophead-bg{height:0;}
.clstopheadRight{position:relative;}
.clsheadcart {padding: 6% 5% 3% 12%;position: absolute;right: 0;top: 130px;width: 73%;z-index: 9999999;}
.clshome span{display: block !important;}
.clshome img{display: none;}
.clstright{position: relative;}
.clshome,.clstrade{max-width: 100% !important;}
#main-nav #main-menu li {border-bottom: 1px solid #4b4b4b;padding: 5px 0 10px;max-width:100%;}
#main-nav #main-menu li a{margin-left:12px !important;}  
#menu-item-28{background: none;}
#menu-item-28 a {color: #ffffff !important; }
.sub-menu li{padding:0 !important;} .clstfoot{width:95%;position: relative;}
.block1,.block2,.block3,.block4{width:50%;min-height:340px;} .clscfoot{height:30px;}
.clscopy > span{display: block;}  .bantop h2{font-size:65px;}
#slider1 .viewport li{width:200px !important;}
#slider1 .viewport img{width:100%;}
#slider1 .buttons{top:20%;}
#slider1 .next_btn,#slider1 .prev_btn{background-size: 90%;} .home .sec-1{width:95%;}
.home .s1-all .clsWhoL,.home .s1-all .clsWhoR{width:100%;float:none;}
.home .s1-two-one h2{font-size:25px;} .home .sec-2{width:85%;}
.home .s2-all{padding:0 0 0 14%;}
.home .sec-2 h1{font-size:40px;}
.home .s2-two-one{width:80%;} .home.sec-3{width:95%;}
.home .s3-all .clsWhoL,.home .s3-all .clsWhoR{width:100%;} .titlebantop h2{font-size:50px;line-height: 50px;} 
.single .titlebantop h2{font-size:30px;line-height: 40px;} .about .sec-1{width:95%;}
.about .s1-all .clsWhoL{width:100%;}
.about .s1-all .clsWhoR{width:100%;padding:0;} .about .sec-2{width: 95%;}
.about .s2-all{padding:0 0 0 20%;} 
.about .s2-two-one{margin:0 0 20px;width: 100%;} .about.sec-3{width:95%;}
.about .s3-two-one img {width:90%;}
.about .s3-two-one h2{font-size:20px;}    .product .sec-1{width:95%;}
#thumbs > span {margin: 0 5px 0 0 !important;width: 60px !important;}
#thumbs img {height: 60px !important;}  .shop .sec-1{width:95%;}
.shop .s1-two-one h2,.shop .s1-two-one p{padding:0;} .shop .sec-2{width:95%;}
.shop .s2-all{padding-left:60px;} 
.shop .s2-two-one{width:62%;}  .trade .sec-1{width:95%;}
.clstradepage li {width:65%;}
.clslmap-img{width:90%;} 
.clstradepage li:hover .clsTdetails{background-size: 92%;top:3px;left:12px;}  .news .sec-1{width:95%;}
.news .s1-all .clsWhoL{margin:0 0 5%;float:none;width:100%;}
.news .s1-all .clsWhoR{float:none;width:98%;}
.clsnewsR,.clsWhoR{float:none;width:100%;}
.clsnewsL,.clsWhoL{float:none;width:100%;}
.news .clsprod-img{width:95%;}
.clspagination{width:70%;}  .local .sec-1{width:95%;}
.clslocal li{width:92%;}  .contact .sec-1{width:95%;}
.contact .s1-all .clsWhoL{float:none;width:100%;}
.contact .s1-all .clsWhoR{float:none;width:100%;}
.clscir{width:45%;left:35%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:32px;line-height: 35px;margin:25% auto 0;}
}
@media only screen and (max-width: 599px) and (min-width: 541px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.head-bg .clstright{margin: 0;float: none;width: 100%;}
.head-mn{height: 190px;}
.clsheadsearch,.clsheadtop{display: none;}
.clslogo{float:none;} 
.clsmobilelogo{display: block !important;}
.clsdesklogo{display: none;}
.clstophead-bg{height:0;}
.clstopheadRight{position:relative;}
.clsheadcart {padding: 6% 5% 3% 12%;position: absolute;right: 0;top: 130px;width: 73%;z-index: 9999999;}
.clshome span{display: block !important;}
.clshome img{display: none;}
.clstright{position: relative;}
.clshome,.clstrade{max-width: 100% !important;}
#main-nav #main-menu li {border-bottom: 1px solid #4b4b4b;padding: 5px 0 10px;max-width:100%;}
#main-nav #main-menu li a{margin-left:12px !important;}  
#menu-item-28{background: none;}
#menu-item-28 a {color: #ffffff !important; }
.sub-menu li{padding:0 !important;} .clstfoot{width:95%;position: relative;}
.block1,.block2,.block3,.block4{width:50%;min-height:340px;} .clscfoot{height:30px;}
.clscopy > span{display: block;}  .bantop h2{font-size:60px;}
#slider1 .viewport li{width:200px !important;}
#slider1 .viewport img{width:100%;}
#slider1 .buttons{top:20%;}
#slider1 .next_btn,#slider1 .prev_btn{background-size: 90%;} .home .sec-1{width:95%;}
.home .s1-all .clsWhoL,.home .s1-all .clsWhoR{width:100%;float:none;}
.home .s1-two-one h2{font-size:25px;} .home .sec-2{width:95%;}
.home .s2-all{padding:0 0 0 50px;}
.home .sec-2 h1{font-size:35px;line-height: 40px;}
.home .s2-two-one{width:80%;} .home.sec-3{width:95%;}
.home .s3-all .clsWhoL,.home .s3-all .clsWhoR{width:100%;}
#slider2 .viewport{height:380px;}
#slider2 li img{height: 185px;}
#slider2 .next_btn,#slider2 .prev_btn{background-size:90%;} .titlebantop h2{font-size:50px;line-height: 50px;} .single .titlebantop h2{font-size:30px;line-height: 40px;} 
.about .sec-1{width:95%;}
.about .s1-all .clsWhoL{width:100%;}
.about .s1-all .clsWhoR{width:100%;padding:0;} .about .sec-2{width: 95%;}
.about .s2-all{padding:0;}
.about .s2-two-one{margin:0 0 20px;width: 100%;} .about.sec-3{width:95%;}
.about .s3-all .clsWhoL,.about .s3-all .clsWhoR{padding:0;width:100%;margin:0 0 5%;} 
.about .s3-two-one img {width: 93.5%;}  .product .sec-1{width:95%;}
#thumbs > span {margin: 0 5px 0 0 !important;width: 50px !important;}
#thumbs img {height: 50px !important;}  .shop .sec-1{width:95%;}
.shop .s1-two-one h2,.shop .s1-two-one p{padding:0;} .shop .sec-2{width:95%;}
.shop .s2-all{padding-left:30px;} 
.shop .s2-two-one{width:68.5%;}  .trade .sec-1{width:95%;}
.clstradepage li {width:75%;}
.clslmap-img{width:90%;} 
.clstradepage li:hover .clsTdetails{background-size: 92%;top:3px;left:12px;}  .news .sec-1{width:95%;}
.news .s1-all .clsWhoL{margin:0 0 5%;float:none;width:100%;}
.news .s1-all .clsWhoR{float:none;width:98%;}
.clsnewsR,.clsWhoR{float:none;width:100%;}
.clsnewsL,.clsWhoL{float:none;width:100%;}
.news .clsprod-img{width:95%;}
.clspagination{width:70%;}  .local .sec-1{width:95%;}
.clslocal li{width:92%;}  .contact .sec-1{width:95%;}
.contact .s1-all .clsWhoL{float:none;width:100%;}
.contact .s1-all .clsWhoR{float:none;width:100%;}
.clscir{width:100%;left:0;}
.clscir p{width:45%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:30px;line-height: 32px;margin:25% auto 0;}
}
@media only screen and (max-width: 540px) and (min-width: 480px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.head-bg .clstright{margin: 0;float: none;width: 100%;}
.head-mn{height: 190px;}
.clsheadsearch,.clsheadtop{display: none;}
.clslogo{float:none;} 
.clsmobilelogo{display: block !important;}
.clsdesklogo{display: none;}
.clstophead-bg{height:0;}
.clstopheadRight{position:relative;}
.clsheadcart {padding: 6% 5% 3% 12%;position: absolute;right: 0;top: 130px;width: 73%;z-index: 9999999;}
.clshome span{display: block !important;}
.clshome img{display: none;}
.clstright{position: relative;}
.clshome,.clstrade{max-width: 100% !important;}
#main-nav #main-menu li {border-bottom: 1px solid #4b4b4b;padding: 5px 0 10px;max-width:100%;}
#main-nav #main-menu li a{margin-left:12px !important;}  
#menu-item-28{background: none;}
#menu-item-28 a {color: #ffffff !important; }
.sub-menu li{padding:0 !important;} .clstfoot{width:95%;position: relative;}
.block1,.block2,.block4 h2,.block4 img{display: none;}
.block3{width:100%;}
.clsbloc.block3 {margin: 20% 0 0;}
.clsbloc.block4 {left: 22%;position: absolute;width:80%;}
.clscall {float: left;width:50%;}
.clsvisit {float: right;width:50%;} .clsfoot{padding:5% 0;}
.clscopy,.clspow{float:none;width:100%;text-align: center !important}
.clscopy > span{display: block;}
.clscfoot{height:65px;}  .bantop h2{font-size:60px;}
#slider1 .viewport li{width:200px !important;}
#slider1 .viewport img{width:100%;}
#slider1 .buttons{top:20%;}
#slider1 .next_btn,#slider1 .prev_btn{background-size: 90%;} .home .sec-1{width:95%;}
.home .sec-1 h1{font-size:40px;}
.home .s1-all .clsWhoL,.home .s1-all .clsWhoR{width:100%;float:none;}
.home .s1-two-one.clsWhoR > img {height: 200px;width: 94%;}
.home .s1-two-one h2{font-size:22px;}
.home .s1-two-one p{margin-top:2%;} .home .sec-2{width:95%;}
.home .sec-2 h1{font-size:35px;line-height: 40px;}
.home .s2-two-one{width:100%;} .home.sec-3{width:95%;}
.home .s3-all .clsWhoL,.home .s3-all .clsWhoR{width:100%;}
.clsname{margin: 0 0 3% !important;width: 96% !important;}
.clsphone {margin: 0 0 2% !important;width: 96% !important;}
.home .clsbrands li{width:46%;}
.home .clsbrands li img{width:100%;}
#slider2 .viewport{height:380px;}
#slider2 li img{height: 185px;}
#slider2 .next_btn,#slider2 .prev_btn{background-size:90%;} .titlebantop h2{font-size:40px;line-height: 40px;} 
.single .titlebantop h2{font-size:25px;line-height: 40px;} .about .sec-1{width:95%;}
.about .s1-all .clsWhoL{width:100%;}
.about .s1-all .clsWhoR{width:100%;padding:0;}
.about .s1-two-one h2{font-size:23px;}
.about .s1-two-one p{font-size:16px;} .about .sec-2{width: 95%;}
.about .s2-all{padding:0;}
.about .s2-two-one{margin:0 0 20px;width: 100%;} .about.sec-3{width:95%;}
.about .s3-all .clsWhoL,.about .s3-all .clsWhoR{padding:0;width:100%;margin:0 0 5%;} 
.about .s3-two-one img {width: 93.5%;}  .product .sec-1{width:95%;}
#thumbs > span {margin: 0 1px 0 0 !important;width: 32px !important;}
#thumbs img {height: 32px !important;} .product .s2-two-one h2{font-size:22px;}
.product .s2-two-one p{font-size:15px;}  .shop .sec-1{width:95%;}
.shop .s1-two-one h2{font-size: 25px;padding:0;}
.shop .s1-two-one p{font-size:16px;padding:0;} .shop .sec-2{width:95%;}
.shop .s2-all{padding-left:30px;}
.shop .sec-2 h1{font-size:30px;line-height: 35px;}
.shop .sec-2 p{font-size:16px;}
.shop .s2-two-one{width:77%;}  .trade .sec-1{width:95%;}
.clstradepage li {width:80%;}
.clslmap-img{width:90%;}
.clstradepage li{margin:0 0 5%;}
.clstradepage li:hover .clsTdetails{background-size: 100%;top:3px;left:0;}  .news .sec-1{width:95%;}
.news .s1-all .clsWhoL{margin:0 0 5%;float:none;width:100%;}
.news .s1-all .clsWhoR{float:none;width:98%;}
.clsnewsR,.clsWhoR{float:none;width:100%;}
.clsnewsL,.clsWhoL{float:none;width:100%;}
.news .clsprod-img{width:95%;}
.clspagination{width:100%;}  .local .sec-1{width:95%;}
.local .s1-two-one ul{padding:0 0 0 5px;}
.clslocal li{width:100%;}  .contact .sec-1{width:95%;}
.contact .s1-all .clsWhoL{float:none;width:100%;}
.contact .s1-all .clsWhoR{float:none;width:100%;}
.clscir{width:100%;left:0;}
.clscir p{width:50%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:27px;line-height: 30px;margin:25% auto 0;}
}
@media only screen and (max-width: 479px) and (min-width: 401px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.head-bg .clstright{margin: 0;float: none;width: 100%;}
.head-mn{height: 190px;}
.clsheadsearch,.clsheadtop{display: none;}
.clslogo{float:none;} 
.clsmobilelogo{display: block !important;}
.clsdesklogo{display: none;}
.clstophead-bg{height:0;}
.clstopheadRight{position:relative;}
.clsheadcart {padding: 6% 5% 3% 12%;position: absolute;right: 0;top: 130px;width: 73%;z-index: 9999999;}
.clshome span{display: block !important;}
.clshome img{display: none;}
.clstright{position: relative;}
.clshome,.clstrade{max-width: 100% !important;}
#main-nav #main-menu li {border-bottom: 1px solid #4b4b4b;padding: 5px 0 10px;max-width:100%;}
#main-nav #main-menu li a{margin-left:12px !important;}  
#menu-item-28{background: none;}
#menu-item-28 a {color: #ffffff !important; }
.sub-menu li{padding:0 !important;} .clstfoot{width:95%;position: relative;}
.block1,.block2,.block4 h2,.block4 img{display: none;}
.block3{width:100%;}
.clsbloc.block3 {margin: 20% 0 0;}
.clsbloc.block4 {left: 22%;position: absolute;width:80%;}
.clscall {float: left;width:50%;}
.clsvisit {float: right;width:50%;} .clsfoot{padding:5% 0;}
.clscopy,.clspow{float:none;width:100%;text-align: center !important}
.clscopy > span{display: block;}
.clscfoot{height:65px;}  .bantop h2{font-size:55px;}
#slider1 .viewport li{width:200px !important;}
#slider1 .viewport img{width:100%;}
#slider1 .buttons{top:20%;}
#slider1 .next_btn,#slider1 .prev_btn{background-size: 90%;} .home .sec-1{width:95%;}
.home .sec-1 h1{font-size:35px;}
.home .s1-all .clsWhoL,.home .s1-all .clsWhoR{width:100%;float:none;}
.home .s1-two-one.clsWhoR > img {height: 200px;width: 94%;}
.home .s1-two-one h2{font-size:20px;}
.home .s1-two-one p{font-size:15px;margin-top:2%;} .home .sec-2{width:95%;}
.home .sec-2 h1{font-size:35px;line-height: 40px;}
.home .s2-two-one{width:100%;} .home.sec-3{width:95%;}
.home .s3-two-one h2{font-size:33px;}
.home .s3-all .clsWhoL,.home .s3-all .clsWhoR{width:100%;}
.clsname{margin: 0 0 3% !important;width: 96% !important;}
.clsphone {margin: 0 0 2% !important;width: 96% !important;}
.home .clsbrands li{width:46%;}
.home .clsbrands li img{width:100%;}
#slider2 .viewport{height:380px;}
#slider2 li img{height: 185px;}
#slider2 .next_btn,#slider2 .prev_btn{background-size:90%;} .titlebantop h2{font-size:40px;line-height: 40px;} 
.single .titlebantop h2{font-size:25px;line-height: 40px;} .about .sec-1{width:95%;}
.about .s1-all .clsWhoL{width:100%;}
.about .s1-all .clsWhoR{width:100%;padding:0;}
.about .s1-two-one.clsWhoL > img{width:90%;}
.about .s1-two-one h2{font-size:20px;}
.about .s1-two-one p{font-size:15px;} .about .sec-2{width: 95%;}
.about .sec-2 h1{font-size:35px;}
.about .s2-two-one{margin:0 0 20px;width: 100%;} .about.sec-3{width:95%;}
.about .s3-all .clsWhoL,.about .s3-all .clsWhoR{padding:0;width:100%;margin:0 0 5%;} 
.about .s3-two-one img {width: 93.5%;}  .product .sec-1{width:95%;}
#thumbs > span {margin: 0 1px 0 0 !important;width: 32px !important;}
#thumbs img {height: 32px !important;} .product .s2-two-one h2{font-size:22px;}
.product .s2-two-one p{font-size:15px;}  .shop .sec-1{width:95%;}
.shop .s1-two-one h2{font-size: 23px;padding:0;}
.shop .s1-two-one p{font-size:15px;padding:0;} .shop .sec-2{width:95%;}
.shop .sec-2 h1{font-size:30px;line-height: 35px;}
.shop .sec-2 p{font-size:16px;}
.shop .s2-two-one{width:96%;}   .trade .sec-1{width:95%;}
.trade .s1-two-one ul {padding: 0 0 0 30px;}
.clstradepage li {width: 90%;}
.clslmap-img{width:100%;}
.clstradepage li{margin:0 0 5%;}
.clstradepage li:hover .clsTdetails{background-size: 100%;top:3px;left:0;}  .news .sec-1{width:95%;}
.news .s1-all .clsWhoL{margin:0 0 5%;float:none;width:100%;}
.news .s1-all .clsWhoR{float:none;width:98%;}
.clsnewsR,.clsWhoR{float:none;width:100%;}
.clsnewsL,.clsWhoL{float:none;width:100%;}
.news .clsprod-img{width:95%;}
.clspagination{width:100%;}  .local .sec-1{width:95%;}
.local .s1-two-one ul{padding:0 0 0 5px;}
.clslocal li{width:100%;}
.clslmap-img {width: 96%;}  .contact .sec-1{width:95%;}
.contact .s1-all .clsWhoL{float:none;width:100%;}
.contact .s1-all .clsWhoR{float:none;width:100%;}
.contact .s1-two-one h2{font-size:30px;}
.clscir{width:100%;left:0;}
.clscir p{width:60%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:25px;line-height: 25px;margin:25% auto 0;}
}
@media only screen and (max-width: 400px) and (min-width: 361px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.head-bg .clstright{margin: 0;float: none;width: 100%;}
.head-mn{height: 190px;}
.clsheadsearch,.clsheadtop{display: none;}
.clslogo{float:none;} 
.clsmobilelogo{display: block !important;}
.clsdesklogo{display: none;}
.clstophead-bg{height:0;}
.clstopheadRight{position:relative;}
.clsheadcart {padding: 6% 5% 3% 12%;position: absolute;right: 0;top: 130px;width: 73%;z-index: 9999999;}
.clshome span{display: block !important;}
.clshome img{display: none;}
.clstright{position: relative;}
.clshome,.clstrade{max-width: 100% !important;}
#main-nav #main-menu li {border-bottom: 1px solid #4b4b4b;padding: 5px 0 10px;max-width:100%;}
#main-nav #main-menu li a{margin-left:12px !important;}  
#menu-item-28{background: none;}
#menu-item-28 a {color: #ffffff !important; }
.sub-menu li{padding:0 !important;} .clstfoot{width:95%;position: relative;}
.block1,.block2,.block4 h2,.block4 img{display: none;}
.block3{width:100%;}
.clsbloc.block3 {margin: 20% 0 0;}
.clsbloc.block4 {left: 22%;position: absolute;width:80%;}
.clscall {float: left;width:50%;}
.clsvisit {float: right;width:50%;}
.block3 h2{font-size:17px;}
.block3 li,.block3 li a{font-size:14px;line-height: 25px;} .clsfoot{padding:5% 0;}
.clscopy,.clspow{float:none;width:100%;text-align: center !important}
.clscopy > span{display: block;}
.clscfoot{height:65px;}  .bantop h2{font-size:50px;line-height: 50px;}
#slider1 .viewport li{width:200px !important;}
#slider1 .viewport img{width:100%;}
#slider1 .buttons{top:20%;}
#slider1 .next_btn,#slider1 .prev_btn{background-size: 90%;} .home .sec-1{width:95%;}
.home .sec-1 h1{font-size:30px;line-height: 35px;}
.home .s1-all .clsWhoL,.home .s1-all .clsWhoR{width:100%;float:none;}
.home .s1-two-one.clsWhoR > img {height: 200px;width: 94%;}
.home .s1-two-one h2{font-size:18px;margin-top:4%;}
.home .s1-two-one p{font-size:14px;margin-top:4%;} .home .sec-2{width:95%;}
.home .sec-2 h1{font-size:30px;line-height: 35px;}
.home .sec-2 p{font-size:16px;}
.home .s2-two-one{width:100%;} .home.sec-3{width:95%;}
.home .s3-two-one h2{font-size:30px;line-height: 40px;}
.home .s3-all .clsWhoL,.home .s3-all .clsWhoR{width:100%;}
.clsname{margin: 0 0 3% !important;width: 96% !important;}
.clsphone {margin: 0 0 2% !important;width: 96% !important;}
.home .clsbrands li{width:46%;}
.home .clsbrands li img{width:100%;}
#slider2 .viewport{height:380px;}
#slider2 li img{height: 185px;}
#slider2 .next_btn,#slider2 .prev_btn{background-size:90%;} .titlebantop h2{font-size:40px;line-height: 40px;} 
.single .titlebantop h2{font-size:25px;line-height: 40px;} .about .sec-1{width:95%;}
.about .s1-all .clsWhoL{width:100%;}
.about .s1-all .clsWhoR{width:100%;padding:0;}
.about .s1-two-one.clsWhoL > img{width:90%;}
.about .s1-two-one h2{font-size:18px;margin-top:4%;}
.about .s1-two-one p{font-size:14px;margin-top:4%;} .about .sec-2{width: 95%;}
.about .s2-all{padding:0;}
.about .sec-2 h1{font-size:35px;}
.about .s2-two-one{margin:0 0 20px;width: 100%;} .about.sec-3{width:95%;}
.about .s3-all .clsWhoL,.about .s3-all .clsWhoR{padding:0;width:100%;margin:0 0 5%;} 
.about .s3-two-one img {width: 93.5%;}
.about .s3-two-one h2{font-size:22px;}
.about .s3-two-one p{font-size:14px;line-height:25px;}  .product .sec-1{width:95%;}
#thumbs > span {margin: 0 1px 0 0 !important;width: 32px !important;}
#thumbs img {height: 32px !important;} .product .s2-two-one h2{font-size:20px;}
.product .s2-two-one p{font-size:14px;}  .shop .sec-1{width:95%;}
.shop .s1-two-one h2{font-size: 20px;padding:0;}
.shop .s1-two-one p{font-size:14px;line-height: 25px;padding:0;} .shop .sec-2{width:95%;}
.shop .sec-2 h1{font-size:30px;line-height: 35px;}
.shop .sec-2 p{font-size:16px;}
.shop .s2-two-one{width:95%;}   .trade .sec-1{width:95%;}
.trade .s1-two-one ul {padding: 0 0 0 30px;}
.clstradepage li {width: 90%;}
.clslmap-img{width:100%;}
.clstradepage li{margin:0 0 5%;}
.clstradepage li:hover .clsTdetails{background-size: 100%;top:3px;left:0;}  .news .sec-1{width:95%;}
.news .s1-all .clsWhoL{margin:0 0 5%;float:none;width:100%;}
.news .s1-all .clsWhoR{float:none;width:98%;}
.clsnewsR,.clsWhoR{float:none;width:100%;}
.clsnewsL,.clsWhoL{float:none;width:100%;}
.news .clsprod-img{width:95%;}
.news h3 a{font-size:20px;}
.news .s1-two-one p{font-size:14px;line-height: 25px;}
.news .calender{font-size:13px;}
.news .s1-two-one h2{font-size:20px;}
.news .s1-two-one_con a{font-size:14px;}
.clspagination{width:100%;}
.clspagination ul li a{padding:10px 18px;} .clsnews-detail h3{font-size:20px;}  .local .sec-1{width:95%;}
.local .s1-two-one ul{padding:0 0 0 5px;}
.clslocal li{width:100%;}
.clslmap-img {width: 96%;}
.clslogodetails {margin: 9% 0 0;}
.local .s1-two-one p{font-size:14px;}  .contact .sec-1{width:95%;}
.contact .s1-all .clsWhoL{float:none;width:100%;}
.contact .s1-all .clsWhoR{float:none;width:100%;}
.contact .s1-two-one h2{font-size:25px;}
.clscir{width:100%;left:0;}
.clscir p{width:70%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:23px;line-height: 25px;margin:25% auto 0;}
}
@media only screen and (max-width: 360px) and (min-width: 321px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.head-bg .clstright{margin: 0;float: none;width: 100%;}
.head-mn{height: 190px;}
.clsheadsearch,.clsheadtop{display: none;}
.clslogo{float:none;} 
.clsmobilelogo{display: block !important;}
.clsdesklogo{display: none;}
.clstophead-bg{height:0;}
.clstopheadRight{position:relative;}
.clsheadcart {padding: 6% 5% 3% 12%;position: absolute;right: 0;top: 130px;width: 73%;z-index: 9999999;}
.clshome span{display: block !important;}
.clshome img{display: none;}
.clstright{position: relative;}
.clshome,.clstrade{max-width: 100% !important;} 
#main-nav #main-menu li {border-bottom: 1px solid #4b4b4b;padding: 5px 0 10px;max-width:100%;}
#main-nav #main-menu li a{margin-left:12px !important;}  
#menu-item-28{background: none;}
#menu-item-28 a {color: #ffffff !important; }
.sub-menu li{padding:0 !important;} .clstfoot{width:95%;position: relative;}
.block1,.block2,.block4 h2,.block4 img{display: none;}
.block3{width:100%;}
.clsbloc.block3 {margin: 20% 0 0;}
.clsbloc.block4 {left: 22%;position: absolute;width:80%;}
.clscall {float: left;width:50%;}
.clsvisit {float: right;width:50%;}
.block3 h2{font-size:17px;}
.block3 li,.block3 li a{font-size:14px;line-height: 25px;} .clsfoot{padding:5% 0;}
.clscopy,.clspow{float:none;width:100%;text-align: center !important}
.clscopy > span{display: block;}
.clscfoot{height:65px;}  .bantop h2{font-size:50px;line-height: 50px;}
#slider1{padding: 0 56px;}
#slider1 .viewport li{width:200px !important;}
#slider1 .viewport img{width:100%;}
#slider1 .buttons{top:20%;}
#slider1 .next_btn,#slider1 .prev_btn{background-size: 90%;} .home .sec-1{width:95%;}
.home .sec-1 h1{font-size:30px;line-height: 35px;}
.home .s1-all .clsWhoL,.home .s1-all .clsWhoR{width:100%;float:none;}
.home .s1-two-one.clsWhoR > img {height: 200px;width: 94%;}
.home .s1-two-one h2{font-size:18px;margin-top:4%;}
.home .s1-two-one p{font-size:14px;margin-top:4%;} .home .sec-2{width:95%;}
.home .sec-2 h1{font-size:30px;line-height: 35px;}
.home .sec-2 p{font-size:16px;}
.home .s2-two-one{width:100%;} .home.sec-3{width:95%;}
.home .s3-two-one h2{font-size:30px;line-height: 40px;}
.home .s3-all .clsWhoL,.home .s3-all .clsWhoR{width:100%;}
.clsname{margin: 0 0 3% !important;width: 96% !important;}
.clsphone {margin: 0 0 2% !important;width: 96% !important;}
.home .clsbrands li{width:46%;}
.home .clsbrands li img{width:100%;}
#slider2 .viewport{height:380px;}
#slider2 li img{height: 185px;}
#slider2 .next_btn,#slider2 .prev_btn{background-size:90%;} .titlebantop h2{font-size:40px;line-height: 40px;} 
.single .titlebantop h2{font-size:25px;line-height: 40px;} .about .sec-1{width:95%;}
.about .s1-all .clsWhoL{width:100%;}
.about .s1-all .clsWhoR{width:100%;padding:0;}
.about .s1-two-one.clsWhoL > img{width:90%;}
.about .s1-two-one h2{font-size:18px;margin-top:4%;}
.about .s1-two-one p{font-size:14px;margin-top:4%;} .about .sec-2{width: 95%;}
.about .s2-all{padding:0;}
.about .sec-2 h1{font-size:35px;}
.about .s2-two-one{margin:0 0 20px;width: 100%;} .about.sec-3{width:95%;}
.about .s3-all .clsWhoL,.about .s3-all .clsWhoR{padding:0;width:100%;margin:0 0 5%;} 
.about .s3-two-one img {width: 93.5%;}
.about .s3-two-one h2{font-size:22px;}
.about .s3-two-one p{font-size:14px;line-height:25px;}  .product .sec-1{width:95%;}
#thumbs > span {margin: 0 1px 0 0 !important;width: 32px !important;}
#thumbs img {height: 32px !important;} .product .s2-two-one h2{font-size:20px;}
.product .s2-two-one p{font-size:14px;}  .shop .sec-1{width:95%;}
.shop .s1-two-one h2{font-size: 20px;padding:0;}
.shop .s1-two-one p{font-size:14px;line-height: 25px;padding:0;} .shop .sec-2{width:95%;}
.shop .sec-2 h1{font-size:30px;line-height: 35px;}
.shop .sec-2 p{font-size:16px;}
.shop .s2-two-one{width:92%;}   .trade .sec-1{width:95%;}
.trade .s1-two-one ul {padding: 0 0 0 30px;}
.clstradepage li {width: 90%;}
.clslmap-img{width:100%;}
.clstradepage li{margin:0 0 5%;}
.clstradepage li:hover .clsTdetails{background-size: 100%;top:3px;left:0;}  .news .sec-1{width:95%;}
.news .s1-all .clsWhoL{margin:0 0 5%;float:none;width:100%;}
.news .s1-all .clsWhoR{float:none;width:98%;}
.clsnewsR,.clsWhoR{float:none;width:100%;}
.clsnewsL,.clsWhoL{float:none;width:100%;}
.news .clsprod-img{width:95%;}
.news h3 a{font-size:20px;}
.news .s1-two-one p{font-size:14px;line-height: 25px;}
.news .calender{font-size:13px;}
.news .s1-two-one h2{font-size:20px;}
.news .s1-two-one_con a{font-size:14px;}
.clspagination{width:100%;}
.clspagination ul li a{padding:10px 18px;} .clsnews-detail h3{font-size:20px;}  .local .sec-1{width:95%;}
.local .s1-two-one ul{padding:0 0 0 5px;}
.clslocal li{width:100%;}
.clslmap-img {width: 96%;}
.clslogodetails {margin: 9% 0 0;}
.local .s1-two-one p{font-size:14px;}  .contact .sec-1{width:95%;}
.contact .s1-all .clsWhoL{float:none;width:100%;}
.contact .s1-all .clsWhoR{float:none;width:100%;}
.contact .s1-two-one h2{font-size:25px;}
.clscir{width:100%;left:0;}
.clscir p{width:72%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:23px;line-height: 25px;margin:25% auto 0;}
}
@media only screen and (max-width: 320px){ .head-bg{margin:0;position: relative;}
.head-bg.follow{display:none;}
.head-bg .clstright{margin: 0;float: none;width: 100%;}
.head-mn{height: 190px;}
.follow .clsheadcart{top:100px;}
.clsheadsearch,.clsheadtop{display: none;}
.clslogo{float:none;} 
.clsmobilelogo{display: block !important;}
.clsdesklogo{display: none;}
.clstophead-bg{height:0;}
.clstopheadRight{position:relative;}
.clsheadcart {padding: 6% 5% 3% 12%;position: absolute;right: 0;top: 130px;width: 72%;z-index: 9999999;}
.clshome span{display: block !important;}
.clshome img{display: none;}
.clstright{position: relative;}
.clshome,.clstrade{max-width: 100% !important;} 
#main-nav #main-menu li {border-bottom: 1px solid #4b4b4b;padding: 5px 0 10px;max-width:100%;}
#main-nav #main-menu li a{margin-left:12px !important;}  
#menu-item-28{background: none;}
#menu-item-28 a {color: #ffffff !important; }
.sub-menu li{padding:0 !important;} .clstfoot{width:95%;position: relative;}
.block1,.block2,.block4 h2,.block4 img{display: none;}
.block3{width:100%;}
.clsbloc.block3 {margin: 20% 0 0;}
.clsbloc.block4 {left: 22%;position: absolute;width:80%;}
.clscall {float: left;width:50%;}
.clsvisit {float: right;width:50%;}
.block3 h2{font-size:17px;}
.block3 li,.block3 li a{font-size:14px;line-height: 25px;} .clsfoot{padding:5% 0;}
.clscopy,.clspow{float:none;width:100%;text-align: center !important}
.clscopy > span{display: block;}
.clscfoot{height:65px;}  .bantop h2{font-size:50px;line-height: 50px;}
#slider1{padding: 0 56px;}
#slider1 .viewport li{width:200px !important;}
#slider1 .viewport img{width:100%;}
#slider1 .buttons{top:20%;}
#slider1 .next_btn,#slider1 .prev_btn{background-size: 90%;} .home .sec-1{width:95%;}
.home .sec-1 h1{font-size:30px;line-height: 35px;}
.home .s1-all .clsWhoL,.home .s1-all .clsWhoR{width:100%;float:none;}
.home .s1-two-one.clsWhoR > img {height: 200px;width: 94%;}
.home .s1-two-one h2{font-size:18px;margin-top:4%;}
.home .s1-two-one p{font-size:14px;margin-top:4%;} .home .sec-2{width:95%;}
.home .sec-2 h1{font-size:30px;line-height: 35px;}
.home .sec-2 p{font-size:16px;}
.home .s2-two-one{width:100%;} .home.sec-3{width:95%;}
.home .s3-two-one h2{font-size:30px;line-height: 40px;}
.home .s3-all .clsWhoL,.home .s3-all .clsWhoR{width:100%;}
.clsname{margin: 0 0 3% !important;width: 96% !important;}
.clsphone {margin: 0 0 2% !important;width: 96% !important;}
.home .clsbrands li{width:46%;}
.home .clsbrands li img{width:100%;}
#slider2 .viewport{height:380px;}
#slider2 li img{height: 185px;}
#slider2 .next_btn,#slider2 .prev_btn{background-size:90%;} .titlebantop h2{font-size:40px;line-height: 40px;} .about .sec-1{width:95%;}
.about .s1-all .clsWhoL{width:100%;}
.about .s1-all .clsWhoR{width:100%;padding:0;}
.about .s1-two-one.clsWhoL > img{width:90%;}
.about .s1-two-one h2{font-size:18px;margin-top:4%;}
.about .s1-two-one p{font-size:14px;margin-top:4%;} .about .sec-2{width: 95%;}
.about .s2-all{padding:0;}
.about .sec-2 h1{font-size:35px;}
.about .s2-two-one{margin:0 0 20px;width: 100%;} .about.sec-3{width:95%;}
.about .s3-all .clsWhoL,.about .s3-all .clsWhoR{padding:0;width:100%;margin:0 0 5%;} 
.about .s3-two-one img {width: 93.5%;}
.about .s3-two-one h2{font-size:22px;}
.about .s3-two-one p{font-size:14px;line-height:25px;}  .product .sec-1{width:95%;}
#thumbs > span {margin: 0 1px 0 0 !important;width: 32px !important;}
#thumbs img {height: 32px !important;} .product .s2-two-one h2{font-size:20px;}
.product .s2-two-one p{font-size:14px;}  .shop .sec-1{width:95%;}
.shop .s1-two-one h2{font-size: 20px;padding:0;}
.shop .s1-two-one p{font-size:14px;line-height: 25px;padding:0;} .shop .sec-2{width:95%;}
.shop .sec-2 h1{font-size:30px;line-height: 35px;}
.shop .sec-2 p{font-size:16px;}
.shop .s2-two-one{width:92%;}   .trade .sec-1{width:95%;}
.trade .s1-two-one ul {padding: 0 0 0 30px;}
.clstradepage li {width: 90%;}
.clslmap-img{width:100%;}
.clstradepage li{margin:0 0 5%;}
.clstradepage li:hover .clsTdetails{padding:20% 0 24%;background-size: 100%;top:3px;left:0;}  .news .sec-1{width:95%;}
.news .s1-all .clsWhoL{margin:0 0 5%;float:none;width:100%;}
.news .s1-all .clsWhoR{float:none;width:98%;}
.clsnewsR,.clsWhoR{float:none;width:100%;}
.clsnewsL,.clsWhoL{float:none;width:100%;}
.news .clsprod-img{width:95%;}
.news h3 a{font-size:20px;}
.news .s1-two-one p{font-size:14px;line-height: 25px;}
.news .calender{font-size:13px;}
.news .s1-two-one h2{font-size:20px;}
.news .s1-two-one_con a{font-size:14px;}
.clspagination{width:100%;}
.clspagination ul li a{padding:10px 18px;} .clsnews-detail h3{font-size:20px;}  .local .sec-1{width:95%;}
.local .s1-two-one ul{padding:0 0 0 5px;}
.clslocal li{width:100%;}
.clslmap-img {width: 96%;}
.clslogodetails {margin: 9% 0 0;}
.local .s1-two-one p{font-size:14px;}  .contact .sec-1{width:95%;}
.contact .s1-all .clsWhoL{float:none;width:100%;}
.contact .s1-all .clsWhoR{float:none;width:100%;}
.contact .s1-two-one h2{font-size:25px;}
.clscir{width:100%;left:0;}
.clscir p{width:72%;} .cover .cmn-sec-1{margin:0;}
.cover .sec-1 h3{font-size:20px;line-height: 20px;margin:25% auto 0;}
}
 .animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.hinge {-webkit-animation-duration: 2s;animation-duration: 2s;}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
40% {-webkit-transform: translateY(-30px); transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px);}
}
.bounce {-webkit-animation-name: bounce;animation-name: bounce;}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}
25%, 75% {opacity: 0;}
}
.flash {-webkit-animation-name: flash;animation-name: flash;}
@-webkit-keyframes pulse {
0% {-webkit-transform: scale(1);transform: scale(1);}
50% {-webkit-transform: scale(1.1);transform: scale(1.1);}
100% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes pulse {
0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
50% {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
100% {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}
.pulse {-webkit-animation-name: pulse;animation-name: pulse;}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0); transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
}
.shake {-webkit-animation-name: shake;animation-name: shake;}
@-webkit-keyframes swing {
20% {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
40% {-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
60% {-webkit-transform: rotate(5deg); transform: rotate(5deg);}
80% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@keyframes swing {
20% {-webkit-transform: rotate(15deg);-ms-transform: rotate(15deg);transform: rotate(15deg);}
40% {-webkit-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);}
60% {-webkit-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);}
80% {-webkit-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);}
100% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
}
.swing {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing; animation-name: swing;}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);-ms-transform: scale(0.9) rotate(-3deg);transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);-ms-transform: scale(1.1) rotate(3deg);transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);-ms-transform: scale(1.1) rotate(-3deg);transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);-ms-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
}
.tada {-webkit-animation-name: tada;animation-name: tada;} 
@-webkit-keyframes wobble {
0% {-webkit-transform: translateX(0%);transform: translateX(0%);}
15% {-webkit-transform: translateX(-25%) rotate(-5deg);transform: translateX(-25%) rotate(-5deg);}
30% {-webkit-transform: translateX(20%) rotate(3deg);transform: translateX(20%) rotate(3deg);}
45% {-webkit-transform: translateX(-15%) rotate(-3deg);transform: translateX(-15%) rotate(-3deg);}
60% {-webkit-transform: translateX(10%) rotate(2deg);transform: translateX(10%) rotate(2deg);}
75% {-webkit-transform: translateX(-5%) rotate(-1deg);transform: translateX(-5%) rotate(-1deg);}
100% {-webkit-transform: translateX(0%);transform: translateX(0%);}
}
@keyframes wobble {
0% {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
15% {-webkit-transform: translateX(-25%) rotate(-5deg);-ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg);}
30% {-webkit-transform: translateX(20%) rotate(3deg);-ms-transform: translateX(20%) rotate(3deg);transform: translateX(20%) rotate(3deg);}
45% {-webkit-transform: translateX(-15%) rotate(-3deg);-ms-transform: translateX(-15%) rotate(-3deg);transform: translateX(-15%) rotate(-3deg);}
60% {-webkit-transform: translateX(10%) rotate(2deg);-ms-transform: translateX(10%) rotate(2deg);transform: translateX(10%) rotate(2deg);}
75% {-webkit-transform: translateX(-5%) rotate(-1deg);-ms-transform: translateX(-5%) rotate(-1deg);transform: translateX(-5%) rotate(-1deg);}
100% {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
}
.wobble {-webkit-animation-name: wobble;animation-name: wobble;}
@-webkit-keyframes bounceIn {
0% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3);}
50% {opacity: 1;-webkit-transform: scale(1.05);transform: scale(1.05);}
70% {-webkit-transform: scale(.9);transform: scale(.9);}
100% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes bounceIn {
0% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3);}
50% {opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
70% {-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);}
100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
}
.bounceIn {-webkit-animation-name: bounceIn;animation-name: bounceIn;}
@-webkit-keyframes bounceInDown {
0% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
60% {opacity: 1;-webkit-transform: translateY(30px);transform: translateY(30px);}
80% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
100% {-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes bounceInDown {
0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
60% {opacity: 1;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);}
80% {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}
@-webkit-keyframes bounceInLeft {
0% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px);}
60% {opacity: 1;-webkit-transform: translateX(30px);transform: translateX(30px);}
80% {-webkit-transform: translateX(-10px);transform: translateX(-10px);}
100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes bounceInLeft {
0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
60% {opacity: 1;-webkit-transform: translateX(30px);-ms-transform: translateX(30px);transform: translateX(30px);}
80% {-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
.bounceInLeft {-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}
@-webkit-keyframes bounceInRight {
0% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px);}
60% {opacity: 1;-webkit-transform: translateX(-30px);transform: translateX(-30px);}
80% {-webkit-transform: translateX(10px);transform: translateX(10px);}
100% {-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes bounceInRight {
0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
60% {opacity: 1;-webkit-transform: translateX(-30px);-ms-transform: translateX(-30px);transform: translateX(-30px);}
80% {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
100% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
.bounceInRight {-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}
@-webkit-keyframes bounceInUp {
0% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px);}
60% {opacity: 1;-webkit-transform: translateY(-30px);transform: translateY(-30px);}
80% {-webkit-transform: translateY(10px);transform: translateY(10px);}
100% {-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes bounceInUp {
0% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
60% {opacity: 1;-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);}
80% {-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}
100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.bounceInUp {-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}
@-webkit-keyframes bounceOut {
0% {-webkit-transform: scale(1);transform: scale(1);}
25% {-webkit-transform: scale(.95);transform: scale(.95);}
50% {opacity: 1;-webkit-transform: scale(1.1);transform: scale(1.1);}
100% {opacity: 0;-webkit-transform: scale(.3);transform: scale(.3);}
}
@keyframes bounceOut {
0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
25% {-webkit-transform: scale(.95);-ms-transform: scale(.95);transform: scale(.95);}
50% {opacity: 1;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
100% {opacity: 0;-webkit-transform: scale(.3);-ms-transform: scale(.3);transform: scale(.3);}
}
.bounceOut {-webkit-animation-name: bounceOut;animation-name: bounceOut;}
@-webkit-keyframes bounceOutDown {
0% {-webkit-transform: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(-20px);transform: translateY(-20px);}
100% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px);}
}
@keyframes bounceOutDown {
0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
100% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
}
.bounceOutDown {-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;}
@-webkit-keyframes bounceOutLeft {
0% {-webkit-transform: translateX(0);transform: translateX(0);}
20% {opacity: 1;-webkit-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px);}
}
@keyframes bounceOutLeft {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
20% {opacity: 1;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
}
.bounceOutLeft {-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft;}
@-webkit-keyframes bounceOutRight {
0% {-webkit-transform: translateX(0);transform: translateX(0);}
20% {opacity: 1;-webkit-transform: translateX(-20px);transform: translateX(-20px);}
100% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px);}
}
@keyframes bounceOutRight {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
20% {opacity: 1;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
100% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
}
.bounceOutRight {-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight;}
@-webkit-keyframes bounceOutUp {
0% {-webkit-transform: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(20px);transform: translateY(20px);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
}
@keyframes bounceOutUp {
0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
20% {opacity: 1;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
}
.bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeInDown {
0% {opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);}
100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes fadeInDown {
0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes fadeInDownBig {
0% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes fadeInDownBig {
0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}
@-webkit-keyframes fadeInLeft {
0% {opacity: 0;-webkit-transform: translateX(-20px);transform: translateX(-20px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes fadeInLeft {
0% {opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeftBig {
0% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes fadeInLeftBig {
0% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
.fadeInLeftBig {-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}
@-webkit-keyframes fadeInRight {
0% {opacity: 0;-webkit-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes fadeInRight {
0% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes fadeInRightBig {
0% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes fadeInRightBig {
0% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}
.fadeInRightBig {-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}
@-webkit-keyframes fadeInUp {
0% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}
100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes fadeInUp {
0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px); }
100% {opacity: 1;-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInUpBig {
0% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px);}
100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes fadeInUpBig {
0% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOutDown {
0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}
}
@keyframes fadeOutDown {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
}
.fadeOutDown {-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}
@-webkit-keyframes fadeOutDownBig {
0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(2000px);transform: translateY(2000px);}
}
@keyframes fadeOutDownBig {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(2000px);-ms-transform: translateY(2000px);transform: translateY(2000px);}
}
.fadeOutDownBig {-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft {
0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-20px);transform: translateX(-20px);}
}
@keyframes fadeOutLeft {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
}
.fadeOutLeft {-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig {
0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);transform: translateX(-2000px);}
}
@keyframes fadeOutLeftBig {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
}
.fadeOutLeftBig {-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight {
0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(20px);transform: translateX(20px);}
}
@keyframes fadeOutRight {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
}
.fadeOutRight {-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;}
@-webkit-keyframes fadeOutRightBig {
0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px);}
}
@keyframes fadeOutRightBig {
0% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
}
.fadeOutRightBig {-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;}
@-webkit-keyframes fadeOutUp {
0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);}
}
@keyframes fadeOutUp {
0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0); transform: translateY(0); }
100% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);  }
}
.fadeOutUp {-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;}
@-webkit-keyframes fadeOutUpBig {
0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
}
@keyframes fadeOutUpBig {
0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.fadeOutUpBig {-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig;}
@-webkit-keyframes flip {
0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip {
0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip {-webkit-backface-visibility: visible;-ms-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;}
@-webkit-keyframes flipInX {
0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}
@keyframes flipInX {
0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}
.flipInX {-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX; animation-name: flipInX;}
@-webkit-keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
}
@keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
}
.flipInY {-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;}
@-webkit-keyframes flipOutX {
0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX {
0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
.flipOutX {-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important; backface-visibility: visible !important;}
@-webkit-keyframes flipOutY {
0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipOutY {
0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
.flipOutY {-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY;}
@-webkit-keyframes lightSpeedIn {
0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}
100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}
}
@keyframes lightSpeedIn {
0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}
100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}
}
.lightSpeedIn {-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
@-webkit-keyframes lightSpeedOut {
0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}
@keyframes lightSpeedOut {
0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}
.lightSpeedOut {-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
@-webkit-keyframes rotateIn {
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateIn {
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateIn {-webkit-animation-name: rotateIn;animation-name: rotateIn;}
@-webkit-keyframes rotateInDownLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInDownLeft {
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInDownLeft {-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInDownRight {
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInDownRight {-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInUpLeft {
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInUpLeft {-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInUpRight {
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInUpRight {-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight;}
@-webkit-keyframes rotateOut {
0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
@keyframes rotateOut {
0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
.rotateOut {-webkit-animation-name: rotateOut;animation-name: rotateOut;}
@-webkit-keyframes rotateOutDownLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutDownLeft {
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
@keyframes rotateOutDownRight {
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
@keyframes rotateOutUpLeft {
0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutUpRight {
0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes slideInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInDown {
0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInLeft {
0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInRight {
0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideOutLeft {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes slideOutLeft {
0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100% {opacity: 0;-webkit-transform: translateX(-2000px);-ms-transform: translateX(-2000px);transform: translateX(-2000px);}
}
.slideOutLeft {-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;}
@-webkit-keyframes slideOutRight {
0% {-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(2000px);transform: translateX(2000px);}
}
@keyframes slideOutRight {
0% {-webkit-transform: translateX(0);-ms-transform: translateX(0); transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(2000px);-ms-transform: translateX(2000px);transform: translateX(2000px);}
}
.slideOutRight {-webkit-animation-name: slideOutRight;animation-name: slideOutRight;}
@-webkit-keyframes slideOutUp {
0% {-webkit-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
}
@keyframes slideOutUp {
0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
}
.slideOutUp {-webkit-animation-name: slideOutUp;animation-name: slideOutUp;}
@-webkit-keyframes hinge {
0% {-webkit-transform: rotate(0);transform: rotate(0);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
20%, 60% {-webkit-transform: rotate(80deg);transform: rotate(80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
40% {-webkit-transform: rotate(60deg);transform: rotate(60deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
80% {-webkit-transform: rotate(60deg) translateY(0);transform: rotate(60deg) translateY(0);opacity: 1;-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
100% {-webkit-transform: translateY(700px);transform: translateY(700px);opacity: 0;}
}
@keyframes hinge {
0% {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
20%, 60% {-webkit-transform: rotate(80deg);-ms-transform: rotate(80deg);transform: rotate(80deg);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
40% {-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg);transform: rotate(60deg);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
80% {-webkit-transform: rotate(60deg) translateY(0);-ms-transform: rotate(60deg) translateY(0);transform: rotate(60deg) translateY(0);opacity: 1;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
100% {-webkit-transform: translateY(700px);-ms-transform: translateY(700px);transform: translateY(700px);opacity: 0;}
}
.hinge {-webkit-animation-name: hinge;animation-name: hinge;}
@-webkit-keyframes rollIn {
0% {opacity: 0;-webkit-transform: translateX(-100%) rotate(-120deg);transform: translateX(-100%) rotate(-120deg);}
100% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg);}
}
@keyframes rollIn {
0% {opacity: 0;-webkit-transform: translateX(-100%) rotate(-120deg);-ms-transform: translateX(-100%) rotate(-120deg);transform: translateX(-100%) rotate(-120deg);}
100% {opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg);}
}
.rollIn {-webkit-animation-name: rollIn;animation-name: rollIn;}
@-webkit-keyframes rollOut {
0% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg);}
100% {opacity: 0;-webkit-transform: translateX(100%) rotate(120deg);transform: translateX(100%) rotate(120deg);}
}
@keyframes rollOut {
0% {opacity: 1;-webkit-transform: translateX(0px) rotate(0deg);-ms-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg);}
100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg);-ms-transform: translateX(100%) rotate(120deg);transform: translateX(100%) rotate(120deg); }
}
.rollOut {-webkit-animation-name: rollOut;  animation-name: rollOut;}#toggle {width: 28px;}
#toggle span:after,#toggle span:before {content:"";position: absolute;left: 0;top: -9px;}
#toggle span:after{top: 9px;}
#toggle span {position: relative;display: block;}
#toggle span:after,#toggle span:before {position:absolute;right:0;width: 100%;height: 5px;background-color: #fedc19;transition: all 0.3s;backface-visibility: hidden;}
#toggle.on span {background-color: transparent;}
#toggle.on span:before {transform: rotate(45deg) translate(5px, 5px);}
#toggle.on span:after {transform: rotate(-45deg) translate(7px, -8px);}
#toggle.on + #main-menu {opacity: 1;visibility: visible;right: 0;top: 190px;} 
@media only screen and (max-width: 680px) and (min-width: 600px){
#toggle {display: block !important;}
#toggle span{width:8%;position:absolute;left:10px;top:150px;height: 5px;background-color: #fedc19;transition: all 0.3s;backface-visibility: hidden;}
#main-menu {position: absolute;top:5px;right:5px;color: #999;width:97%;padding: 10px;margin: auto;text-align: center;background:rgba(0, 0,0, 0.8);visibility: hidden;transition: opacity .4s;z-index: 999999;}
#main-menu:after {position: absolute;top: -15px;left: 95px;content: "";display: block;} 
#main-menu li{width:100% !important;text-align:left !important;}
}
@media only screen and (max-width: 599px) and (min-width: 541px){
#toggle {display: block !important;}
#toggle span{width:8%;position:absolute;left:10px;top:150px;height: 5px;background-color: #fedc19;transition: all 0.3s;backface-visibility: hidden;}
#main-menu {position: absolute;top:5px;right:5px;color: #999;width: 95%;padding: 10px;margin: auto;text-align: center;background:rgba(0, 0,0, 0.8);visibility: hidden;transition: opacity .4s;z-index: 999999;}
#main-menu:after {position: absolute;top: -15px;left: 95px;content: "";display: block;} 
#main-menu li{width:100% !important;text-align:left !important;}
}
@media only screen and (max-width: 540px) and (min-width: 480px){
#toggle {display: block !important;}
#toggle span{width:8%;position:absolute;left:10px;top:150px;height: 5px;background-color: #fedc19;transition: all 0.3s;backface-visibility: hidden;}
#main-menu {position: absolute;top:5px;right:5px;color: #999;width: 94%;padding: 10px;margin: auto;text-align: center;background:rgba(0, 0,0, 0.8);visibility: hidden;transition: opacity .4s;z-index: 999999;}
#main-menu:after {position: absolute;top: -15px;left: 95px;content: "";display: block;} 
#main-menu li{width:100% !important;text-align:left !important;}
}
@media only screen and (max-width: 479px) and (min-width: 401px){
#toggle {display: block !important;}
#toggle span{width:8%;position:absolute;left:10px;top:150px;height: 5px;background-color: #fedc19;transition: all 0.3s;backface-visibility: hidden;}
#main-menu {position: absolute;top:5px;right:5px;color: #999;width: 94%;padding: 10px;margin: auto;text-align: center;background:rgba(0, 0,0, 0.8);visibility: hidden;transition: opacity .4s;z-index: 999999;}
#main-menu:after {position: absolute;top: -15px;left: 95px;content: "";display: block;} 
#main-menu li{width:100% !important;text-align:left !important;}
}
@media only screen and (max-width: 400px) and (min-width: 361px){
#toggle {display: block !important;}
#toggle span{width:8%;position:absolute;left:10px;top:150px;height: 5px;background-color: #fedc19;transition: all 0.3s;backface-visibility: hidden;}
#main-menu {position: absolute;top:5px;right:5px;color: #999;width: 94%;padding: 10px;margin: auto;text-align: center;background:rgba(0, 0,0, 0.8);visibility: hidden;transition: opacity .4s;z-index: 999999;}
#main-menu:after {position: absolute;top: -15px;left: 95px;content: "";display: block;} 
#main-menu li{width:100% !important;text-align:left !important;}
}
@media only screen and (max-width: 360px) and (min-width: 321px){
#toggle {display: block !important;}
#toggle span{width:8%;position:absolute;left:10px;top:150px;height: 5px;background-color: #fedc19;transition: all 0.3s;backface-visibility: hidden;}
#main-menu {position: absolute;top:5px;right:5px;color: #999;width: 94%;padding: 10px;margin: auto;text-align: center;background:rgba(0, 0,0, 0.8);visibility: hidden;transition: opacity .4s;z-index: 999999;}
#main-menu:after {position: absolute;top: -15px;left: 95px;content: "";display: block;} 
#main-menu li{width:100% !important;text-align:left !important;}
}
@media only screen and (max-width: 320px){
#toggle {display: block !important;}
#toggle span{width:8%;position:absolute;left:10px;top:150px;height: 5px;background-color: #fedc19;transition: all 0.3s;backface-visibility: hidden;}
#main-menu {position: absolute;top:5px;right:5px;color: #999;width: 94%;padding: 10px;margin: auto;text-align: center;background:rgba(0, 0,0, 0.8);visibility: hidden;transition: opacity .4s;z-index: 999999;}
#main-menu:after {position: absolute;top: -15px;left: 95px;content: "";display: block;} 
#main-menu li{width:100% !important;text-align:left !important;}
}