*{margin:0;padding:0;outline:none;}
ul li{list-style:none;}
img{border:none; max-width:100%;}
a{text-decoration:none; color:#000000;}


.wrapper{width:100%; overflow:hidden; float:left;}

.hea{width:100%; margin:0px 0px 0px 0px; padding:0px; float:left;}

.hea-1{width:100%; margin:0px 0px 0px 0px; padding:0px; float:left;}


.plkm{width:100%; margin:0px 0px 0px 0px; float:left;}
.plkm ul{margin:0px; padding:0px;}
.plkm ul li{margin:20px 20px 0px 0px; border:solid 1px #666; padding:5px; font-size:24px; background: #663398; font-family:Arial, Helvetica, sans-serif; 
 line-height:20px; font-weight:bold; color:#fff; text-align:center; float:left;}
.plkm ul li span{text-align:center; font-style:normal; font-size:16px; font-weight:normal;}


.almuss{width:100%; margin:10px 0px 10px 0px; padding:0px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#991b1e; text-align:center; font-weight:bold;}
.copl{width:100%; margin:0px; padding:0px; background:#daa700; float:left;}

.admin{width:auto; margin:15px 0px 10px 0px; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; border-radius:3px; text-align:center; color:#fff; cursor:pointer; float:left; background:#000;}

  .slid {
    width: 100%;
    margin:110px 0 0 0;
    padding: 0px;
  
    float: left;
    position: relative; background-size:100%;
   /* background: url(../images/slid.jpg) no-repeat top center;*/}

.slider{width:100%; position:relative; margin:0px 0px 0px 0px; padding:0px; float:left;}
.slio{ position:absolute; top:0px; richness:10%;}
.btp{width:100%; height:320px; float:left;}


.fcc{width:100%; background:#4a69a2; margin:20px 0px 0px 0px; padding:0px; float:left;}
.fcc-2{ width:98%; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#fff; margin:20px 0px 0px 2%; padding:0px; float:left;}

.fcc-1{ background:#4a69a2; margin:0px 0px 0px 20px; padding:0px; float:left;}

.fcc-1 ul{ display:block; margin:0px; padding:0px;}
.fcc-1 ul li{ width:115px; height:70px; list-style:none; margin:20px 0px 20px 0px; padding:0px; float:left;}


.edit-blog{width:100%; margin:20px 0px 0px 0px; padding:0px; float:left;}
.blog-form{width:85%; margin:0px 0px 0px 0px; padding:0px; float:left;}
.form-logo-blog{width:100%; background: rgba(0, 0, 0, 0.6);
 margin:0px 0px 20px 0px; padding:2%; float:left;}
.logo{ width:auto; margin:10px 0px 10px 0px; padding:0px; float:left; cursor:pointer;}
.logo-1{width:auto; margin:10px 0px 10px 0px; padding:0px; float:left;} 
.regi{width:100%; margin:5px 0px 10px 0px; font-family:Tahoma, Geneva, sans-serif; font-size:24px; font-weight:bold; color:#FFF;
 padding:0px; float:left; text-align:center; cursor:pointer;}
 
 .nam{width:100%; margin:5px 0px 0px 0px; padding:0px; float:left;}
 .nam-1{width:98%; margin:0px 0px 7px 0px;  padding:5px; float:left;}
 .agree-blog{width:100%; margin:0px 0px 0px 0px; padding:0px;
 float:left;}
 .agree{margin:0px; padding:0px; float:left;}
 .condi{margin:0px 0px 0px 10px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; float:left;}
 
 .enroll{width:100%; margin:10px 0px 10px 0px;  padding:10px 0px 10px 0px; background:#ffde3c; border-radius:5px;
 text-align:center; cursor:pointer; font-size:18px; font-family:Arial, Helvetica, sans-serif; float:left; color:#000;}
 
 .enrol a{text-decoration:none; color:#fff; background:#0666cd; float:left;}
 
 .enroll:hover{background:#FFF; transition:2s;}

.abtl{width:100%; margin:20px 0px 0px 0px; padding:0px; float:left;}

.abtl-1{width:100%; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center; margin:20px 0px 0px 0px; padding:0px; float:left;}


.abtl-11{width:100%; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:25px; 
font-size:16px; font-weight:bold; color:#9a0000; margin:5px 0px 0px 0px; padding:0px; float:left;}

.poi{width:100%; text-align:center; margin:30px 0px 0px 0px; float:left; }
.poi-1{width:100%; border-radius:2%; text-align:center; color:#fff; font-size:24px; background:#9a0000;
  margin:30px 0px 0px 0px; padding:5px; float:left;}



.ourblog-1 {
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 0px;
    float: left;
    background: #ecf0f1;}
.cs{width:100%; margin:30px 0px 0px 0px; padding:0px; background:#9a0000; height:300px; float:left;}
.cs-1{width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:36px; margin:40px 0px 0px 0px; padding:0px; float:left;}

.cs-2{width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FC0; font-size:36px; margin:20px 0px 0px 0px; padding:0px; float:left;}
.cs-21{width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif;  color:#fff; font-size:24px; margin:10px 0px 0px 0px; padding:0px; }

.cs-3{width:200px; text-align:center; padding:10px; color:#000; font-size:24px; background:#FC0; margin:30px 0px 0px 45%;  border-radius:3px; float:left;}

.dev-main{width:100%; margin:30px 0px 20px 0px; padding:0px; float:left;}
.dev{width:100%; margin:20px 0px 20px 0px; padding:0px; float:left;}
.dev-main-1{width:100%; text-align:center; font-size:24px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0px 0px 20px 0px; padding:0px; float:left;}
.dev-main-2{width:100%; text-align:center; font-size:24px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0px 0px 20px 0px; padding:0px; float:left;}
.dev-main-3{width:100%; text-align:left; text-align:justify; font-size:14px; color:#000; font-family:Arial, Helvetica, sans-serif;  margin:0px 0px 20px 0px; padding:0px; float:left;}

.dev-main-4{width:100%; text-align:left; font-size:36px;  color:#9a0000; 
font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:20px 0px 20px 0px; text-align:center; padding:0px; float:left;}







.footer-main{width:100%;margin:-2px 0px 0px 0px;padding:0px;float:left;background:#000;}

.foooter{width:100%; background:#000; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px;
text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; float:left;}

.plp-1 {
    width: 100%;
    margin: 10px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #fff;
    padding: 0px;
    float: left;
}

.plp-2 {
    width: 100%;
    margin: 10px 0px 10px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #fff;
    padding: 0px;
    float: left;}



.ttp{width:100%; text-align:center; margin:0px 0px 0px 0px; }
.ttp-1{width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:44px; font-weight:bold; color:#fff; margin:0px 0px 0px 0px; }
.ttp-2{width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#fff; margin:20px 0px 50px 0px; }
  
.spl{width:100%; margin:0px 0px 0px 0px; padding:0px; float:left; background:#fff; border-right:solid 1px #A8A8A8;}  
 .glance{width:100%; margin:20px 0px 0px 0px; padding:0px; font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center; float:left;} 



.slio-1{display:none;}
.lppl{display:none;}


.almr{width:100%; margin:0px 0px 0px 0px; padding:0px; float:left;}
.almr-1{ width:70%; margin:0 auto; padding:0px;}
.almr-2{width:100%; margin:5px 0px 5px 0px; padding:0px; text-align:center; float:left}
.almr-3{width:100%; margin:0px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; padding:0px; text-align:center; float:left}
.almr-4{width:100%; margin:0px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000; font-weight:bold; padding:0px; text-align:center; float:left}


.fm-form{width:40%; margin:0 auto; clear:both; overflow:hidden;}
.fm-form-1{width:100%; margin:20px 0px 10px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:24px; color:#FFF; float:left;}
.fm-form-2{width:100%; margin:0px 0px 0px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#fff; float:left;}
.fm-form-3{width:90%; margin:2px 0px 2px 0px; padding:10px; ffloat:left;}
.fm-form-4{ background:#fbc62c; margin:10px 0px 20px 0px; padding:10px; border-radius:3px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#000; float:left; cursor:pointer;}



.myBtn{background:#000;}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color:#862929;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width:40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
	clear:left;
	overflow:hidden;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color:#fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color:yellow;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}






@media(max-width:1190px){
	
}
@media(max-width:1199px){
.container{width:98%; padding:0 1%;}
.logo{margin:-40px 0 0;}
.uspt-1{font-size:16px;}
.regi{margin:0 0 10px 0; width:100%;}
.regi h2 span{float:none;}
.filfrom ul li{width:48%; margin-left:1%; padding:0;}
.filfrom{width:auto; margin:0; padding:0;}
.flp{padding:10px 1%; width:98%;}
.submit{margin:0;}
.filfrom ul li:nth-child(odd){margin:0;}
.best-2{margin:0;}
.best-3{width:auto;}
}
@media(max-width:768px){
	.abtl-1{font-size:20px; margin:0px 0px 0px 11px;}
	.abtl-11{padding:15px;}
	.edubox .bx-controls-direction a.bx-prev{left:-10px;}
.edubox .bx-controls-direction a.bx-next{right:-10px;}

	.slidebox .bx-controls-direction a.bx-prev{left:0px;}
.slidebox .bx-controls-direction a.bx-next{right:0px;}
.cs-3{width:200px; text-align:center; padding:10px; color:#000; font-size:24px; background:#FC0; margin:30px 0px 0px 20%;  border-radius:3px; float:left;}
.dev-main-4{font-size:24px;}
.dev-main-1{font-size:18px;}
.cs-1{font-size:26px;}

.ban{ height:150PX;}
	
.logo{width:100%; margin:0px 0 0;}
.ban{height:auto; padding:5px 0;}
.rockwel-1{float:none; margin:5px auto 0 auto; display:none;}
.rockwel-19{float:none; margin:5px auto 0 auto;}
.rockwel{margin:20PX 0PX 0PX 0PX;}
.rockwel-1{font-size:12px; margin:-10PX 0PX 0PX 0PX; float:left;}
.submit{padding:10PX; font-size:16PX;}


.rockwe-2{text-align:center; font-size:18px;}
.rockwe-2:after, .mcler{overflow:hidden; clear:both; display:block; content:'';}
.rockwel{font-size:32px; text-align:center;}
.tin-usp ul li{margin:0 0 2px;}
.tin-usp ul li:first-child{ margin:0 0 2px;}
.tabnav{position:relative; margin:-30px 0px 0px 0px;}
.tabnav ul li{width:14.5%; margin:auto;}
/*.tabnav ul li a::after{border-left:5px solid transparent; border-right:5px solid transparent; left:35%; bottom:-5px;}
.tabnav ul li.active .yelloa:after{border-top:5px solid #ffa801;}
.tabnav ul li.active .bluea:after{border-top:5px solid #62ade0;}
.tabnav ul li.active .skbluea:after{border-top:5px solid #5de2d7;}
.tabnav ul li.active .reda:after{border-top:5px solid #f1594f;}
.tabnav ul li.active .greena:after{border-top:5px solid #96ca4a;}
.tabnav ul li.active .pinka:after{border-top:5px solid #ef79e7;}*/

.tabnav .bx-controls-direction a{position:absolute;top:40%;}
.tabnav .bx-controls-direction a.bx-prev{left:0;}
.tabnav .bx-controls-direction a.bx-next{right:0;}
.from-main{text-align:center;}
.trc-2{font-size:12px;}
.almuss{font-size:12px; text-align:center;}

.filfrom:after{content:''; clear:both; overflow:hidden; display:block;}
.submit, .regi, .regi h2 span, .filfrom, .filfrom ul{margin:0 auto; float:none; text-align:center; }
.regi h2{margin:0 0 10px 0; float:none; text-align:center;}
/**/
.mail{display:none;}
.cont{width:80%; margin:0px 0px 0px 10px;}
.contimain{width:100%; display:none;  font-size:16px; margin:0px 0px 10px 0px;}

.contimain-rj {
    display: block;
    width: 100%;
    margin: -15px 0px 20px 60px;
    float: left;}
	
	.cont-11{ width:30px; margin:20px 0px 0px 0px;}
.cont-12{font-size:14px; margin:-20px 0px 0px 40px; border-right:none;}
.slio{left:5%;}
.almr-4{font-size:14px; margin-bottom:5px;}
.form-logo-blog{100%:}

    


.lpk{display:none;}
.best-2{width:20px; margin:0px 3px 0px 0px;}
.best-4{width:20px; margin:0px 0px 0px 3px;}
.best-3{font-size:12px;}
.best-1 {
    width: 80%;
    margin: 0px 0px 0px 7%;}

.bestm-31{font-size:12px;}

.grg {
    width: 90%; font-size:11px;
    margin: -35px 0px 0px 0px;}
	
	.mmail{width:100%; margin:-30px 0px 10px 0px; text-align:center; padding:0px; display:block;
	float:left;}
	.mmail-1{width:60%; margin:0 auto; padding:0px;}
	.mmail-2{margin:0px 0px 0px 0px; padding:0px; float:left;}
	.mmail-3{margin:0px 0px 0px 0px; padding:0px; text-align:left; font-size:14px; color:#000; font-family:"Open Sans Condensed";}
	


.trc-3{width:100%;}


.trc-1 {
    width: 100px;
    height: 100px;
    border: 2px solid #999;
    margin: 10px 0px 0px 100px;}
	
	.slmp{width:100%; display:block; margin:-20px 0px 0px 0px; padding:0px; float:left;}
.slmpmobi{ width:100%; display:none;}
.regi h2{font-size:20px;}
.regi{margin:5px 0px 0px 0px;}
.ver{font-size:10px; vertical-align:super;}
.ver-1{font-size:10px; vertical-align:super; color:#991b1e;}

.thank{width:100%; font-size:24px;}
.thank-3{font-size:14px;}
.tbl-1{font-size:18px;}

.plkm ul li{ width:80%; float:left;}

.thank-1{font-size:24px; width:100%; float:left;}
.copl{margin-top:20px;}
.ppl{margin:50px 0px 50px 0px; float:left;}
.bnx{width:100%; display:block; height:695px; background:#daa700; float:left;}
.ofd-2{font-size:24px !important;}
.revie-main-1{width:100%; text-align:center;}
.fm-form, .modal-content{width:100%;}
.fcc-1 ul li{width:auto;}
.fcc-2{width:100%; text-align:center;}
.pip{width:210px; margin:0px 0px 0px 85px !important; float:left;}
.slio{display:none;}
.logo{display:none;}
.logo-1{ width:100%; text-align:center;}
.slio-1{width:100%; background:#000; display:block; margin:0px 0px 0px 0px; padding:0px; float:left;}
.slio-2{width:60%; text-align:center; margin:0px 0px 0px 60px; padding:0px; float:left;}
.blog-form{width:100%;}
.lppl{display:block; width:100%; margin:0px 0px 0px 0px; padding:0px; float:left;}
.poi{display:none;}
.poi-1{display:none;}
.slider{display:none;}
.spl{ border-right:none;}
}




.nblt-blog{ width:100%; margin:0px 0px 0px 0px; padding:0px; float:left;}
 
 
 
		
		#cssmenu {
  position: relative; width:700px; margin:0px 0px 0px 20%;
  background: rgba(0, 0, 0, 0.7);
 float:left;
  
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;
 
  width: 100%;
  z-index: 999;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: inline-block;
  position: relative; color:#000;
  margin: 0; border-right:solid 1px #fff;
  padding: 0;
}

#cssmenu > ul > li:last-child{border:none;}

#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block; font-size:16px;
  font-family: Helvetica, sans-serif;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size:19px; font-family:Verdana, Geneva, sans-serif;
  padding: 15px 20px;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
  color: #ffde3c;
}
#cssmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #0c358f;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;

}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  width: 130px;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 20px;
  font-size: 12px;
  color: #9ea2a5;
  background: #ffffff;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  background: #f2f2f2;
  color: #000;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: auto;
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #8c9195;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
}