@media only screen and (max-width:1169px) 
{
.register-package {    flex: 0 0 calc(50% - 25px);}
}


@media only screen and (max-width:992px) {
.navbar-toggle1{display:block!important;}
.responsivemenu ul{display:none; position:absolute; top:100%; right:20px; width:250px; z-index:1000; background:#000;}
.responsivemenu ul li{width:100%; border-bottom:1px solid #404040; position:relative;}
.responsivemenu ul li a{color:#FFF;}
.responsivemenu ul li a:hover{color:#F7C51E;}
.package1 {margin-bottom:25px;}
.getintouchimg01 {margin-top:20px; margin-bottom:20px;}
.demoform{margin-top:30px;}
.Hpanel01-text{ margin-bottom:20px;}
.Hpanel01-img img {margin-bottom: 0px;}
.otherservices-cont{width:33.33%;}
.navbar-toggle1{top: 25px; right:20px;}
.bannerpanel .bannertext{width:100%;}
.Hpanel02-col {flex: 0 0 calc(33.33% - 20px);}
.wc-cont-col{flex: 0 0 calc(33.33% - 20px);}
.register-cont{width:80%;}
.register-package {    flex: 0 0 100%;}

 }
 

@media only screen and (max-width: 768px) {
 
 
.logo{text-align:center;}
.servicepanel-box{width:100%!important;}
.bannerpanel{ text-align:center;}
.aboutuspanel-cont{ text-align:center;}
.aboutuspanel h3,.aboutuspanel p{text-align:center;}
.aboutuspanel p{margin-bottom:10px;}
.aboutuspanel img{margin-bottom:30px;}
.servicepanel-box h3{margin-bottom:40px;}
.footersocial{text-align:center;}
.otherservices-cont{width:50%;}
.Hpanel02-col {flex: 0 0 calc(50% - 20px);}
.wc-cont-col{flex: 0 0 calc(50% - 20px);}
.register-cont{width:100%;}
.register-package {    flex: 0 0 100%;}
 
}


@media only screen and (max-width:650px) {
.otherservices-cont{ width:100%; }
}

@media only screen and (max-width:575px) {
	.logo{ width:80%;}
	.navbar-toggle1{top: 35px; right:15px;}
	.Hpanel02-col {flex: 0 0 100%;}
	.wc-cont-col{flex:0 0 100%;}
	.agentpanel-box{text-align:center;}
	.login-box{width:90%;}
 
}
@media only screen and (max-width:380px) {
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {margin-left:10px;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {margin-right:10px;}
.bannerpanel .bannertext{padding-top:0px;}
.bannerpanel .bannertext h2{font-size:35px; margin-top:20px;}
.bannerpanel .bannertext a{padding: 10px 25px;}
.slide1,.slide2,.slide3{height:350px;float: left;}

 }

 

@media only screen and (max-width: 320px) {
.header .container .row .col-xs-6{width:100%;}

}