.topmenuall {
    background: #71679d!important;
    float: left;
    width: 100%;
}
ul.menuhometop {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.menuhometop li {
    display: inline-block;
    padding: 0.1em 0.7em 0.3em;
}
.menuhometop a {
    color: #fff;
    font-size: 13px;
}


.featurlogo {width:70px; height:70px; float:left;}
.featurcont {float: left; width: 210px; margin-left: 10px; }
.featuredcoll {width: 100%; background-color: #776599; float: left; border: 1px #ccc solid; box-shadow: 2px 2px 8px #ccc;}
.featuredscr {width: 2%; 	background-color: #383636; float: left;	height: 90px; }
.featuredscr span {transform: rotate(270deg); transform-origin: right bottom 0; float: right;	color:#fff;	font-size: 14px;	font-weight:600; }
.fa.fa-map-marker {color: #4a72b5;	padding: 0 5px 0 5px;}
#body01 {padding: 0 1.5%; width:97%; float: left;}
.home-product-new-hldr { position: relative; width:100%;} 
.home-product-new { width:100%; overflow:hidden;}
.home-grid.products-grid.products-grid--max-4 { transition:-ms-transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s, transform 0.5s ease 0s;	position:relative; white-space:nowrap;}
.item-container {display: table-cell;} 
.slider-btn-hldr-left {left: -25px;}
.slider-btn-hldr-right {right: -32px;}
.slider-btn-hldr {bottom: 0; display: block; position: absolute; z-index: 1;	padding-bottom: 32px;}
.slider-btn {background-color: transparent; border: 0 none; color: buttontext; cursor: pointer; display: block;}
.slider-btn svg{ width: 24px; height: 24px;}
.products-grid .item01, .products-grid .item02 {margin-left: 0; background: white; float: left;	width: 310px; padding: 10px; margin-left: 8px;	}
.products-grid .item02 {background: #ccc;}
.item01 .featurloc, .item02 .featurloc {font-size:10px;}
.item01 h3, .item02 h3 {font-size: 13px; font-weight: 600; white-space: break-spaces;}
.item01 p, .item02 p {margin-bottom:5px; font-size: 11px; color: #000;}
.item01 a {text-decoration: none; color: #d9534f;}
.item02 a {text-decoration: none; color: #0050b3;}
.item01 a:hover {color: #0050b3;}
.item02 a:hover {color: #d9534f;}

@media screen and (min-width:481px) and (max-width:555px) {
#enq li {text-align: left !important; width: 30% !important;}
}
@media screen and (min-width:601px) and (max-width:767px) {
.section1 div {height: 500px !important;}
.popup .content {margin: 0 15%;}
ul#menu-topmenu {display: none;}
.section1 div {height: 400px !important;}
}

@media screen and (min-width:481px) and (max-width:700px) {
#enq li {text-align: left !important;}
#enq ul {padding: 0 !important;}
}

@media (max-width:480px) {
#enq li {text-align: center; width: 20% !important;}
.popup .content {width:100%;}
#enq ul {padding: 0 !important;}
}

@media (max-width:767px) {
.featuredcoll {display: none;}
.section1 {margin-top: 181px;}
#enq li {text-align: left;width: 35%;}
#enq ul {width: 100%;padding: 0 10%;margin: 0 auto;}
span.clabel.cl1 {margin-left: 110px !important;}
#jsn-home_search {margin-top: 50px !important;}
}

.predictbuttom { text-align: center; padding: 5px;background: rgba(0,0,0,0) linear-gradient(45deg,#4374b9,#ee424f) repeat scroll 0% 0%;  width: 200px; margin: 0 auto; border-radius: 30px; }
.predictbuttom a {  text-decoration: none; color: #fff;}
.predictgridmain {  width: 100%; float: left;}
.predictgrid {width: 16%; float: left; margin: 2%; background: #fff; padding: 6px; border-radius: 10px;}
.predicthead { text-align: center; font-weight: 600;  padding: 10px 0;}
.predictimg { width: 85%;  margin: 0 auto;}
.predicthead a { text-decoration: none;}
.predicthead a:hover {color: #ee424f;}
.examgridmain {  width: 100%; float: left;}
.examgrid p {font-size: 14px;}
.examgrid {width: 30%; float: left; background: rgb(0,0,0,0) linear-gradient(45deg,#4374b9,#ee424f) repeat scroll 0% 0%;  margin: 1.6%;  padding: 2%; border-radius: 10px;  color: #fff; height:320px;position: relative;}
h3.examgridhead {text-align: center;font-size: 20px; font-weight: 600;	padding-bottom: 10px;}
.readright {
	text-align: right;
    padding: 0 10%;
    left: 0;
    bottom: 5%;	
	position: absolute;
    width: 100%;
}
.fss.jsn-footer8 table {
    padding: 0;
    width: 85% !important;
    float: left;
    margin-top: 10px;
}
.readright a {color: #f5a81a;}
.readright a:hover {color: #ee424f;  text-decoration: none;}
.primages {width: 90%;  text-align: center; margin: 0 auto;}
.prwide {width: 23%; margin-right: 2%; float: left; padding: 10px;	height: 120px;	text-align: center;	border: 1px #ccc solid;	display: flex;	justify-content: center; background-color: #fff; }
.prwide a {text-align: center; display: flex;}
.primga {margin-right:0% !important;}
.section9 {  background: #f7f9f8 !important;padding-top: 25px;}