@media only screen and (max-width:1680px) {
	.footer-area .footer-img {
		right: 8%;
	}
	.video-area:before {
		width: 65%;
	}
	.main-slider-section-two .pogoSlider {
		height: 100vh;
	}


	.item-bg-1, .item-bg-2, .item-bg-3 {
		height: 65vh;
	}
	.my-main-slider-area .owl-controls {
		bottom: 60px;
   	 	right: 200px;
	}
}

@media only screen and (max-width:1600px) {
	.footer-area .footer-img {
	    right: 5%;
	}
	.main-slider-section-two .pogoSlider {
		height: 100vh;
	}


	/* secound update */
	.footer-area {
		background-size: 100% 100%;
	}


}

@media only screen and (max-width:1440px) {
	.footer-area .footer-img {
	    right: 2%;
	}
	.main-slider-section-two .pogoSlider {
		height: 100vh;
	}
	.item-bg-1, .item-bg-2, .item-bg-3 {
	    height: 65vh;
	}
}

@media only screen and (max-width:1366px) {
	.video-col h2 {
		padding-right: 50px;
	}
	.video-area::before {
		width: 60%;
	}
	.footer-area .footer-img {
	    right:0;
	}
	.footer-area .footer-img img {
		 width: 82%;
		 height: auto;
	}
	.pogoSlider {
	    height: 100vh;
	}
	.main-slider-section-two .pogoSlider {
		height: 100vh;
	}
	.video-col h2 {
		font-size: 48px;
	}
	.blog-three-col-area h4 {
	    font-size: 20px;
	}
	.item-bg-1, .item-bg-2, .item-bg-3 {
	    height: 70vh;
	}
	.my-main-slider-area .owl-controls {
	    bottom: 50px;
	    right: 150px;
	}

	/* secound update */
	.video-area::after {
		background: url(../images/bg/1.jpg);
		background-size: 160% 100%;
		background-position: center center;
		background-position: right center;
		background-position-x: 80%;	
	}
	.video-area::before {
		width: 55%;
	}

	.footer-area {
		padding: 93px 0 60px;
		background: url(../images/footer-bg.jpg) no-repeat;
		background-size: 160% 120%;
		position: relative;
		background-position: center center;
	}



}

@media only screen and (max-width:1199px) {

	.footer-col h4 {
		font-size: 18px;
	}
	.footer-area .footer-img {
	    right: 0%;
	}
	.main-header .sina-nav .sina-menu > li > a {
		padding: 25px 16px;
	}
	.main-header .sina-nav .sina-menu .dropdown .dropdown-menu {
	    margin-left: 15px;
	}
	.features-col h4 {
		font-size: 18px;
	}
	.video-col h2 {
		font-size: 29px;
		line-height: 1.6;
	}
	.project-area .filtr-item {
		width: 50%;
	}
	.project-col-three-area .filtr-item {
		width: 50%;
	}
	.project-col-four-area .filtr-item {
		width: 50%;
	}
	.stellarnav>ul>li>a {
		padding: 25px 10px;
	}
	.blog-three-col-area h4 {
	    font-size: 17px;
	}
	.recent-post-box ul li h5 {
		font-size: 17px;
	}
	.question-box h5 {
		font-size: 18px;
	}
	.item-bg-1, .item-bg-2, .item-bg-3 {
	    height: 60vh;
	}
	.my-main-slider-area .owl-controls {
	    bottom: 40px;
	    right: 150px;
	}

	.about-col .my-about-img {
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
		margin-bottom: 30px;
	}

	.welcome-area .welcome-col img {
		width: auto;
		height: auto;
		min-height: auto;
	}


	/* secound update */
	.video-col h2 {
		font-size: 41px;
		padding-right: 65px;
	}
	.pogoSlider {
		height: 90vh;
	}

	.hero-area {
		height: 70vh;
	}


}

@media only screen and (max-width:1024px) {
	.footer-area .footer-img {
	    right: -4%;
	}
	.header-infobar-btn {
		text-align: left;
	}
	.my-main-slider-area .owl-controls {
	    bottom: 40px;
	    right: 100px;
	}
	.item-bg-1, .item-bg-2, .item-bg-3 {
	    height: 45vh;
	}

	/* secound update */
	.portfolio-item__header {
		font-size: 18px;
	}

	.portfolio-item__info {
		width: calc(94%);
		height: calc(94%);
	}

	.slide .slide__item .slide-caption .slide-caption__title {
		font-size: 52px;
	}




}

@media only screen and (max-width:991px) {
	.welcome-area .welcome-col h3 {
		font-size: 20px;
		margin-bottom: 0;
	}
	.center991 {
		text-align: center;
		float: none;
	}
	.header-logo {
		padding: 15px 0;
	}
	.footer-area .footer-img {
		position: relative;
		right: 0;
		text-align: center;
	}
	.footer-area .footer-img img {
		width: auto;
		height: auto;
	}
	.main-slider-section-two .pogoSlider {
		height: 100vh;
	}
	.features-area {
		margin-top: 0;
		padding: 120px 0 90px;
		z-index: 0;
	}
	.silder-elements {
		padding: 0 40px;
	}
	.slider-para {
		margin-bottom: 15px !important;
	}
	.slider-main-title {
		margin-bottom: 20px;
	}
	.features-col img {
		width: 100%;
		height: auto;
	}
	.video-area {
		text-align: center;
	}
	.video-area:before {
		width: 100%;
		-ms-transform: skewX(0deg);
    	-webkit-transform: skewX(0deg);
    	transform: skewX(0deg);
    	margin-left: 0;
    	background-color: rgba(35, 74, 191, 0.8);
	}
	.video-col h2 {
		padding-right: 0;
	}
	.video-col:before {
		left: 50%;
		margin-left: -25vw;
	}
	.project-area .filtr-item {
		width: 50%;
	}
	/* .owl-carousel .owl-item img {
		width: 300px;
		height: auto;
	} */
	.testimonial-item-text {
		padding: 30px 20px 30px 80px;
		margin-left: 0;
	}
	.testimonial-item-text p {
		font-size: 18px;
    	line-height: 28px;
    	margin-bottom: 0px;
	}
	.testimonial-item-text img {
		width: 100% !important;
	}
	.blog-text h4 {
		font-size: 18px;
	}
	.call-col {
		text-align: center;
	}
	.testimonial-area .owl-carousel .owl-item img {
		width: 280px;
		height: auto;
	}
	.project-col-three-area .filtr-item {
		width: 50%;
	}
	.project-col-four-area .filtr-item {
		width: 50%;
	}
	.add-to-cart-area {
		top: 80px;
	}
	.add-to-cart-area-two {
		top: 120px;
	}

	.order-col {
		text-align: center;
	}
	.order-col img {
		margin-top: 30px;
	}
	.testimonial-area .owl-controls{
		text-align: center;
	}



	/* secound Update */
	.slider-main-title {
		font-size: 52px !important;
	}

	.silder-elements {
		top: 58% !important;
	}

	.testimonial-image {
		display: none;
	}

	.faq_area .nav-tabs li a::after {
		display: none;
	}

	.sidebar-widget.cleanhit_about .social-media ul li {
		margin-right: 5px;
	}




}

@media only screen and (max-width:800px) {
	.video-col:before {
		width: 30vh;
    	height: 30vh;
	    left: 50%;
	    margin-left: -15vw;
	}

	/* secound Update */
	.widget_instagram li {
		width: 44%;
	}


}

@media only screen and (max-width:767px) {
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
		width: 100% !important;
	}
	.cleanhitwc-single-product form.cart .quantity .qty,
	.cleanhitwc-single-product form.cart .button.single_add_to_cart_button.button.alt{
		width: 50%;
		height: 45px;
	}
	.main-header-two{
		position: relative;
	}
	.center767 {
		text-align: center;
		float: none;
	}
	.arrow-bg {
		width: 100%;
	}
	.arrow-bg:before {
		display: none;
	}
	.header-topbar-col, .header-topbar-col ul {
		text-align: center;
	}
	.header-topbar-col ul li,
	.header-topbar-col ul li:first-child {
		border: none;
	}
	.header-topbar-area {
		padding: 10px 0;
	}
	.features-area {
	    margin-top: 0;
	    padding: 120px 0 90px;
	}
	.features-col img {
		width: 100%;
		height: auto;
	}
	.slider-para {
		letter-spacing: 0;
	}
	.main-slider-section-two .pogoSlider {
		height: 100vh;
	}
	.service-col-img img {
		width: 100%;
		height: auto;
	}

	.project-area .filtr-item {
		width: 50%;
	}
	.page-heading-area {
		padding: 0 0 120px;
	}
	.page-heading-box {
		text-align: center;
	}
	.page-heading-col {
		text-align: center;
	    padding-top: 30px;
	}
	#clip {
		font-size: 120px;
	}
	.header-infobar-btn {
		text-align: left;
	}
	.item-bg-1, .item-bg-2, .item-bg-3 {
	    height: 50vh;
	    background: url(../images/slider/mobile-bg.jpg);
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	}
	.slide-caption {
		text-align: center;
		width: 100%;
		left: 0;
		padding: 0 30px;
	}
	.my-main-slider-area .owl-controls {
		right: 0;
		left: 0;
		bottom: 10px;
	}
	.hero-area {
		background-position: left;
	}
	.hero-col {
		text-align: center;
    }
	.testimonial-img img{
		margin: auto;		
		clip-path: none;
	}


	/* secound update */
	.slide .slide__item {
		height: 50vh;
	}

	.service-area-two .service-col-two .image span {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.widget_instagram li {
		width: 45%;
	}

	.widget_instagram li {
		width: 31.33%;
		height: 150px;
	}

	.slide .slide__item .slide-caption .slide-caption__title {
		font-size: 46px;
	}

	.video-area::after {
		background-position-x: -60%;
	}

	.footer-area {
		background-size: cover;
	}

	.pogoSlider {
		height: 50vh !important;
	}

	.silder-elements.text-center.container {
		padding-top: 100px !important;
	}
	

	.service-details-col .project-info-list {
		width: 100%;
		position: static;
		bottom: 0;
		right: 0;
		padding: 15px;
	}


	.service-details-col .project-slider:hover .owl-controls .owl-nav div.owl-next {
		left: auto;
		right: 0;
		top: 0;
		bottom: auto;
	}

	.service-details-col .project-slider .owl-controls .owl-nav div.owl-prev {
		left: 0px;
		right: inherit;
		top: 0;
	}

	.service-details-col .project-slider .owl-controls .owl-nav {
		top: 14%;
	}

	.service-details-col .project-slider .owl-controls .owl-nav div i {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}

	.service-details-col .project-slider:hover .owl-controls .owl-nav div.owl-next {
		right: 0px !important;
	}

	.millde-text p i {
		font-size: 64px;;
		left: -5px;
	}

	.about-col img {
		margin: 0 auto 0;
	}







	.slide .slide__item .slide-caption .slide-caption__title {
		font-size: 21px;
		margin-bottom: 10px;
	}

	.slide .slide__item .slide-caption .slide-caption__desc {
		font-size: 14px;
		line-height: 22px;
	}

	.slide .slide__item .slide-caption .slide-caption__desc p {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 0 !important;
	}

	.slide .slide__item .slide-caption .slide-caption__desc {
		margin-bottom: 20px;
	}

	.about-area .about-col h2 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.about-col.aos-init.aos-animate {
		margin-bottom: 25px;
	}

	.team-details-area,
	.team-area-inner,
	.footer-area,
	.features-area,
	.video-area,
	.counter-area,
	.blog-area,
	.team-area,
	.top-client-area {
		padding: 45px 0 50px;
	}

	.service-area {
		padding: 45px 0 !important;
		padding-bottom: 0 !important;
	}

	.project-area.no-space.project-col-four {
		padding-top: 35px !important;
	}


	section.project-area.extra-space.space100.project-col-four,
	.pricing-area,
	.faq_area,
	.testimonial-area {
		padding: 35px 0 !important;
	}

	.testimonial-area .testimonial-carousel .single-testimonial .testimonial-content .testimonial-text {
		padding: 20px 15px;
		padding-top: 0;
	}

	.testimonial-area .testimonial-carousel .single-testimonial .testimonial-content .testimonial-text::after {
		bottom: -20px;
		left: 5px;
		font-size: 28px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.footer-area {
		padding-bottom: 25px !important;
	}


	







}

@media only screen and (max-width:600px) {
	.silder-elements .theme-btn {
		margin-bottom: 10px;
	}
	.video-col:before {
		margin-left: -23vw;
	}
}

@media only screen and (max-width:575px) {
	.header-infobar-col {
		padding-left: 0;
		text-align: center;
	}
	.header-infobar-col img {
		position: relative;
		margin-bottom: 10px;
	}
	.header-infobar-btn {
		text-align: center;
	}

	.testimonial-item-text {
		padding: 30px 20px 30px 50px;
	}
	.page-heading-box {
		text-align: center;
	}
	.page-heading-col {
		text-align: center;
		padding-top: 30px;
	}
	.left-space {
		margin-left: 0;
	}
	.project-col-three-area .filtr-item {
		width: 100%;
	}
	.project-col-four-area .filtr-item {
		width: 100%;
	}
	/*.main-header-two .header-topbar-col ul {
		text-align: center;
	}
	.main-header-two .header-topbar-btn {
		text-align: center;
	}*/
	.add-to-cart-area-two {
	    top: 180px;
	}
	.main-header-two .header-topbar-col ul li i {
		padding: 0;
		margin-right: 15px;
	}


	/* Secound Update */
	.about-area .about-col h2 {
		font-size: 24px;
	}

	.video-col h2 {
		font-size: 19px;
		line-height: 1.5;
		margin-bottom: 5px;
	}

	.section-title h2 {
		font-size: 26px;
	}

	.section-title span {
		font-size: 14px !important;
		margin-bottom: 12px;
	}

	.portfolio-item__info {
		width: calc(95%);
		height: calc(95%);
	}


	.widget_instagram li {
		width: 45%;
		height: 130px;
	}


	.slide .slide__item .slide-caption .slide-caption__title {
		font-size: 22px;
	}

	.footer-area {
		background-size: cover;
	}


	.slider-main-title {
		font-size: 44px !important;
	}
	h1.banner-page-title {
		font-size: 26px;
	}


	.widget_instagram li {
		width: 46.55%;
	}

	.slide-caption {
		padding: 0 0px !important;
	}

	.about-area .about-col h2 {
		font-size: 18px;
	}

	.section-title h2 {
		font-size: 24px;
	}

	.slider-main-title {
		font-size: 22px !important;
	}

	.pogoSlider {
		height: 70vh !important;
	}

	.silder-elements.text-center.container {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.pogoSlider {
		height: 68vh !important;
	}

	.silder-elements {
		top: 50% !important;
	}

	.features-area .features-slider .features-col {
		padding-bottom: 0;
		-webkit-clip-path: none;
		clip-path: none;
		margin-bottom: 0px;
	}

	.welcome-area {
		padding: 45px 0;
	}
	
	.features-area {
		padding-bottom: 20px !important;
	}
	
	.welcome-title {
		margin-top: 0;
	}

	.welcome-area .welcome-col {
		margin-bottom: 10px;
	}

	.welcome-area .welcome-col {
		margin-bottom: 30px;
	}

	.welcome-title h2 {
		font-size: 22px;
		line-height: 34px;
		margin-bottom: 10px;
	}

	.team-details-area,
	.team-area-inner,
	.footer-area,
	.features-area,
	.video-area,
	.counter-area,
	.blog-area,
	.team-area,
	.top-client-area {
		padding: 45px 0 50px;
	}

	.team-area .team-col {
		margin: 15px 0;
		margin-bottom: 0;
	}

	.team-area .team-two-slider .owl-controls .owl-nav {
		top: 43%;
	}

	.hero-col h1 {
		font-size: 28px;
	}

	.hero-area {
		height: 85vh;
	}

	.about-col.aos-init.aos-animate {
		margin-bottom: 0;
		margin-top: 20px;
	}

	.welcome-area.welcome-aboutpage-area {
		padding: 60px 0;
		padding-bottom: 30px;
	}

	.project-area.project-col-three {
		padding-bottom: 30px !important;
	}

	.service-details-area {
		padding: 60px 0;
	}

	.service-details-col .project-info-list .project-list ul.list li {
		font-size: 14px;
	}

	

  .inner-page-content .service-area .service-col {
		margin: 15px 0;
		padding-bottom: 20px;
	}

	.team-area.team-page.teampage-area {
		padding-bottom: 10px !important;
	}

	.team-details-text {
		padding: 0px 0px;
	}

	.team-details-col.team-details-content {
		padding-left: 0;
	}

	.team-details-area {
		padding-bottom: 20px !important;
	}

	.inner-page-content .pricing-area {
		padding-top: 45px !important;
	}

	.faq_area .section-title h2 {
		line-height: 1.3;
	}


	.single-blog .blog-col {
		padding-bottom: 0 !important;
		margin-bottom: 20px !important;
	}

	.copyright {
		margin-top: 25px;
	}

	.blog-area {
		padding-bottom: 35px !important;
	}

	.about-col img {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.about-col.aos-init.aos-animate {
		margin-top: 0;
	}

	.welcome-col.mobile-space {
		margin-bottom: 10px;
	}


	.service-area.servicepage-area .service-col {
		padding-bottom: 0;
		margin-bottom: 0;
		margin-top: 0;
	}

	.team-area.team-page.teampage-area {
		padding-bottom: 50px !important;
	}

	.millde-img {
		margin-top: 0;
	}

	.millde-text p {
		padding: 50px 20px;
	}


	.team-details-area .team-details-text {
		padding: 0 15px;
	}

	.video-area::after {
		background-size: cover;
	}






}

@media only screen and (max-width:480px) {
	.footer-area .footer-img {
		padding: 0 15px;
	}
	.silder-elements {
		text-align: center !important;
	}
	.silder-elements .theme-btn {
		padding: 10px 15px;
	}

	.project-area .filtr-item {
		width: 100%;
	}
	.slide-caption .theme-btn {
		padding: 8px 18px;
		margin-right: 5px;
	}
	/*spacinfing issues*/
	.team-details-area,
	.team-area-inner,
	.footer-area,
	.features-area,
	.video-area,
	.counter-area, 
	.blog-area,
	.team-area,
	.top-client-area{
		padding: 45px 0 60px;
	}
	



}

@media only screen and (max-width:420px) {

	.video-col:before {
		width: 20vh;
    	height: 20vh;
	    margin-left: -22vw;
	}
	.project-nav li {
		width: 100%;
	}
	#clip {
	    font-size: 80px;
	}
	.review-box {
		padding-left: 0;
	}
	.review-box img {
		position: relative;
		margin-bottom: 20px;
	}
	.hero-col .theme-btn {
		margin-bottom: 10px;
	}
	.hero-col .cd-headline {
		font-size: 18px;
	}

	.pogoSlider-slide .text-center p,
	.pogoSlider-slide .text-left p,
	.pogoSlider-slide .text-right p{
		padding: 0;
	}
}

@media only screen and (max-width:375px) {
	.header-topbar-area p {
		font-size: 13px;
	}

	.testimonial-item-text {
	    padding: 30px 20px 30px 35px;
	}
	.stellarnav.light.right .menu-toggle {
		padding: 0;
		margin-top: 20px;
	}
	.blog-text h4 {
	    font-size: 15px;
	}
	.recent-post-box ul li h5 {
	    font-size: 15px;
	}
	.details-social ul li {
		margin: 0;
	}
	.team-details-text {
		padding: 50px 15px;
	}
	.question-box h5 {
	    font-size: 15px;
	}
	.shop-details-col .input-group {
		float: none;
		margin-bottom: 10px;
	}
	.shop-details-col .btn-primary {
		margin-left: 0;
	}
	.shop-details-col h3 {
		font-size: 18px;
	}
	.description-col .nav-tabs .nav-link {
		padding-left: 8px;
    	padding-right: 8px;
	}
	.my-share-links ul li a i {
		margin-right: 5px;
	}
	.main-header-two .header-topbar-btn a {
		padding: 12px 15px;
	}
	.main-header-two .header-topbar-col ul li i {
		margin-right: 12px;
	}
	.slide-caption .theme-btn {
		margin-bottom: 10px;
	}
	.item-bg-1, .item-bg-2, .item-bg-3 {
		height: 40vh;
	}
}