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

@media only screen and (min-width: 991px) {
	.dropdown:hover .dropdown-menu {
	  display: block;
	  margin-top: 0;
	}
	.navbar-nav li:hover > ul.dropdown-menu {
		display: block;
		visibility: visible;
		overflow: visible;
		opacity: 1;
	}

}

@media only screen and (max-width: 1199px) {
	.bannerimg{
		padding-top: 70%;
	}
}
.mobilemenu{
	display: none;
}
@media only screen and (max-width: 991.5px) {
	
	.dropdown-menu.show {
		display: block;
		visibility: visible !important;
		overflow: visible !important;
		opacity: 1 !important;
	}
	.collapse.topmenu{
		display: none !important;
	  }
	.mobilemenu{
		display: block;
	}
	.bannerimg{
		padding-top: 95%;
	}
	/* menu */
	.navbar-toggler{
		padding: 0.25rem 0;
		position: relative;
		top: -4px;
		order: 3;
		opacity: 0;
	}
	.navbar-toggler .navbar-toggler-icon{
		width: 30px;
		height: 3px;
		background: #2f3d7c;
		border-radius: 5px;
		position: relative;
		transition: 0.5s;
	   }
	   .navbar-toggler .navbar-toggler-icon::after{
		content: '';
		position: absolute;
		top: -9px;
		width: 30px;
		height: 3px;
		background: #2f3d7c;
		border-radius: 5px;
		right: 0;
		transition: 0.5s;
	   }
	 
	   .navbar-toggler .navbar-toggler-icon::before{
		content: '';
		position: absolute;
		bottom: -9px;
		width: 30px;
		height: 3px;
		background: #2f3d7c;
		border-radius: 5px;
		right: 0;
		transition: 0.5s;
	   }
	 
	   .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
		background: transparent;
	   }
	   .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: 99999;
			background: #fff;
			padding: 0px 0;
			top: 0px;
			right: unset;
			width: 300px;
			box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
			border-radius: 0px;
			position: fixed;
			left: 0px;
			height: 100%;
			display: block !important;
			transition: 0.5s;
			overflow-y: auto;
	   }
	   .collapse:not(.show){
		left: -300px;
	   }

	   .navbar .navbar-collapse ul li{
		width: 100%;
	  }
	   .navbar .navbar-collapse ul li a {
			padding: 10px 15px !important;
			display: block;
			border-bottom: solid 1px #f9f9f9;
			transform: unset !important;
			color: #000 !important;
			margin: 0;
			font-size: 12px;
			margin-right: 0px !important;
	   }
	 

	  .navbar .navbar-collapse ul li:last-child{
		border-bottom: 0;
	  }

	  .cmprofile{
		top: 170px;
	  }
	  .top-contacts a{
		font-size: 12px;
	  }
	  /* .navbar .navbar-collapse ul li.dropdown::after{
		content: "";
		float: right;
		background-image: url(../images/down-aroblack.png);
		top: 6px;
		position: absolute;
		width: 10px;
		height: 8px;
		border: 0;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		right: 13px;
		top: 15px;
	  } */

	  .dropdown-toggle::after{
		filter: brightness(0);
		float: right;
		top: 6px;
	  }
	  /* .dropdown::before, .dropdown-submenu::after{
		content: "";
		width: 50px;
		height: 44px;
		background-color: transparent;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 99;
	  } */
	  .dropdown:empty{
		display: none;
	  }
	  .dropdown-submenu> .dropdown-item::after{
		right: 15px;
    	filter: brightness(0.5);
	  }
	  .navbar .navbar-collapse ul ul.dropdown-menu{
		box-shadow: none;
		background: #f3f3f3;
	  }
	  .dropdown-menu .dropdown-menu{
		background: #dfdfdf !important;
	  }


	  /* nave ======== */
	  .stellarnav.light{
		z-index: 99999;
	  }
	  .stellarnav > ul > li > a{
		color: var(--color-black) !important;
		padding: 14px 15px !important;
		line-height: 1.6;
	  }
	  .stellarnav.light ul ul{
		box-shadow: unset;
		background: #ebebeb !important;
	  }
	  .stellarnav.mobile ul ul ul{
		background: #d9d9d9 !important;
	  }
	  .stellarnav.mobile ul ul ul ul{
		background: #ebebeb !important;
	  }
	  a.menu-toggle {
		position: absolute;
		top: -56px;
		right: 0;
		font-size: 0;
	}
	  .stellarnav .menu-toggle span.bars{
		display: inline-block;
		margin-right: 2px;
		position: relative;
		top: -3px;
	  }
	  .stellarnav .menu-toggle span.bars span {
		display: block;
		width: 30px;
		height: 3px;
		border-radius: 6px;
		background: #777;
		margin: 0 0 8px;
	}
	.stellarnav.light .menu-toggle span.bars span{
		color: var(--color-blue);
	}
	.stellarnav ul ul li a{
		padding-right: 0px !important;
	}
	.stellarnav ul ul li a{
		padding: 14px 15px;
	}
	a.close-menu{
		font-size: 0 !important;
	}

	.stellarnav .icon-close{
		width: 25px;
		height: 25px;
		left: 7px;
    	top: -6px;
	}
	.stellarnav .icon-close:before{
		width: 20px;
		border-bottom: solid 2px #777;
	}
	.stellarnav .icon-close:after{
		width: 20px;
		border-bottom: solid 2px #777;
	}
	.stellarnav a.dd-toggle .icon-plus{
		background-image: url(../images/down-aro.png);
		background-repeat: no-repeat;
		background-position: center;
		width: 10px;
		background-size: contain;
		filter: brightness(0);
	}
	.stellarnav a.dd-toggle .icon-plus:after, .stellarnav a.dd-toggle .icon-plus:before{
		display: none;
	}
	.stellarnav li.open > a.dd-toggle .icon-plus{
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.stellarnav.mobile.right > ul {
		right: unset !important;
		left: 0 !important;
	}
	.stellarnav.mobile.light li a.dd-toggle{
		background: transparent !important;
		border: 0 !important;
	}
}

@media only screen and (max-width: 767px) {
	.top-contacts a{
		padding: 0 5px;
	}
	.col-md-6.iframediv {
		margin-bottom: 15px;
	}
	h1, h2, .heading{
		font-size: 20px;
	}
	/* .description-box img{
		height: 65px;
		object-fit: contain;
	} */
	.post-box:last-child{
		align-items: center;
	}
	.post-boximg{
		width: 100px;
		height: 100px;
		flex-shrink: 0;
	}
	.post-describe{
		padding: 0;
		padding-left: 15px;
	}
	.chaticon{
		bottom: 20px;
	}
	.go-top{
		bottom: -27px;
	}
	.service-div p{
		min-height: auto;
	}
	p:empty{
		display: none;
	}
	.news-boximg img{
		object-fit: contain;
		background-color: #f5f5f5;
	}

	.bannerimg {
		padding-top: 56%;
	}
	.banner-main h1{
		font-size: 22px;
	}
	.banner-main .carousel-caption .col-md-10{
		padding: 0 70px;
	}
	.right-bannertext .event-box figure img{
		max-height: 50px;
	}
	.section-title.text-center.mb-5{
		margin-bottom: 30px !important;
	}
	.footer-nave ul li{
		padding: 5px 15px;
	}
	.left-banner {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.right-bannertext {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 20px 15px !important;
	}
	.left-solution{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.right-why{
		margin-top: 25px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.header-top .d-flex{
		flex-wrap: wrap;
		justify-content: center !important;
		text-align: center;
	}
	.sochal-icons ul li a{
		width: 30px;
    	height: 30px;
	}

	
}

@media only screen and (max-width: 576px) {
	.stellarnav .menu-toggle span.bars{
		top: 0px;
	}

	.contact-footer ul li::after{
		display: none;
	}
	.cn-box .dtls span{
		margin-bottom: 0px;
	}
	.contact-footer ul li{
		padding: 5px 5px;
	}
	.brand-logo{
		order: 2;
	}
	.banner-main h1{
		font-size: 18px;
		margin-bottom: 5px;
	}
	.position-relative.ml-2.ml-lg-4{
		width: 100%;
		margin: 12px 0 5px 0 !important;
		order: 1;
		z-index: 1;
	}
	button.navbar-toggler.collapsed{
		order: 3;
	}
	.serch-bar{
		max-width: 100%;
	}
	.cn-box .dtls{
		padding-left: 5px;
		font-size: 10px;
	}
	.sochal-icons ul li a i{
		line-height: 32px;
		font-size: 13px;
	}
	
	.brand-footer img{
		max-width: 190px;
	}
	.footer-button p{
		text-align: center;
		width: 100%;
	}
	.sochal-icons {
		text-align: center;
		width: 100%;
		padding-top: 10px;
		display: none;
	}
	.brand-logo img {
		width: 150px;
	}
	.serch-bar input{
		height: 38px;
	}
}

#mycustomimage {
    display: block;
}


@media only screen and (max-width: 476px){
	.banner-main p{
		font-size: 10px;
	}
	.banner-main h1 {
		font-size: 12px;
	}
	.banner-main .carousel-caption .col-md-10{
		padding: 0 60px;
	}
	.carousel-control-next{
		right: 5px;
	}
	.carousel-control-prev{
		left: 5px;
	}
	.navbar-collapse{
		width: 290px;
	}
}