@media all and (max-width: 1199px){
	.logo amp-img {
		width: 270px;
	}
}

@media all and (max-width: 991px){
	.ampstart-btn{
		display: block;
	}
	#sidebar-right {
		background-color: #01A3DE;
		padding: 25px 30px;
		display: block !important;
	}
	#sidebar-right button:first-child {
		display: none !important;
	}
	.amp-responsive-menu {
		display: block !important;
	}
	#manuTop {
    	display: none !important;
	}
	.slicknav_menu {
		display: block;
		position: absolute;
		right: 0;
		top: 20px;
		z-index: 9999999;
		width: 100%;
		background: transparent;
		padding : 0px;
	}
	.slicknav_menutxt{
		display: none !important;
	}
	.slicknav_btn{
		padding: 7px 10px 8px 5px;
		margin-bottom: 29px;
	}
    #menu{
        display: none;
    }
	.slicknav_nav, .slicknav_nav ul {
		list-style: none;
		overflow: hidden;
		padding: 0;
		background: #000;
	}
    .full-nav.open {
        position: static;
        opacity: 1;
        display: block;
        visibility: visible;
        padding: 0px 0px;
        background: none;
    }
	.right,
    .middle{
        border-right: solid 0px rgba(255,255,255,0.3);
    }
    .gap{
        border-bottom: solid 0px rgba(255,255,255,0.3);
    }
    .mega-text,
    .gap{
        display: none;
    }
	.slicknav_nav a{
        text-transform: uppercase;
        font-weight: 600;
    }
	.single-mega ul li a{
        font-weight: 400;
        font-size: 15px;
    }
    .single-mega ul li a:before {
        background: none;
    }
	nav ul > li.single > ul{
		top: auto;
		left: 0;
		width: 100%;
	}
	
	.justify-content-end{
		display: block !important;
	}
	.top-contact{
		display: block !important;
	}
	.top-menu ul li,
	nav ul li{
		display: block !important;
	}
	.header-top-area{
		position: static !important;
	}
	.pv-101 p span{
		display: none !important;
	}
	.full-nav{
		top: auto;
		padding: 0px 20px;
	}
	.single-mega ul{
		margin-top: 0px;
		margin-left: -44px;
	}
	.gap{
		display: none;
	}
	.right,
	.middle{
		border-right: solid 0px rgba(255,255,255,0.3);
	}
	.long-design{
		display: none;
	}
	.blog-description{
		position: static;
		width: 100%;
	}
	.single-blog amp-img{
		width: 100%;
	}
	.blog-overley{
		width: 100%;
	}
	nav ul > li.single > ul li {
		padding: 10px 30px !important;
	}
}

@media all and (max-width: 767px){
	.slider-text11 h1{
		font-size: 35px;
		line-height: 40px;
	}

	.slider-text11 h5{
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 15px;
	}
	.float-right {
    	float: none !important;
    	margin-top: 10px;
	}
	.bg-light-sky{
		padding: 35px;
	}
	.slide amp-fit-text{
		width: 100% !important;
	}
	.slide > amp-img{
		width: 100% !important;
		float: left;
	}
	.tastimonial-slider amp-carousel{
		height: 800px !important;
	}
	.contact-address{
		margin: 20px 0px;
	}
	.hosting-pakedg .card-group,
	.small-padding .card-group{
		flex-flow: column !important;
	}
	.hover-price{
		padding: 30px 0px;
	}
	.wb-design-image amp-img{
		margin-top: 20px;
	}
	.service-content.mtop-30 {
		margin-top: 20px;
	}
	.custom-application .card amp-img{
		height: 275px;
	}
	.responsive-footer-area{
		display: block !important;
		z-index: 9;
	}
	.footer-area{
		margin-bottom: 59px;
	}
	.sms-marketing h1{
		font-size: 24px;
	}
	.follow-us{
		margin-bottom: 20px;
	}
	.choose-us-image {
		position: static !important;
		bottom: auto !important;
	}
}
@media all and (max-width: 586px){
	.single-mega ul{
		margin-left: -24px;
	}
}
@media all and (max-width: 574px){
	.services-bg .card{
		text-align: center;
	}
	.sm-hide{
		display: none;
	}
	.pv-101 p{
		font-size: 12px;
	}
	.width-xs-300 amp-img {
		margin-top: 10px;
	}
	.wd-india p{
		padding: 20px 40px;
	}
	.wd-india h2,
	.wd-company h2{
		font-size: 24px;
	}
	.wb-design-image amp-img{
		height: 220px;
	}
	.seo-footer a{
		font-size: 16px;
		padding: 10px 15px;
	}
	.seo-footer h3{
		font-size: 14px;
		line-height: 22px;
	}
	.bd-light-ash.bd-sm-0.bd-xs-0{
		margin: 10px 80px;
	}
	.page404 h1{
		font-size: 120px;
	}
	.page404 h4{
		font-size: 28px;
	}
	.page404 h4 span{
		font-size: 30px;
	}
	.page404 > a{
		padding: 10px 35px 10px 15px !important;
	}
	.search-box input[type="text"],
	.search-box button{
		height: 45px;
	}
}
@media all and (max-width: 500px){
	.slider-ov-img amp-img{
		display: none !important;
	}
	.hm-banner-area,
	.slider-image11,
	.slider-image11 amp-img,
	.slider-image11 img{
		height: 400px !important;
	}
	
	.on amp-youtube{
		width: 100%;
		height: 300px;
	}
	.on-overley{
		width: 100%;
		left: 0;
		margin-left: 0px;
		height : 350px;
	}
	
	.home-prduct,
	.home-portfolio-section,
	.hom-clnt-icon,
	.home-portfolio-section,
	.tastimonial-slider,
	.about-video,
	.wp-soft-video,
	.wb-design-banner,
	.software-details-area,
	.choose-us-area,
	.email-hosting-cm-image,
	.hide-sm.display-xs-none{
		padding : 0px !important;
	}
	
	.hosting-image-first img, 
	.hosting-image-second img{
		display: none;
	}
	.web-design-services{
		padding: 0px 15px !important;
	}
	.software-details-area{
		height: 0px !important;
	}
	.p-tabs-area .nav.nav-tabs li {
		display: inline-block;
		margin: 10px 0px;
	}
}
@media all and (max-width: 470px){
	.slide amp-fit-text{
		padding: 10px 50px;
		height: 320px;
		overflow: hidden;
	}
	.slide > amp-img{
		height: 320px;
	}
	.tastimonial-slider amp-carousel{
		height: 640px !important;
	}
	.home-product-hover amp-img{
		height: 240px;
	}
	.about-banner amp-img, .client-banner amp-img, .contact-banner amp-img, .portfolio-banner amp-img, .services-banner amp-img, .quate-banner amp-img {
    height: 210px;
	}
	.banner-text h1{
		font-size: 30px;
	}
	.single-blog amp-img{
		height: 240px;
	}
	.blog-description{
		height: 150px;
	}
	.hm-banner-area,
	.slider-image11,
	.slider-image11 amp-img,
	.slider-image11 img{
		height: 300px !important;
	}
	.slider-text11 h1{
		font-size: 25px;
		line-height: 30px;
	}

	.slider-text11 h5{
		font-size: 15px;
		line-height: 22px;
		margin-bottom: 0px;
		margin-top: 10px;
	}
	.hm-banner-area .owl-prev,
	.hm-banner-area .owl-next{
		display: none !important;
	}
}

@media all and (max-width: 350px){
	.page404 > a{
		margin: 10px 0px;
	}
	.logo amp-img {
		width: 240px;
		height: 53px;
		margin-top: 16px;
	}
	.responsive-footer ul li{
		padding: 0px 12px !important;
	}
	.hm-banner-area,
	.slider-image11,
	.slider-image11 amp-img,
	.slider-image11 img{
		height: 250px !important;
	}
	.slider-text11 h1{
		font-size: 22px;
		line-height: 28px;
	}

	.slider-text11 h5{
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 0px;
		margin-top: 10px;
	}
	
}