/* Mobile Portrait View */
@media screen and (max-width:767px) {
/*coloumn css*/ 
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth, .welcome_imgcolumn, .welcome_contentcolumn, .passion_leftimgbx, .passion_righttextbx, .ind_col3, .planing_leftcontentbox, .planing_videobox, .teammember-list.col4, .blog-post-repeat .post-thumb, .bloggridlayout .blog-post-repeat, .left-column-10, .left-column-20, .left-column-25,  .left-column-30, .left-column-35, .left-column-40, .left-column-45, .left-column-50, .left-column-60, .left-column-65, .left-column-70, .left-column-80, .left-column-85, .left-column-90, .right-column-10, .right-column-20, .right-column-30, .right-column-35,  .right-column-40, .right-column-45, .right-column-50, .right-column-55, .right-column-60, .right-column-70, .right-column-75, .right-column-80, .right-column-90{ float:none !important; width:100% !important; margin:0 0 30px !important;}
	.left, 
	.right,
	.copyright-txt, 
	.design-by, 
	.powerby,
	.fcopy-right50,
	.fcopy-left50{ 
		text-align:center; 
		width:auto; 
		float:none; 
	}		
	.container { 
		width:auto; 
		padding:0 20px;
	}
	.logo h1{ 
		font-size:30px;
	}
	.BlogPostList .hg-blog-img.imgLeft{ 
		width:auto; 
		height:auto; 
		float:none; 
		margin:0 0 20px;
	}
	
	.BlogPostList .hg-blog-img img{
		 height:auto; 
		 min-height: inherit;
	 }
	.BlogPostList{ 
		float:none; 
		width:100%; 
		margin:0 0 30px 0;
		padding:20px;
	}
	.LayoutContent-70{ 
		padding:0px 0;
	}	
	.copyrigh-wrapper:before{ 
		display:none;
	}
	.Flbx-33{ 
		float:none; 
		width:100%;
		margin:0 0 50px;
		padding:0;
	}
	.sixcol{
		float:none; 
		width:100%;
		margin:0 0 50px;
	}
	.sixcol .smallthumb{ 
		height:auto;
	}
	.sixcol .smallthumb img{ 
		min-height:auto;
	}
	.sixcol h5{ 
		line-height:26px; 
		margin:15px 0;
	}
	
	.BlogPostList .hg-blog-img{
		float:none;
		width:100%;
		margin:0 0 15px;
		height:auto;
	}	
	#sidebar{ 
		width:100% !important; 
		float:none !important;
	}	
	.LayoutContent-70{
		width:auto; 
		float:none;
	}
	.fwcolumn-1, 
	.fwcolumn-2, 
	.fwcolumn-3, 
	.fwcolumn-4{ 
		float:none; 
		width:100%; 
		margin:0 0 5px; 
		padding:25px 0; 
		text-align:left;
	}
	.site-footer .container{ 
		padding:0 20px;
	}
	.copyrigh-wrapper .container{ 
		padding:0 20px;
	}
	h2.section_title{ 
		font-size:34px; 
		margin-bottom:25px;
	}
	#Section-3{ 
		padding:50px 0; 
		margin:0;
	}
	.wpcf7 input[type="text"], 
	.wpcf7 input[type="tel"], 
	.wpcf7 input[type="email"], 
	.wpcf7 textarea{ 
		width:100%;
	}
	#SiteWrapper{ 
		width:100%;
	}
	h2.services_title{ 
		font-size:30px;
	}
	.RightNavMenu{ 
		float:none; 
		width:100%; 
		text-align:center;
	}	
	.gridlayout .BlogPostList, 
	.fullwidth .BlogPostList{ 
		width:auto;
		float:none;
		margin:0 0  25px 0;
		padding:0;
		box-shadow:none;
	}
	
	.nivo-caption{ 
		padding:0 10px; 
		width:90%;
	}
	.nivo-caption h2{ 
		font-size:18px !important; 
		line-height:22px !important; 
		margin:0 0 5px !important;
	}
	.nivo-caption p{ 
font-size: 20px !important;
line-height: 20px;
margin-bottom: 15px;
width: 70%;}
	.nivo-caption .slidermorebtn{ 
		font-size:12px;
		padding:5px 20px; 
		line-height:20px;
	}
	.nivo-directionNav a{ 
		top:35% !important;
	}
	.nivo-controlNav{ 
		display:none !important;
	}
	a.nivo-prevNav{ 
		left:1%;
	}
	a.nivo-nextNav{
		right:1%;
	}
	h2.section_title{ 
	font-size:28px;
	}
	
	.nivo-directionNav{ 
		display:none;
		top:35%;
	}	
	.hdrtop-Info{ 
		margin:0;
		padding:0;
		border:none;
		text-align:center;
		display:block;
	}
	.hdrsocial a{ 
		width:30px;
		line-height:40px;
	}
	.best-3-features{ 
		margin:0;
	}
	#Section-2{ 
		padding:70px 0 25px;
	}
	#Section-3{ 
		padding:70px 0;
	}
	
	.box-equal-height{ 
		margin-top:0;
	}
	
	.slidePhoneSt .phoneicon{ 
		width:35px; 
		height:35px; 
		margin-right:15px;
	}
	.slidePhoneSt .phoneicon i{ 
		font-size:30px;
	}
	.quotebtn{ 
		position:relative; 
		text-align:center;
		padding:16px; 
		transform: skew(0deg);
	}
	.quotebtn h4 {
		transform:skew(0deg); 
	}
	.quotebtn:after{ 
		display:none;
	}	
	.slidePhoneSt{ 
		padding:25px;
		position:relative;
		top:25px;
		width:100%;
	}
	.slidePhoneSt h2{ 
		font-size:36px;
	}
	.post-date, 
	.post-comment, 
	.blog-postcat, 
	.edit-link{ 
		display:inline-block; 
		margin-bottom:5px;
	}
	 .woocommerceright{ float:none !important; padding:0 !important;}
	 .woocommerceleft{ float:none !important; padding:0 !important;}
}

/* Mobile Landscape View */
@media screen and (min-width: 481px) and (max-width: 767px){
	.home .container{ 
		width:400px; margin:0 auto;
	}
	.nivo-controlNav{ 
		display:none !important;
	}
	.menu-toggle {
		right:35px;
	}
}

@media screen and (min-width:768px) and (max-width: 980px){
	#navigationpanel{ 
		float:none; 
		width:100%; 
		text-align:left; 
		padding:0px 0;
	}
	.RightNavMenu{ 
		float:none;
		width:100%; 
		text-align:center; bottom:0px;
	}
	.menu-toggle {
		right:15px; top:-75px;
	}
	h2.section_title{ 
		font-size:30px;
	}	
	.Flbx-33 h4{ 
		font-size:16px;
	}	
	.nivo-caption{ 
		padding:0 40px;
	}
	.Flbx-33{ 
		padding:10px;
	}
	.Flbx-33 .Flbx-thumb{ 
		height:150px;
	}
	.Flbx-33 .Flbx-thumb img{ 
		min-height:150px;
	}
	.BlogPostList .hg-blog-img{ 
		height:200px;
	}
	
}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:768px) { 
	.container { 
		width:auto; 
		padding:0 20px;
	}
	/*slider css*/
	.nivo-caption{ 
		width:60%; 
		padding:0 20px; 
	}
	.nivo-caption h2{ 
		font-size:42px; 
		line-height:45px;
	}
	#SiteWrapper{ 
		width:100%;
	}
	
}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:981px) { 	
	.hdrtop-Info{ font-size:14px;}
	.RightNavMenu{ width:100%;}
	.site-header{ 
		height:auto;
		position:relative;
		top:auto;
	}
	.logo{ 
		width:auto;
	}
	.video_title h2{ 
		font-size:50px; 
		line-height:50px;
	}
	.nivo-caption{ 
		width:70%; 
		padding:0 80px; padding-top:80px !important;
	}
	.logo{ 
		width:25%;
	}
	.BlogPostList .hg-blog-img{ 
		height:270px;
	}
	.site-navigation.Nopad{	
	  padding: 40px 0;
	 }
}

@media screen and (max-width: 980px){
	.hdrtop-Info{ font-size:14px;}
	.logo{ 
		position:relative;
		width:auto;
		margin:0; 
		text-align:center;
		top:auto;
		max-width:none;
	}
	.site-header{ 
		height:auto;
		position:relative;
		top:auto;
	}
	.hdrtop-Info{ 
		line-height:45px;
	}
	.hdr-topstrip{
		border-radius:0;
		float:none;
		padding:0 20px;
		text-align:center;
	}
	.site-header.innerpage_header .header-section{ 
		box-shadow:0 3px 3px #f1f1f1;
	}
	a.quote{ 
		margin-top:10px;
	}
	.LgoBX{ 
		position:relative; 
		top:0;
		padding:0; 
		box-shadow:none;
	}
	.site-navigation a{ 
		color:#fff;
	}
	.site-navigation .menu ul a,
	.site-navigation .menu ul ul a {
		padding: 0.75em 1.75em;
	}
	.RightNavMenu{ 
		padding:0px 0 0;
	}
	.hdrsocial{ 
		float:none;
	}	
	.site-header.innerpage_header{ 
		box-shadow:none;
	}
	.header-section .container { 
		padding:0;
	}
	.logo{padding:0px 0 15px; margin:0 auto; float:none; text-align:left;
	}
	.HomepageSlider::before{ 
		width:100%;
	}
	
	a.nivo-prevNav {
		left:0;
	}
	a.nivo-nextNav {
		right:0;
	}
	.site-navigation .menu ul{ 
		background-color:transparent !important
	}
	
	.nivoSlider:hover .nivo-directionNav{ 
		display:none !important;
	}
	.slidePhoneSt span{ 
		margin-bottom:15px;
	}
	.hdr-topstrip .right.space250{ 
		padding:0;
	}
	#Section-2 h3{ 
		width:100%;
		font-size:30px;
	}		
	
}

@media(max-width: 1199px){
.HomepageSlider::before {width:650px; height:650px;}
.footer-contact-info .footer-info-box{font-size:20px;}
#casestudies .owl-controls{ display:none;}
.experience-content {width:400px !important; height:400px; border-radius:100%; z-index:9; right:15px; padding:50px !important;  padding-top:100px !important; margin:0 auto; margin-bottom:20px !important; top:110px;}
.edit_wrap{ width:auto !important;}
}
@media(max-width: 1023px){
.site-header.innerpage_header{ position:relative;}
.hdrtop-Info a{ color:#222 !important;}
.hdrtop-Info.hdrsocial a {color:#fff !important;}
.logo {padding:15px 0 !important; float:none; top:auto;}
.HomepageSlider{ overflow:hidden;}
.HomepageSlider::before {content:''; width:68% !important; height:100%; left:-14%; top:-10%;}
.cols-4 .widget-column-1, .cols-4 .widget-column-2, .cols-4 .widget-column-3, .cols-4 .widget-column-4 {width:50%; margin:0px; min-height:330px;}
.footer-contact-info .footer-info-box, .footer-contact-info .footer-info-box a{font-size:16px;}
.nivo-caption p{ margin-bottom:30px !important; font-size:40px !important;}
.footer-contact-info .footer-info-box b{font-size:14px; padding-top:0px;}
.nivo-caption{ padding-top:0px !important;}

.digisell_sec2_img::before {width:300px; height:300px; left:50%; top:0px;}
.digisell-since-box .elementor-widget-container{float:left; margin-bottom:30px !important;}
.experience-content {width:300px !important; height:300px; border-radius:100%; z-index:9; right:15px;  padding-top:50px !important; margin:0 auto; margin-bottom:20px !important; top:110px;}
.agemcy-services-image::after { display:none}
.ranking-bar .elementor-title{ width:50% !important;}
#casestudies .tmthumb{ height:inherit;}
.case-studie-img {float:none; height:auto;}
.case-studie-box {padding:40px 0px;}
.innerbanner{ min-height:inherit;}
}
@media(max-width: 980px){
.nivo-caption p{margin-bottom: 15px !important;}
.hdrdetail-right {width:100%; float:none; text-align:center;}

}
@media(max-width: 767px){
.hdr-topstrip{ padding:0px !important;}
.site-header.innerpage_header{ position:relative;}
.hdrdetail-right {width:100%; float:none; text-align:center;}
.hdrtop-Info{ color:#222 !important;}
.logo {padding:15px 0 !important;}
.HomepageSlider::before {content:''; width:68% !important; height:100%; left:-11%; top:-13%;}
.cols-4 .widget-column-1, .cols-4 .widget-column-2, .cols-4 .widget-column-3, .cols-4 .widget-column-4 {width:100%;}
.footer-contact-info .footer-info-box {width:100%; margin-bottom:30px;}
.footer-fix{padding:40px 0 0px;}
.HomepageSlider{ overflow:hidden;}
.footer-contact-info .footer-info-box{ font-size:20px;}
.nivo-caption p{ font-size:20px !important;}

.digisell_sec2_img::before {width:300px; height:300px; left:50%; top:0px;}
.digisell-since-box .elementor-widget-container{float:left; margin-bottom:30px !important;}
.experience-content {width:300px !important; height:300px; border-radius:100%; position:relative !important; z-index:9; right:0px; top:0px; padding-top:50px !important; margin:0 auto; margin-bottom:20px !important;}
.agency_services_box .elementor-image-box-img{height:80px !important;}

.sidebar-left{ float:none !important;}
.flotRight{ float:none !important; padding:0 !important;}
.singleright { float:none !important; }
.singleleft { float:none!important; padding:0 !important; }
.bloggridlayout .BlogPostList{ width:100%; float:none; margin-bottom:30px;}
#tabber-BX {padding:40px 0 40px;}
.footer-contact-info{padding-top:20px; margin-top:20px;}
.footer-store-btn a{ width:100%;}
.site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5{padding-top:40px;}
}