/* Mobile Portrait View */
@media screen and (max-width:767px) {

	/*coloumn css*/
	.blog-post-repeat .post-thumb,
	.bloggridlayout .blog-post-repeat {
		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: 40px 0;
	}

	.copyrigh-wrapper:before {
		display: none;
	}

	.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;
		padding-top: 0px;
	}

	.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;
	}

	.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;
		margin-top: 0;
		white-space: normal;
	}

	.gridlayout .BlogPostList,
	.fullwidth .BlogPostList {
		width: auto;
		float: none;
		margin: 0 0 25px 0;
		padding: 0;
		box-shadow: none;
	}

	.nivo-caption {
		padding: 0 20px 0 0;
		width: 90%;
	}

	.nivo-caption h2 {
		font-size: 18px !important;
		line-height: 22px !important;
		margin: 0 0 5px !important;
	}

	.nivo-caption p {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 5px;
	}

	.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: 2px 0;
		border: none;
		text-align: center;
		display: block;
		line-height: 1.4;
	}

	.hdrsocial a {
		width: 30px;
		line-height: 40px;
	}

	.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;
	}

	.elementor-image-box-img img {
		max-width: 50%;
		height: auto;
	}
}

/* Mobile Landscape View */
@media screen and (min-width: 300px) and (max-width: 480px) {
	.testing {
		margin-right: -15px;
	}

}

/* 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: 1px 0;
	}

	.RightNavMenu {
		float: none;
		width: 100%;
		text-align: center;
		bottom: 0px;
		margin-top: 0;
		white-space: normal;
	}

	.menu-toggle {
		right: 35px;
		top: 0px;
	}

	h2.section_title {
		font-size: 30px;
	}

	.nivo-caption {
		padding: 0 40px 0 0;
	}

	.BlogPostList .hg-blog-img {
		height: 120px;
	}

	.bloggridlayout .hg-blog-img {
		height: 125px;
	}


}

/* 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 0 0;
	}

	.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: auto;
	}

	.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 0 0;
	}

	.logo {
		width: 25%;
	}

	.BlogPostList .hg-blog-img {
		height: 160px;
	}

	.site-navigation.Nopad {
		padding: 40px 0;
	}

	.bloggridlayout .hg-blog-img {
		height: 160px;
	}
}

@media screen and (max-width: 866px) {
	.nivo-caption p {
		display: none;
	}

	.nivo-caption h2 {
		font-size: 38px !important;
		line-height: 44px !important;
		margin-top: 25px !important;
		margin-left: -15px !important;
	}

	.nivo-caption .slidermorebtn {
		margin-left: -15px !important;
	}
}

@media screen and (max-width: 775px) {
	.hdrtop-Info {
		line-height: 22px !important;		
	}
	.infoBx
	{
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 980px) {
	.hdrtop-Info {
		font-size: 14px;
	}

	.hdrtop-Info.phonebX {
		display: none;
	}

	.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: 0px;
		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,
	#navigationpanel,
	.site-navigation {
		position: static;
	}

	.RightNavMenu {
		padding: 0px 0 0;
		margin-top: 0;
		white-space: normal;
	}

	.header-contact-btn,
	.header-search-form,
	.header-contact-info .header-info-box {
		display: none;
	}

	.header-area .container {
		position: relative;
	}

	.menu-toggle {
		width: 50px;
		height: 50px;
		position: absolute;
		top: 15px;
		right: 20px;
		z-index: 999999;
	}

	.menu-toggle span {
		width: 32px;
		height: 4px;
	}

	.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;
	}

	.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;
	}

}

@media screen and (min-width:1210px) {
	.boxlayout .site-header.fixed {
		width: 1210px;
		margin: 0 auto;
	}
}