@media (min-width:991.98px) {
    .menu ul {
        display: block!important;
    }
  /*  .menu ul li > ul {
        display: none!important;
    }*/
   .menu ul li:hover > ul {
    /* display: block!important; */
    opacity: 1;
    top: 100%;
    visibility: visible;
}
}
/* md */
@media(max-width: 1199.98px) {
	.banner ul.social-link::before, .banner ul.social-link::after, .service-area::before{ display:none;} 
	.banner{height: 60vh;}	
 
}

@media (max-width: 991.98px) {
	
 .menuButton {
	display: block;
	margin-left: 0;
	cursor: pointer;
	margin-right: 10px;
	pointer-events: painted;
}
    .menu ul li span {
        background: url(../images/menu_arrow.png) center center no-repeat;
        cursor: pointer;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 15px;
        top: 20px;
        z-index: 99;
    }
    .menu ul li:hover span {
        background: url(../images/menu_arrow_hover.png) center center no-repeat;
    }
    .arrow_change span:nth-child(2) {
        display: none;
    }
    .arrow_change span:first-child {
        position: relative;
        top: 9px;
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    .arrow_change span:last-child {
        position: relative;
        top: 1px;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .menuBar {
        padding: 15px 0;
    }
  .menu {
    padding: 5px 0;
}
   .menu ul {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 99;
    pointer-events: painted;
}
   .menu ul li a {
    color: #071731;
    display: block;
    width: 100%;
    font-size: 14px;
}
 .menu ul li ul {
	display: none;
	background-color: #fff;
	position: relative;
	top: 5px;
	left: 0;
	width: 100%;
	z-index: 1;
	padding: 0;
	opacity: 1;
	visibility: inherit;
}
    .menu ul li:last-child ul {
        display: none;
        background-color: #3958a1;
        position: relative;
        top: 5px;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .menu ul li {
        display: block;
        padding: 15px;
        border-top: 1px solid #cccccc54;
        text-align: left;
        position: relative;
    }
   .menu ul li span {
	position: absolute;
	right: 0px;
	/* top: 30px; */
	z-index: 99;
	cursor: pointer;
	top: 0;
	text-align: center;
	width: 40px;
	height: 40px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
    .menu ul li ul li ul {
        top: 0;
        left: 0;
    }
  .menu ul li ul li a {
	font-size: 13px;
	text-transform: none;
	background-color: #fff;
	padding: 9px 10px;
	color: #000;
	font-weight: 300;
}
	.menu ul li:hover ul li a{
		color: #000;
	font-weight: 300;
		
	}
	.menu ul li:hover ul li a:hover {
	color: #0c89ce;
}
	.menu ul li a {
	padding: 0px 0px;
	font-weight: 500;

}
	.menu ul li span::after {
	
	top: 10px;
	right: 14px;
	font-size: 14px;
	
}	
.banner {height: 35vh;}
	.banner .banner-contain-area .banner-contain h1{font-size: 50px;line-height: 58px;}
	.banner ul.social-link{ display:none;}
	.p-80 {padding: 40px 0;}
	.heading h2{font-size: 35px;line-height: 37px;}
	.portfolio-number-area .portfolio-heading h4, .blogarea h3, .testimonial-area h3, .portfolio-number-area .number h5{font-size: 35px;line-height: 37px;}
	.videoarea{min-height: 450px;}
	.videoround{top: 180px;}
	.getintoucharea form {padding-right: 0px;}
	.getform, .contactform{order: 2;}
	.getext, .contactext{order: 1;}
	.getright{position: inherit;text-align: center;padding: 10px 0px 20px 0px;}
	.getright h3::after{ display:none;}
	.getright p br, .footer_area p{ display:none;}
	.copyright, .copyright p{ display:block;}
	.footer_card {margin-bottom: 10px;}
	.subbanner{min-height: 350px;}
	.subbanner h1{font-size: 55px;line-height: 65px;}
	.subbanner .container{top: 60%;}
	.write{ margin-bottom:20px;}
	.portfolio-number-area .number small{font-size: 20px;line-height: 24px;}
	.about-card{margin-bottom: 10px;}
}

@media (max-width: 767.98px) {
.banner {height: 30vh;}
.banner .banner-contain-area .banner-contain h1 {font-size: 40px;line-height: 45px;}
.banner .banner-contain-area .banner-contain{margin-top: 90px;}
	.about-area .heading h2, .service-area .heading h2, .heading h2{font-size: 35px;margin: 0 0 15px;line-height: 40px;}
	.about-area .heading p{font-size: 20px;line-height: 28px;}	
	.about-card-box::after{ display:none;}	
.heading {margin: 0 0 20px;}	
	.about-card{text-align: center;margin-top: 20px;}	
.p-80 {padding: 30px 0;}	
	.service-area .heading h2{ text-align:center;}	
	.service-area .heading h2 br{ display:none;}
	.service-carousel .owl-nav {position: inherit;top: initial;right: 0px;bottom: -7px;left: 0px;width: 100%;}
	.service-carousel .owl-nav .owl-prev::before, .service-carousel .owl-nav .owl-next::before{top: 6px;font-size: 15px;}
	.service-area{padding: 30px 0px 40px;}
	.heading h2::after, .blogarea h3::after{right: 0px;width: 140px;margin: 0 auto;left: 0px;}
	.service-area .heading, .portfolio-area .heading {margin-bottom: 30px;}
	.service-carousel .owl-nav .owl-prev, .service-carousel .owl-nav .owl-next{width: 35px;height: 35px;}
	.portfolio-number-area .portfolio-heading{padding-bottom: 20px;margin-bottom: 20px;display: block !important;text-align: center;}
	.portfolio-number-area .portfolio-heading h4, .portfolio-number-area .portfolio-heading p{max-width: 100%;}
	.portfolio-number-area .portfolio-heading h4{font-size: 40px;line-height: 50px;}
	.portfolio-number-area .portfolio-heading p{font-size: 20px;line-height: 28px;}
	.number{text-align: center;margin-bottom: 15px;}
	.blogarea{ padding:40px 0px;}
	.blogarea h3, .testimonial-area h3{font-size: 35px;margin: 0 0 35px;line-height: 40px; text-align:center;}
	.blogbox{margin-bottom: 30px;}
	.videoarea {min-height: 350px;}
	.videoround {top: 135px;}
	.getintoucharea{padding:35px 0px;}
	.getright h3{ font-size:35px;}
	.innservicebox .img-box{height: auto;}
	.service-box{margin-bottom: 30px;min-height: auto;}
	.service-carousel .slick-prev {right: 95px;bottom: -15px;left: 0px;margin: 0px auto; top:initial;width: 40px;height: 40px; z-index:9}
	.service-carousel .slick-next{right: 0px;bottom: -15px;left: 0px;margin: 0px auto;top:initial;width: 40px;height: 40px;z-index:9}
	.service-carousel .slick-prev::before, .service-carousel .slick-next::before{top: 8px;font-size: 16px;}
	.aboutimg {
  margin-right: 0px;
  height: auto;
  margin-bottom: 20px;
}
	.about-area .heading, .aboutbtn{ text-align:center;}
	.portfolio-imgbox{height: 250px;}
	.testimonial-box .card .card-body .media{max-width: 70%;}
	.subbanner {min-height: 250px;}
	 .subbanner h1 {font-size: 45px;line-height: 40px;}
	
}
@media (max-width: 639.98px) {
.banner .banner-contain-area .banner-contain h1 {font-size: 30px;line-height: 35px;}
.banner {height: 27vh;}	
.mt-5 {margin-top: 2rem !important;}
	.service-box .img-box .img-link .box{width: 95px;height: 95px;}	
	.service-box .img-box .img-link .box::before{width: 105px;height: 105px;}
	.service-box .img-box{height: auto;}
	.portfolio-number-area .portfolio-heading h4{font-size: 35px;}
	.footer_area .container{padding-top: 30px;}
	.testimonial-box .card .card-body .media{max-width: 100%;display: block !important;}
	.testimonial-box .card .card-body .media .media-img{margin: 0 auto 15px;}
	.testimonial-box .card .card-body .media .media-body{padding-left: 0px;text-align: center;}
	.testimonial-carousel .owl-dots { margin-top: 20px !important;}
	.testimonial-area, .reachout{ padding:40px 0px; }
	.subbanner h1 {font-size: 40px;line-height: 40px;}
	.subbanner {min-height: 250px;}
	.reachout h3{font-size: 40px;line-height: 40px;}
	.about-area .heading h2, .service-area .heading h2, .heading h2 {font-size: 30px;}
	.header .logo img {max-height: 60px;}
	.portfolio-imgbox {height: auto;}
	.bloghtimg {height: 350px;}
	.consultationform{padding: 25px;}
}


@media (max-width: 479.98px) {
	.about-area .heading h2, .service-area .heading h2, .heading h2, .blogarea h3, .testimonial-area h3, .getright h3{font-size: 25px;margin: 0 0 15px;line-height: 30px;}
	.about-card h4{ font-size:25px;}
	.service-box .text{ text-align:center;}
	.service-box .text h3::before, .blogarea::before{ display:none;}
	.service-box .text h3{position: initial;display: block;padding-right: 0px;}
	.portfolio-number-area .portfolio-heading h4 {font-size: 25px;line-height: 30px;}
	.portfolio-number-area .number small{font-size: 17px;line-height: 23px;}
	.portfolio-number-area .number h5{font-size: 28px;line-height: 33px;}
	.header .logo img{max-height: 55px;}
	.banner {height: 42vh;}
	.banner .banner-contain-area .banner-contain h1{ font-size:25px;}
	.portfolio-imgbox .portfolio-img-popup .popup-icon{width: 55px;height: 55px;font-size: 27px;}
	.portfolio-imgbox .portfolio-img-popup .popup-icon::after{width: 70px;height: 70px;}
	.subbanner {min-height: 210px;}
	.subbanner h1 {font-size: 32px;line-height: 45px;}
	.subbanner .breadcrumb{ padding:0px;}
	.reachout h3 {font-size: 35px;line-height: 35px;}
	.blogtext p{ display:none;}
	.technologbox h4{font-size: 13px;}
	.technologicon{height: 50px;width: 50px;margin: 0 auto;}
	.technologin{ margin-bottom:10px !important ;}
	.about-area {padding: 30px 0px;}
	 .about-area .heading p {font-size: 18px;line-height: 25px;}
	.aboutbtn .btn, .btn, .getintoucharea .btn{font-size: 15px;padding: 6px 22px;}
	  .portfolio-number-area .portfolio-heading p {font-size: 16px;line-height: 23px;}
	.testimonial-box .card .card-body .media .media-body h4{font-size:17px;}
	.blogtext h4 a{font-size:16px;}
	.testimonial-slider-body{ margin-top:30px;}
}

@media (max-width: 410px) {
.about-area .heading h2, .service-area .heading h2, .heading h2, .blogarea h3, .testimonial-area h3, .getright h3{font-size: 22px;margin: 0 0 10px;line-height: 27px;}
.banner .banner-contain-area .banner-contain h1 {font-size: 22px;line-height: 27px;}	
.about-area .heading p, .service-box .text p, .portfolio-number-area .portfolio-heading p, .portfolio-number-area .number small, .getright p {font-size: 17px;line-height: 24px;}	
.about-card h4 {font-size: 23px;}	
.portfolio-number-area .portfolio-heading h4 {font-size: 25px;line-height: 35px;}	
	
.footerlogo{margin: 0 auto 25px;max-width: 120px;}
.footerlogo img{margin: 0 auto;display: block;}
	.footer_wizget{ margin-bottom:20px;}
	.footer_wizget h4{margin-bottom: 10px;}	
	.reachout h3 {font-size: 30px;line-height: 35px;}
	.social-body h5 a{ font-size:13px;}
	
.footer_wizget h4{font-size: 20px;line-height: 20px;}
	.footer_wizget ul.link li a{font-size: 15px;line-height: 20px;}
	.footer_card h6, .footer_card h6 a{font-size: 13px;line-height: 20px;}	
	.social-icon{width: 30px;height: 30px;}	
	.social{ margin-bottom:10px !important;}	
	
	
	
	
}