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

@media only screen and (max-width:1680px) {
	.footer-woman-img {
		width: 260px;
		bottom: 158px;
	}
	.about-three-img {
		width: 720px;
	}
	.about-three-img img {
		width: 100%;
		height: auto;
	}
	.about-three-col h2 {
		padding-top: 5px;
	}
	.about-three-area {
		padding: 100px 0 150px;
	}
	.portfolio-three-area .item {
		width: 18.5%;
	}
	.contact-area {
		background-position-x: 90%;
	}
	.video-img .video-over-img,
	.video-img .overlay-img {
		left: 80px;
	}
	.video-img i {
		left: 120px;
	}


}

@media only screen and (max-width:1600px) {
	.footer-woman-img {
	    width: 220px;
	}
	.video-col h2 {
		margin-top: 25px;
	}
	.about-three-img img {
	    width: 720px;
	}
	.about-three-col h2 {
		padding-top: 0;
	}
	.portfolio-three-area .item {
		width: 18.3%;
	}
	.video-img .video-over-img,
	.video-img .overlay-img {
		left: 120px;
	}
	.video-img i {
		left: 160px;
	}
}

@media only screen and (max-width:1440px) {
	.footer-woman-img {
	    width: 150px;
	}
	.custom-top-space {
		
	}
	.header-two-area {
		background-position: center;
	}
	.about-three-img {
	    width: 650px;
	}
	.about-three-area {
	    padding: 50px 0 30px;
	}
	.portfolio-three-area .item {
		width: 18.1%;
	}
	.video-img .video-over-img,
	.video-img .overlay-img {
		left: 190px;
	}
	.video-img i {
		left: 230px;
	}
	.pogoSlider {
		height: 90vh;
	}

	
}

@media only screen and (max-width:1366px) {
	.footer-woman-img {
	    width: 110px;
	}
	.video-img i {
		left: 50px;
		top: 80px;
	}
	.pogoSlider--navBottom .pogoSlider-nav {
	    margin-bottom: 0;
	}
	.contact-area {
		background-position-x: 80%;
	}
	.portfolio-area .gallery-container .item .portfolio-overlay .portfolio-item-content {
		left: 12px;
	}
	.portfolio-area .gallery-container .item .portfolio-overlay .portfolio-item-content p {
		font-size: 15px;
	}
	.portfolio-area .gallery-container .item .portfolio-overlay ul li {
		width: 50px;
    	height: 50px;
	}
	.portfolio-area .gallery-container .item .portfolio-overlay ul li a i {
		font-size: 16px;
	}
	.video-img .video-over-img,
	.video-img .overlay-img {
		left: 250px;
	}
	.video-img i {
		left: 290px;
	}
	.banner-area1 {
		/*padding: 390px 0 175px;*/
		/*padding: 260px 0 165px;*/
		/*padding: 60px 0 0px;*/
	}
	.banner-area1 mobbanner{
		/*padding: 225px 0 0px!important;*/
	}
	.moblogo { display: none; height:0px!important; width:0px!important;}
	
	.banner-area {
		/*padding: 390px 0 175px;*/
		padding: 260px 0 30px;
		/*padding: 60px 0 0px;*/
	}
	.banner2 {
		/*padding: 390px 0 175px;*/
		padding: 200px 0 30px;
		/*padding: 60px 0 0px;*/
	}
}

@media only screen and (max-width:1199px) {
	.about-col h2 {
		margin-top: 0;
	}
	.portfolio-area .gallery-container .item {
		width: 31.2%;
	}
	.portfolio-area .gallery-container .item .portfolio-overlay ul li {
		width: 50px;
		height: 50px;
	}
	.portfolio-area .gallery-container .item .portfolio-overlay ul li a i {
		font-size: 16px;
		line-height: 50px;
	}
	.footer-woman-img {
		display: none;
	}
	.socila-icons ul li {
	    display: inline-block;
	    margin: 0 1px;
	}
	.footer-area {
		background-size: cover;
	}
	.portfolio-two-area .pl-0 {
		padding-left: 15px !important;
	}
	.portfolio-two-area .pr-0 {
		padding-right: 15px !important;
	}
	.portfolio-two-area .gallery-container .item {
		width: 33.3333%;
	}
	.portfolio-title {
		text-align: center;
		padding-left: 200px;
		padding-right: 200px;
	}
	.portfolio-title .vr-bdr {
		margin: 0 auto;
		margin-bottom: 60px;
	}
	.portfolio-two-area .gallery-nav {
		text-align: center;
	}
	.portfolio-two-area .gallery-nav ul li {
		display: inline-block;
		margin: 0 10px;
	}
	.video-img {
		position: relative;
	}
	.video-img img {
	    width: auto;
	    max-width: 100%;
	    height: auto;
	    margin: 0 auto;
	    display: block;
	}
	.video-col h2 {
		margin-top: 0;
	}
	.video-col p {
		margin-bottom: 30px;
	}
	.video-img i {
	    left: 215px;
	    top: 100px;
	}
	.video-col {
		text-align: center;
	}
	.custom-top-space {
	    padding-top: 0;
	}	
	.about-three-area {
		background: none !important;
	}
	.about-three-img {
		position: relative;
		right: auto;
		top: auto;
		max-width: 930px;
		width: auto;
		margin: 0 auto;
		margin-top: 30px;
	}
	.about-three-img img {
		width: 100%;
		height: auto; 
	}
	.about-three-area {
		padding: 68px 0 100px;
	}
	.service-col {
		padding: 40px 20px 45px;
	}
	.pricing-header h3 {
		bottom: 50px;
		-ms-transform: rotate(-25deg);
    	-webkit-transform: rotate(-25deg);
    	transform: rotate(-25deg);
	}
	.box-content {
		padding: 30px 20px;
	}
	.contact-area {
		background-position-x: left;
	}
	.portfolio-area .gallery-container .item .portfolio-overlay ul li {
		top: 20px;
		-webkit-transform: translateY(0);
    	-ms-transform: translateY(0);
    	-o-transform: translateY(0);
    	transform: translateY(0);
	}
	.video-img .video-over-img, .video-img .overlay-img {
		position: relative;
	}
	.video-img .video-lower-img {
		display: none;
	}
	.video-img {
		width: 60%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	.video-img .video-over-img {
		width: 100%;
		height: auto;
		left: 0;
		top: 0;
		margin: 0 auto;
		display: block;
	}
	.video-img .overlay-img {
		position: absolute;
		top: 0;
		left: 0;
		z-index:4
	}
	.video-img i {
		position: absolute;
		left: 100px;
		top: 100px;
		z-index: 6;
		margin-top: -50px;
		margin-left: -50px;
	}
	.helpline {
		margin-bottom: 50px;
	}
	.video-area {
		min-height: auto;
	}
	.custom-top-space {
		padding-top: 100px !important;
	}


}

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

}

@media only screen and (max-width:991px) {
	.center991 {
		text-align: center;
		float: none;
	}

	/* Header Nav CSS Start */
	.header-navbar {
		padding: 10px 0;
	}
	.stellarnav.mobile.right>ul {
		max-width: 100%;
	}
	.stellarnav.light {
		left: 0;
		text-align: left;
		margin: 0;
	}
	.stellarnav .menu-toggle {
		padding: 0;
		margin-top: 9px;
	}
	.stellarnav>ul>li>a {
		color: #333333 !important;
	}
	.stellarnav .menu-toggle span.bars span {
		width: 25px;
    	height: 2px;
    	margin: 0 0 5px;
	}
	.stellarnav.light .menu-toggle span.bars span {
		background: #ffffff;
	}
	.stellarnav .menu-toggle span.bars {
		margin-right: 0;
	}
	.current-menu-item:before {
		display: none;
	}
	.stellarnav>ul>li>a:hover:before{
		display: none;
	}
	
	/* Header Nav CSS End */


	.header-top-area {
		padding: 15px 0;
	}
	.header-socila-icons {
		margin-top: 0;
	}
	.about-col img {
		margin: 0 auto;
    	display: block;
		margin-top: 30px;
	}
	.counter-area {
		background-position: left;
	}
	.portfolio-area .gallery-container .item {
		width: 47.8%;
	}
	.footer-col h4,
	.about-widget img {
		margin-bottom: 30px;
	}
	.copy-right {
		text-align: center;
	}
	.slider-main-title {
		font-size: 36px !important;
		margin-bottom: 30px;
	}
	.silder-elements h3 {
		font-size: 24px !important;
		margin-bottom: 40px;
	}
	.about-two-col img {
		display: block;
		margin: 0 auto;
	}
	.portfolio-two-area .gallery-container .item {
		width: 50%;
	}
	.portfolio-title {
	    text-align: center;
	    padding-left: 100px;
	    padding-right: 100px;
	}
	.video-img i {
	    left: 100px;
	    top: 100px;
	}
	.video-col h2 {
	    font-size: 40px;
	    line-height: 46px;
	}
	.about-three-img {
		max-width: 690px;
	}
	.blog-two-col .my-pagination {
		margin-top: 0;
	}
	.banner-two-area {
	    padding: 260px 0 120px;
	}
	.banner-area {
		padding: 300px 0 150px;
	}
	.add-box img {
		width: 100%;
	}


}

@media only screen and (max-width:767px) {
	.header-logo {
		margin: 0 auto;
	    display: block;
		padding-top: 0;
		margin-bottom: 10px;
		text-align: center;
	}
	.company-contact-col {
		text-align: center;
		margin-bottom: 0;
		margin-top: 0;
	}
	.company-contact-col ul li {
		margin-left: 0;
		display: block;
		padding-top: 5px;
	}
	.banner-col h1.cd-headline {
		font-size: 40px;
    	line-height: 40px;
	}
	.banner-col {
		text-align: center;
	}
	.banner-col h1.cd-headline {
		font-size: 30px;
		line-height: 36px;
	}
	.banner-col h2 {
		font-size: 24px;
		line-height: 30px;
		color: #ffffff;
	}
	.portfolio-area .gallery-container .item {
		width: 100%;
	}
	.slider-main-title {
		padding: 15px 20px;
	}
	.silder-elements .my-btn {
		font-size: 16px;
		padding: 13px 38px 15px;
    	min-width: 150px;
    	height: 50px;
    	margin: 0 5px;
	}
	.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next, 
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next, 
	.pogoSlider--dirTopRight .pogoSlider-dir-btn--next {
		right: 20px;
	}
	.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev, 
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev, 
	.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev {
		left: 20px;
	}
	.portfolio-title {
	    text-align: center;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.about-three-img {
		max-width: 510px;
	}
	.about-three-area {
	    padding: 15px 0 15px;
	}
	.portfolio-three-area .gallery-container .item {
	    width: 47.8%;
	}
	.pricing-header {
		padding: 50px 30px 150px;
	}
	.blog-item-content img {
		position: relative;
		left: 0;
		top: 0;
		z-index: 0;
		margin: 0 auto;
		display: block;
		margin-bottom: 10px;
	}
	.blog-info-bar {
		padding: 20px 30px;
		margin-left: 0;
		border-radius: 10px;
	}
	.tag-bar,
	.share-col {
		text-align: center;
	}
	.tag-bar-col {
		margin-bottom: 10px;
	}
	.blog-details-col .blog-info-bar {
		margin-top: 0;
	}
	.blog-info-bar ul li {
		margin-right: 10px;
	}
	.previous-link {
		margin-bottom: 20px;
	}
	.banner-area {
	    padding: 0px 0 0px;
		margin-top: 190px!important;
		height: 180px;
		width: 100%;
	}
	.pogoSlider {
	    height: 60vh;
	}
	.next-link {
		text-align: center;
		padding: 0;
	}
	.next-link a img,
	.previous-link a img {
		position: relative;
		margin-bottom: 10px;
	}
	.previous-link {
		text-align: center;
		padding: 0;
	}

	.mobbanner{padding: 190px 0 0px!important;height: 460px!important;}
	#mobhead{color: #2b234f;}
	.desklogo { display: none; height:0px!important; width:0px!important;}
	.moblogo{ display: block; height:auto!important; width:auto!important;}
	
}

@media only screen and (max-width:737px) {
	.portfolio-three-area .gallery-container .item {
	    width: 47%;
	}
}

@media only screen and (max-width:575px) {
	.counter-area {
		/*text-align: center;*/
		padding: 10px 0 0px;
	}
	.counter-box {
		margin-bottom: 30px;
	}
	.service-col {
		padding: 0px 0px 15px;
		margin-bottom:15px!important;
	}
	.testimonial-box {
		padding: 50px 20px;
	}
	.slider-main-title {
		font-size: 24px !important;
		margin-bottom: 20px;
	}
	.silder-elements h3 {
		font-size: 16px !important;
		line-height: 28px;
		font-weight: normal;
		margin-bottom: 20px;
	}
	.silder-elements .my-btn {
		margin-bottom: 10px;
	}
	.about-three-img {
		max-width: 95%;
	}
	.banner-two-area {
	    padding: 0px 0 0px;
		margin-top: 225px!important;
	}
	.banner-two-area .banner-col h2 {
		font-size: 40px;
		line-height: 46px;
		margin-top: 80px;
	}
	.service-area {
		background: none !important;
		padding: 40px 0 0px!important;
	}
	.prddetail{
		margin-top: 240px!important;
	}
	.portfolio-three-area .gallery-container .item {
	    width: 100%;
	}
	.error-col h3 {
		font-size: 24px;
    	line-height: 30px;
	}
	.error-col .my-btn {
		width: 200px;
    	height: 60px;
    	line-height: 40px;
	}
	.comment-item.left-space {
	    margin-left: 50px;
	}
	.comment-form-box {
		padding: 30px 20px;
	}
	.contact-col {
		padding: 0px 0px;
	}
	.video-img {
		width: 90%;
	}
	
	/*MY CSS START*/
	.about-area{padding: 40px 0 0!important;}
	.my-title{margin-bottom: 20px!important;}
	.btnserv{text-align: center;margin-right: 0%!important;}
	.footer-area{padding: 25px 0 0!important;}
	.about-widget img {text-align:center!important;margin-bottom: 0px!important;}
	.footer-col h4{margin-bottom: 15px!important;}	
	.about-widget p{margin-bottom: 15px!important;}
	.footer-col {margin-bottom:15px!important;}
	.service-col img{width: 100%;height: auto!important;}
	.contact-info-area {padding: 25px 0 0px!important;}
	.contact-info-col{margin-bottom: 30px!important;padding: 25px 15px!important;}
	.contact-area{padding: 0px 0!important;}
	.contact-col h2{margin-bottom: 30px!important;}
	.map-area{padding: 25px 0!important;}
	#video{width:100%!important; height:350px!important;margin-top: 225px;}
	/*MY CSS END*/
}

@media only screen and (max-width:480px) {
	.about-col h2,
	.counter-col h2,
	.my-title h2,
	.portfolio-title h2,
	.about-three-col h2,
	.video-col h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.about-three-img i {
		font-size: 60px;
	}
	.silder-elements .my-btn {
		display: none;
	}


}

@media only screen and (max-width:420px) {
	.team-img ul li a i {
		font-size: 24px;
	}
	.portfolio-area .gallery-nav ul li {
		margin-bottom: 10px;
	}
	.pricing-header {
	    padding: 50px 30px 100px;
	}
	.comment-item.left-space {
	    margin-left: 0;
	}
	.comment-item {
		padding-left: 0;
	}
	.comment-item img {
		position: relative;
		margin-bottom: 10px;
	}

}

@media only screen and (max-width:375px) {
	.header-socila-icons ul li {
		margin-left: 2px;
	}
	.header-socila-icons ul li a i {
		width: 35px;
    	height: 35px;
    	line-height: 35px;
	}
	.banner-col h1.cd-headline {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	.banner-col h2 {
		font-size: 16px;
		line-height: 28px;
		color: #ffffff;
	}
	.post-widget ul li p {
		margin-bottom: 0;
	}
	.socila-icons ul li a i {
		font-size: 16px;
    	line-height: 35px;
    	width: 35px;
    	height: 35px;
	}
	.slider-main-title {
	    padding: 15px 10px;
	}
	.pogoSlider-nav-btn,
	.pogoSlider-nav-btn.pogoSlider-nav-btn--selected {
		width: 25px;
		height: 25px;
	}
	.pricing-header {
	    padding: 50px 30px 100px;
	}
	.banner-col h2 {
		margin-bottom: 15px;
	}
	.banner-col h1.cd-headline {
		margin-bottom: 5px;
		margin-top: 70px;
	}
	.video-img i {
	    left: 70px;
	    top: 70px;
	}
	.client-col img {
	    margin: 0 auto;
	}
}

@media only screen and (max-width:320px) {
	.pricing-header h3 {
	    -ms-transform: rotate(-22deg);
	    -webkit-transform: rotate(-22deg);
	    transform: rotate(-22deg);
	}
}