@media only screen and (max-width: 1920px) {
 .back-banner{
    background-image: url('../images/bg.png');
background-size:cover;
background-repeat: no-repeat;
position: relative;
height: 100vh;
}

}

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


div#hero-slider {
    position: relative;
    margin-left: 180px;
}
	.imglist {
     position: relative !important;
    margin-top: 0 !important;
    margin-left: 70px !important;
}
.imglist a

{
	display: inline-block !important;
	margin-top: 0px !important;
}

.imglist a img {
    margin-left: 0;
 /*   height: 150px !important;
    width: 150px !important;*/
    position: absolute;
    bottom: 65px !important;
    margin-left: 270px !important;
}
 .imglist .image-flower{
	position: absolute;
	bottom: 64px !important;
	margin-left: -8px !important;
}
	.flash-icon img {
    position: absolute;
    top: 3%;
    width: 75px;
    margin-top: 64px;
    display: none;
}

	.flash-icon2 img {
    position: absolute;
    top: 3%;
    left: 412px;
    display: none;
}

	 .sidebarIconToggle{left:inherit !important; right:30px;}

	 .banner_caption h2 {
    /*position: absolute;*/
    bottom: 380px;
    color: #ffffff;
    text-transform: capitalize;
    font-size: 24px !important;

    z-index: 999;
}
.slick-dots{
    bottom: 4%;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    left: 9%;
}
.slick-slide img {
    display: block;
    float: right;
    width: 80%;
    height: 100vh;
}

.logo {
    padding: 20px 0;
    width: 27%;
    z-index: 9;
    position: absolute;
    left: 36px;
    top: 26px;
}
.logo img {
    padding-top: 0px;
    padding-left: 7px;
    max-width: 100%;
}
.banner_caption {
    top: 35%;
    left: 5%;
    z-index: 9999;
    width: 50%;
}
.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    top: 42px;
    left: 5%;
    height: 34px;
    width: 29px;
}
.slider-btn {
    bottom: 103px;
    background-color: #fff;
    color: #000;
    border-radius: 20px;
    padding: 9px 29px;
    left: 6%;
    text-decoration: none;
    z-index: 999;
}
	.slider-btn:hover, .slider-btn:active {
    bottom: 67px;
    background-color: #233495;
    color: #fff;
    border-radius: 20px;
    padding: 9px 29px;
    left: 6%;
    text-decoration: none;
    z-index: 999;
}


.new-img {
    right: 4%;
    bottom: 30px;
}
.footer-develop p
{
    color: #fff;
    bottom: 31px;
    left: 21%;
    z-index: 9999;
}
	.footer-para p 
	{

    color: #fff;
    left: 7%;
    top: -65px;
    }
    .reg_office p {
    /* margin-left: 7px; */
    line-height: 20px;
    margin-bottom: 18px;
    font-size: 18px;
}
	.reg_office li{
		margin-top: 20px;
	}
	.reg_office h3{
padding-bottom: 4px;
color: #fff;
padding-left: 15px;
margin: 0px;
}
.head_reg h3{
color: #fff;
padding-bottom: 4px;
padding-left: 16px;
margin:0px;
}
.head_reg p{

    margin-left: 7px;
    line-height: 20px;
    font-size: 18px;

}
.head_reg li{
	font-size: 20px;
	margin-top: 18px;
}

}
@media only screen and (max-width:991px) {
    .imglist a img {
    vertical-align: top;
    height: 200px !important;
    width: 220px !important;
}
    .imglist a img {
    margin-left: 0;
    position: absolute;
    bottom: 65px !important;
    margin-left: 242px !important;
}
.imglist .image-flower {
    position: absolute;
    bottom: 64px !important;
    margin-left: -27px !important;
}
    .logo {
    padding: 20px 0;
    width: 22%;
    z-index: 9;
    position: absolute;
    left: 36px;
    top: 26px;
}
.banner_caption {
    top: 28%;
    left: 5%;
    z-index: 9999;
    width: 50%;
}
.head_reg {
    position: relative;
    padding-top: 10px;
}
	.banner_para_overflow p{
    overflow-y: auto;
    height:108px;
    bottom: 127px;
    margin-bottom: 38px;
    margin-top: 20px;
}
.footer-para p {
    color: #fff;
    left: 7%;
    top: -61px;
}
.reg_office p {
    /* margin-left: 7px; */
    line-height: 10px;
    margin-bottom: 12px;
    font-size: 13px;
}
.head_reg {
    position: relative;
    padding-top: 10px;
}
.head_reg p {
    margin-left: 7px;
    line-height: 18px;
    font-size: 13px;
}
.reg_office li {
    margin-top: 15px;
}
}
@media only screen and (max-width:767px) {
    .imglist {
    position: relative;
    top: -60px;
}
    .imglist {
    position: relative !important;
    margin-top: 0 !important;
    margin-left: 42px !important;
}

	.reg_office p {
    /* margin-left: 7px; */
    line-height: 11px;
    margin-bottom: 18px;
    font-size: 13px;
}

.banner_caption {
    top: 32%;
    left: 5%;
    z-index: 9999;
    width: 50%;
}
	.reg_office p {
    /* margin-left: 7px; */
    line-height: 12px;
    margin-bottom: 18px;
    font-size: 12px;
}
.head_reg p {
    margin-left: 7px;
    line-height: 15px;
    font-size: 12px;
}
	.imglist a img {
    vertical-align: top;
    margin-left: 65px;
    height: 181px !important;
    width: 181px !important;
}
.imglist a img {
    margin-left: 0;
    position: absolute;
    bottom: 99px !important;
    margin-left: 185px !important;
}
.imglist .image-flower {
    position: absolute;
    bottom: 100px !important;
    margin-left: -7px !important;
}
	.banner_para_overflow p{
    overflow-y: auto;
    height:108px;
    bottom: 127px;
    margin-bottom: 38px;
}
	.logo {
    padding: 20px 0;
    width: 24%;
    z-index: 9;
    position: absolute;
    left: 36px;
    top: 0;
}

.footer-para p {
    color: #fff;
    left: 6%;
    top: -66px;
    text-align: left;
}
.footer-develop p {
    color: #fff;
    bottom: 38px;
    left: 54%;
    z-index: 9999;
}
.head_reg li {
    font-size: 20px;
    margin-top: 10px;
}
.slick-dots {
    bottom: 30%;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    left: 41%;
    transform: rotate(90deg);
}
.new-img {
    right: 58px;
    bottom: 35px;
    width: 50px;
}
.banner_caption {
    top: 23%;
    left: 5%;
    z-index: 9999;
    width: 50%;
}
	}
@media only screen and (max-width:717px) {
    .footer-para p {
    color: #fff;
    left: 6%;
    top: -86px;
    text-align: left;
}
.footer-develop p {
    color: #fff;
    bottom: 37px;
    left: 6%;
    z-index: 9999;
}

}

  @media only screen and (max-width:600px) {
.imglist a img {
    vertical-align: top;
    margin-left: 65px;
    height: 160px !important;
    width: 160px !important;
}
}


    @media only screen and (max-width:500px) {
        .imglist {
    font-size: 0;
    top: -60px;
}
.imglist a img {
    height: 140px !important;
    width: 140px !important;
        bottom: 99px !important;
    margin-left: 155px !important;
}
.new-img{
    display: none;
}
.logo {
    padding: 20px 0;
    width: 26%;
    z-index: 9;
    position: absolute;
    left: 22px;
    top: 0;
}
.banner_caption {
    top: 18%;
    left: 5%;
    z-index: 9999;
    width: 50%;
}
    }
	@media only screen and (max-width:425px) {


.reg_office p {
    /* margin-left: 7px; */
    line-height: 16px;
    margin-bottom: 18px;
    font-size: 12px;
}
.footer-para p {
    color: #fff;
    left: 6%;
    top: -100px;
    text-align: left;
}
 .back-banner{
    background-image: url('../images/bg.png');
background-size:cover;
background-repeat: no-repeat;
position: relative;
max-height: 100%;
}
#sidebarMenu {
    height: 43%;
    position: fixed;
    right: 0;
    width: 250px;
    margin-top: 90px;
    transform: translateX(250px);
    transition: transform 250ms ease-in-out;
    background: linear-gradient(180deg, #5c7dc4 0%, #4a5ba8 100%);
    z-index: 99999;
}
.banner_para_overflow p {
    overflow: hidden;
    height: auto;
    bottom: 127px;
    margin-bottom: 38px;
    line-height: 18px;
    text-align: justify;
}
.imglist .image-flower {
    position: absolute;
    bottom: 200px !important;
    margin-left: -7px !important;
}
.footer-position {
    position: relative;
    top: 0px;
}
.new-img{
	display: none;
}

.imglist {
    top: -115px;
}
.imglist a img {
    height: 200px !important;
    width: 200px !important;
    bottom: -15px !important;
    margin-left: -6px !important;
}
.logo {
    padding: 20px 0;
    width: 34%;
    z-index: 9;
    position: absolute;
    left: 22px;
    top: 0;
}
.slick-slide img {
    display: block;
    float: right;
    width: 80%;
    height: 100vh;
    visibility: hidden;
}
.banner_caption {
    top: 18%;
    left: 5%;
    z-index: 9;
    width: 80%;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #fff;
    border-radius: 50%;
    display: none;
}
	}


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

.banner_para_overflow.index-scroll p{
    overflow-y: hidden;
      height: 127px;
    bottom: 127px;
    margin-bottom: 38px;
    line-height: 18px;
}
.banner_para_overflow p {
    overflow-y: scroll;
    height: 127px;
    bottom: 127px;
    margin-bottom: 38px;
    line-height: 18px;
    margin-top: 10px;
}

.slick-slide img {
    display: block;
    float: right;
    width: 80%;
    height: 100vh;
    visibility: hidden;
}
.slick-dots {
    bottom: 30%;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    left: 41%;
    transform: rotate(90deg);
    visibility: hidden;
}

.banner_caption {
    top: 21%;
    left: 5%;
    z-index: 9999;
    width: 90%;
}
.logo {
    padding: 20px 0;
    width: 44%;
    z-index: 9;
    position: absolute;
    left: 15px;
    top: 0;
}
/*.imglist a img {
    vertical-align: top;
    margin-left: 65px;
    height: 140px !important;
    width: 140px !important;
}*/
.imglist a img {
    bottom: 133px !important;
    margin-left: 150px !important;
    height: 130px !important;
    width: 130px !important;
}
.imglist .image-flower {
    position: absolute;
    bottom: 133px !important;
    margin-left: 3px !important;
}
.imglist {
    top: -80px;
}

}


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

.banner_para_overflow.index-scroll p{
    overflow-y: hidden;
      height: 127px;
    bottom: 127px;
    margin-bottom: 38px;
    line-height: 18px;
}
.banner_para_overflow p{
    overflow-y: hidden;
      height: auto;
    bottom: 127px;
    margin-bottom: 38px;
    line-height: 18px;
}

.imglist .image-flower {
    position: absolute;
    bottom: 133px !important;
    margin-left: -17px !important;
}

#sidebarMenu {
    height: 50%;
    position: fixed;
    right: 0;
    width: 250px;
    margin-top: 90px;
    transform: translateX(250px);
    transition: transform 250ms ease-in-out;
    background: linear-gradient(180deg, #5c7dc4 0%, #4a5ba8 100%);
    z-index: 99999;
}
.slick-slide img {
    display: block;
    float: right;
    width: 80%;
    height: 100vh;
    visibility: hidden;
}
.slick-dots {
    bottom: 30%;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    left: 41%;
    transform: rotate(90deg);
    visibility: hidden;
}

.banner_caption {
    top: 18%;
    left: 5%;
    z-index: 9999;
    width: 90%;
}
.footer-develop p {
    color: #fff;
    bottom: 31px;
    left: 20px;
    z-index: 9999;
}
.footer-para p {
    color: #fff;
    left: 6%;
    top: -100px;
    text-align: left;
}
.imglist a img {
    bottom: 133px !important;
    margin-left: 122px !important;
    height: 120px !important;
    width: 120px !important;
}

		}