@media (min-width: 1200px){
    .container {
        max-width: 1200px;
    }
}

@media only screen and (min-width: 991px) {
	.dropdown:hover .dropdown-menu {
	  display: block;
	  margin-top: 0;
	}
}

@media only screen and (max-width: 991px) {
	.news-wrap .col-6{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.news-content{
		padding: 15px;
	}
	.brand-logo{
		order: 1;
	}
	ul.serch-contact{
		order: 2;
	}
	.navbar-toggler{
		order: 3;
		min-width: 66px;
		height: 30px;
		position: relative;
	}

	.navbar-toggler .navbar-toggler-icon{
		width: 37px;
		height: 3px;
		background: var(--color-blue);
		border-radius: 5px;
		position: relative;
		transition: 0.5s;
		right: 0px;
		position: absolute;
	}
	.navbar-toggler .navbar-toggler-icon::after{
		content: '';
		position: absolute;
		top: -8px;
		width: 32px;
		height: 3px;
		background: var(--color-blue);
		border-radius: 5px;
		right: 0;
		transition: 0.5s;
	}

	.navbar-toggler .navbar-toggler-icon::before{
		content: '';
		position: absolute;
		bottom: -8px;
		width: 32px;
		height: 3px;
		background: var(--color-blue);
		border-radius: 5px;
		right: 0;
		transition: 0.5s;
	}

	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
		width: 0;
	}
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before{
		transform: rotate(-38deg);
		bottom: 0px;
	}
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after{
		transform: rotate(38deg);
		top: 0px;
	}
	.navbar-collapse {
		position: absolute;
		z-index: 999;
		background: #fff;
		padding: 0px 0;
		top: 60px;
		right: 0;
		width: 300px;
		box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
		border-radius: 5px;
	}
	.navbar-collapse ul li a {
		padding: 10px 15px !important;
		display: block;
		transform: unset !important;
	}
	
	.navbar .navbar-collapse ul li{
		padding: 0px 0px;
	}

	.navbar .navbar-collapse ul li a{
		display: block;
	}
	.navbar .navbar-collapse ul li a:hover{
		color: var(--color-green);
	}
	.navbar .navbar-collapse ul ul.dropdown-menu{
		border-radius: 0;
		background-color: var(--color-bg-gray);
		box-shadow: none;
	}
	
	.navbar .navbar-collapse ul ul.dropdown-menu li a{
		border-radius: 0;
	}
	.banner-main .owl-nav{
		bottom: 20px;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.sec-space {
		padding: 30px 0;
	}
	.panelright-text{
		-ms-flex: 0 0 58%;
		flex: 0 0 58%;
		max-width: 58%;
	}
	.brand-logo img {
		width: 120px;
	}
	.banner-content{
		top: 50%;
	}
	.banner-content h2{
		font-size: 35px;
	}
	.footer-content h3{
		margin-bottom: 10px;
	}
	.section-title h2, .div-title h3, .contact-form h2 span, .abt-wrap h3, .tc-content h3{
		font-size: 25px;
		margin-bottom: 8px;
	}
	.abt-wrap{
		padding: 20px;
	}
	.news-content h6{
		line-height: normal;
	}
	.inner-news .news-box .news-content h4{
		line-height: normal;
	}
	.contactbox a, .contactbox p{
		margin-bottom: 0;
	}
	
}
@media only screen and (max-width: 767px) {
	.news-dtlsimg img{
		height: 250px;
		min-height: 250px;
	}
	
	.contactbox{
		padding: 20px;
    	padding-left: 80px;
	}
	.contactbox a, .contactbox p{
		font-size: 14px;
	}
	.contact-form{
		padding: 15px;
	}
	ul.sochalicon {
		margin-bottom: 0px;
	}

	.mainmtl:nth-child(odd) .bd_ourimg{
		order: unset;
	}
	.abt-wrap,.tc-custom, .abt-wrap{
		padding: 15px;
	}
	
	.srcform::before{
		left: 233px;
	}
	.page-title h4{
		font-size: 20px;
	}
	.page-title ul li a, .page-title ul li{
		font-size: 12px;
	}
	.abt-cms-image img{
		height: 250px;
	}
	
	.panelright-text{
		padding: 20px;
	}
	.readmore-btn, .banner-btn{
		padding: 8px 28px;
    	min-width: 100px;
	}
	ul.serch-contact li{
		padding: 0 15px;
	}
	.section-title h2, .div-title h3, .contact-form h2 span, .abt-wrap h3, .tc-content h3 {
		font-size: 20px;
		margin-bottom: 8px;
	}
	.news-text h2{
		font-size: 16px;
	}
	.advance-img{
		margin-bottom: 15px;
	}
	.brand-logo img {
		width: 100px;
	}
	.owl-carousel.banner-main .owl-item .item{
		height: 360px;
		
	}
	.owl-carousel.banner-main .owl-item .item img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	ul.serch-contact li a{
		font-size: 13px;
	}
	.news-slide .owl-nav .owl-prev{
		right: -12px;
	}
	.news-slide .owl-nav .owl-next{
		left: -12px;
	}
	.banner-content p, .bg-advsolution p, .news-content, .testimonial-box{
		line-height: 1.4;
	}
	.section-title.text-center.mb-3.pb-3{
		margin-bottom: 0 !important;
	}
	.footer-logo{
		padding: 20px 0;
	}
	.footer-logo img{
		width: 100px;
	}
	.footer-content, .mainmtl {
		padding: 30px 0;
	}
}
@media only screen and (max-width: 575px) {
	.advsolution-slide .owl-nav .owl-prev{
		right: -15px;
	}
	.advsolution-slide .owl-nav .owl-next{
		left: -15px;
	}
	.banner-content h2{
		font-size: 25px;
		margin-bottom: 10px;
	}
	.banner-content p{
		margin-bottom: 15px;
	}
	.menumain{
		padding: 15px 0;
	}
	.testimonial-box{
		padding: 20px;
		padding-left: 40px;
	}
	.testimonial-box::after{
		left: 10px;
        top: 5px;
	}
	.srcform{
		position: fixed;
		top: 60px !important;
		left: 0;
		width: 100%;
	}
	.srcform::before{
		display: none;
	}
	.panelright-text p{
		line-height: 1.4;
	}
	
	
}
@media only screen and (max-width: 475px) {
	ul.serch-contact li a{
		font-size: 0;
		padding: 0 10px;
	}
	ul.serch-contact li a img{
		margin-right: 0;
		width: 20px;
	}
	ul.serch-contact li:last-child{
		display: flex;
	}
	ul.serch-contact li:last-child br{
		display: none;
	}
	ul.serch-contact li:last-child::before{
		display: none;
	}
	ul.serch-contact li{
		padding: 0;
	}
	.sticky .menumain{
		padding: 15px 0;
	}
	
	#myHeader{
		min-height: 61px;
	}
	ul.serch-contact{
		margin-left: auto;
	}
	.navbar-collapse{
		top: 42px;
	}
	.image-panel{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		order: 1;
	}
	.panelright-text{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		order: 2;
		text-align: left !important;
	}
	.lefrit-row:nth-child(odd) .panelright-text{
		order: 2;
	}
	.abt-content h3, .abt-content h2 {
		font-size: 16px;
	}
	
}

@media only screen and (max-width: 320px) {
	.navbar-toggler{
		min-width: 45px;
	}
	.page-title h4{
		font-size: 16px;
		margin-bottom: 0px;
	}
	ul.serch-contact li a img{
		width: 15px;
	}
	.brand-logo img {
		width: 85px;
	}
}