/* ---- Responsive ---- */
@media (min-width: 1439px) and (max-width: 1920px) {
  
}
@media (min-width: 1200px) and (max-width: 1440px) {
  	
}
@media (min-width: 992px) and (max-width: 1199px) {
	nav.menu ul li a{
		padding: 15px 10px;
	}
	.whychoose .vid-sec .video-thumb{
		margin-top: 30px
	}
	.ybox{
		padding-bottom: 20px
	}
	.infrastructure-content .galbox{
		height: 200px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.head-bottom{
		position: relative;
		bottom:0px
	}
	.mean-container .mean-bar{
		border-top: 0px solid #ccc;
		min-height: 46px;
		background: transparent!important;
	}
	.mean-container a.meanmenu-reveal{
		height: 46px;
		line-height: 46px;
	}
	.mean-container .mean-nav{
		margin-top: 46px;
	}
	.sbox{
		margin-bottom: 10px
	}
	.ybox{
		padding-bottom: 20px
	}
	.whychoose .vid-sec{
		text-align: center;
	}
	.whychoose .vid-sec img{
		width: 95%
	}
	.video{
		margin-bottom: 15px
	}
	.md-mb-20{
		margin-bottom: 20px
	}
	.cbox{
		margin-bottom: 10px
	}
}
@media (max-width: 767px) {
	.head-logo{
		padding-bottom: 0px;
		text-align: center;
	}
	.head-logo img{
		
		margin: auto;
	}
	.menu-text {
	    position: absolute;
	    top: 20px;
	    left: 0px
	}
	.mean-container .mean-bar{
		border-top: 1px solid #ccc;
		min-height: 46px;
		background: transparent!important;
		margin-top: 10px
	}
	.mean-container a.meanmenu-reveal{
		height: 46px;
		line-height: 46px;
	}
	.mean-container .mean-nav{
		margin-top: 46px;
	}
	.slider-btn-area{
		display: none;
	}
	.appointment-toggle{
		left: -32px;
		margin-top: -112px;
	}
	.appointment-toggle img{
		width: 32px
	}
	.appointment-panel{
		width:280px;
		right: -312px;
		max-height: 100%;
		top: 0px;
	}
  	.main-panel {
		margin-left: 0;
		width: 100%; 
    }
    .ybox{
		padding-bottom: 20px
	}
	.whychoose .vid-sec{
		text-align: center;
	}
	.whychoose .vid-sec img{
		width: 94%
	}
	.copyright p{
		display: block;
		text-align: center;
	}
	.copyright p:last-of-type{
		float: none;
	}
	.custom-form .form-group{
		margin-bottom: 20px
	}
	.infrastructure-content .galbox{
		height: 200px;
	}
	.media-content .videobox i {
		width: 55px;
		height: 55px;
		line-height: 55px;
		font-size: 20px;
	}
	.media-content .videobox{
		margin-bottom: 20px
	}
	.doc-list .doc-img1{
		width: 100px;
		height: 100px;
	}
	.sm-mb-20{
		margin-bottom: 20px
	}
	.sm-pl-0{
		padding-left: 0px;
	}
	.foot-info-mid{
		width: 100%;
	}
	.cbox{
		margin-bottom: 10px
	}
}
@media (max-width: 575px) {
	.slider-layout1 .slide-1 .slider-paragraph,
  	.slider-layout1 .slide-2 .slider-paragraph,
  	.slider-layout1 .slide-3 .slider-paragraph {
	    display: none;
	}
	.ybox{
		margin: 0 10px
	}
	.page-banner{
		min-height: 180px;
	}
	.page-banner .page-title{
		top: 50px;
	}
	.infrastructure-content .galbox{
		height: 200px;
	}
	.contact-info-box .inner-box{
		width: 30px;
		height: 30px;
	}
	.contact-info-box .inner-box i{
		font-size: 15px;
		line-height: 30px;
	}
	.contact-info-box .text-box{
		padding-left: 10px;
	}
	.doc-list{
		padding: 30px 10px 25px 10px;
	}
	.doc-list .doc-info{
		text-align: center; 
	}
	.doc-list .doc-info .btn{
		padding: 0 5px;
	}
	.xs-mb-20{
		margin-bottom: 20px
	}
}
@media (max-width: 568px) {
	
}
@media (max-width: 480px) {
	.team-carousel .owl-nav .owl-next, .team-carousel .owl-nav .owl-prev{
		top: 270px;
	}
	.team-carousel .owl-nav .owl-prev{
		left:37%
	}
	.team-carousel .owl-nav .owl-next{
		right: 37%
	}
	.list2 li{
		width:100%
	}
}
@media (max-width: 414px) {
	.sec-title h3{
		font-size: 1.3rem;
	}
	.accordion .card .card-header a{
		font-size: 0.85rem;
	}
}
@media (max-width: 375px) {
	.page-title h1{
		font-size: 1.45rem;
	}
	
}
@media (max-width: 320px) {
	
}