@media screen and (max-width: 600px){}
@media screen and (max-width: 991px){
	.pricing .col-lg-3.p-0.col-md-6{
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.header__nav{
		display: none;
	}
	.breadcrumb-option,
	.blog-hero{
		padding-top: 40px;
		padding-bottom: 36px;
		}
	.breadcrumb-option, 
	.blog-hero,
	.hero{
		margin-top: 0px;
	}
	.hero__text h2{
	    font-size: 40px;
	}
	.hero__text p{
		display: none;
	}
	.hero__items .container{
	    max-width: 99%;
	}
	.hero__sliders.owl-carousel .owl-nav button{
		bottom: 40px;
	}
	.spad{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.testimonial__text p{
		font-size: 24px;
		line-height: initial;
	}
}
@media screen and (max-width: 767px){
	.services-icons  .col-md-2{
		
flex: 0 0 50%;
		
max-width: 50%;
	}
	.dropdown{
		padding: 18px 0px 5px;
	}

	.container{
		max-width: 100%;
	}
	.offcanvas-menu{
		padding: 20px;
	}
	.offcanvas-menu .offcanvas__widget ul li{
	    font-size: 14px;
	}
	.offcanvas-menu .mobile-menu a{
	    font-size: 14px;
	    padding: 7px 0;
	}
	.offcanvas-menu h2{
	    margin: 25px 0 12px;
	    padding-bottom: 8px;
	}
	.offcanvas-menu h2:after{}
	.hero__items .container{
		bottom: 0;
		top: 0;
		display: inline-flex;
		align-items: center;
	}
	.hero__sliders.owl-carousel .owl-nav{
		display: none;
	}
	.home__about__pic__item{
	    display: none;
	}
	.home__about__text{
		padding-top: 5px;
	}
	.webdesignSec2 .col-md-2 {
	    width: 33%;
	    float: left;
	    text-align: center;
	}
}
@media screen and (max-width: 480px){
	.dropdown .ss-none{
		display: none;
	}
	.hero__items .container{
		bottom: 0;
	}
	.hero__text h2{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.hero__text span{
	    margin-bottom: 0;
	    font-size: 7px;
	}
	.hero__text .primary-btn,
	.primary-btn{
	    font-size: 10px;
	    padding: 8px;
	    letter-spacing: 0;
	}
	.canvas__open{
		padding: 0;
	}
}
@media screen and (max-width: 1024px){}