@media only screen and (max-width: 768px){
.info-data-detail {
    margin-bottom: 30px;
}
	.selectdrop::after

	{

	  margin-left: 8.255em;

	}.sec-service-detail .need-help-card{

width: 100% !important;

height: auto !important;
}

	.searchbtn

	{

		margin-top: 20px;

	}

	.sec-contact-form .container{

		width: 100%;

	}

}
@media only screen and (max-width: 767px){
.sec-service-detail .services-detail-contain .heading {
       margin-top: 25px;
   }

	.top-navbar .navbar-brand img { width: 260px;}
	.top-header-content a {font-size: 16px;}
	.pagebanner h3{line-height: 1.2; font-size: 30px;}
    .sec-service-detail .all-services-link .currunt-ser {font-size: 16px; width:auto !important;}
	.top-header-content{text-align: center;	margin: auto; display: none;}
	.sec-contact-info .info-data-detail .contain{  line-height:1.2 !important;margin-bottom:10px !important;	}
	.info-data-detail{margin-bottom:30px;}
	.top-img-slider .block-call-to-action{height: 370px;}
	.top-img-slider .black-gradient{height: 370px;}
	.top-img-slider .title{font-size: 28px;}
	.top-img-slider .below-title{font-size: 18px;}
	.top-img-slider .call-to-action{padding: 12px 40px;}
	.pagebanner{min-height: 200px;}
	.pagebanner-content{padding-top: 82px;}
	.border-box-div{display: none;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
.info-data-detail { margin-bottom: 30px;}
.sec-contact-info .info-data-detail i {margin-bottom: 15px;}
}
@media only screen and (max-width: 356px){
	.top-navbar .navbar-brand img {
    width: 235px;
    }
    .sec-service-detail .all-services-link .currunt-ser{
    	padding: 8px;
    }
}
@media only screen and (max-width:329px){
	.navbar-brand{
		margin-right: 0px !important;
	}
	.top-navbar .navbar-brand img {
    width: 195px;
    }
    .sec-service-detail .all-services-link .currunt-ser{
    	padding: 5px;
    	font-size: 14PX;
    }
    
}

@media (max-width: 992px) {
.navbar-toggler {
z-index: 10;
outline: none !important;
}
.navbar-collapse {
position: absolute;
top: 0px;
left: 100%;
width: 80%;
transition: all 0.2s ease-in-out;
display: block;
background-color: #ffffff;
    padding: 0px 30px 60px 30px;
    margin-top: 66px;
}
.navbar-collapse.collapsing {
height: auto !important;
margin-left: 50%;
left: 50%;
transition: all 0.2s ease-in-out;
}
.navbar-collapse.show {
    left: 20%;
    height: 100vh;
    z-index: 9;
}
}