/*
 	1. MOBILE SECTION
	2. MEDIA QUERIES FIX
	3. RESPONSIVE
*/

/*============================================================================================*/
/*=== 1. MOBILE SECTION ======================================================================*/
#mobile-nav{
	overflow: hidden;
	clear: both;
	background-color: #222;
}
#mobile-nav .logo{
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	width: 70%;
}
#mobile-nav .logo span{
	color: #fff;
    font-size: 20px;
    font-weight: normal;
}
#mobile-nav .logo img{ margin:0; }
#mobile-nav .mobile-nav-icon-toggle{
	display: inline-block;
	float: right;
	margin-top: 10px;
}
#mobile-nav .mobile-nav-icon-toggle .mobi-nav-btn {
    display: block;
    padding-left: 27px;
    background: url(../images/mob-nav-icon.png) no-repeat;
    background-size: 20px 15px;
    text-transform: uppercase;
    height: 15px; line-height: 15px;
	cursor: pointer;
	color: #ffffff;
}
.mobile-section{
	display: block;
	clear: both;
	overflow: hidden;
	padding: 20px;
}
.mobile-section.section-cart-account{
	text-align: center;
	background-color: #3f3f3f;
	padding: 10px 10px 3px;
}
.mobile-section.section-cart-account .mobile-account,
.mobile-section.section-cart-account .mobile-cart{
	display: inline-block;
	overflow: hidden;
	text-transform: uppercase;
}
.mobile-section.section-cart-account .mobile-cart a{
	margin-left: 20px;
	color: #fff;
}
.mobile-section.section-cart-account a:hover{
	color: #31C2E1;
}
.mobile-section.section-cart-account .mobile-account .header-login{
	border: none;
}
.mobile-section.section-cart-account .mobile-account .header-login:hover{
	background: none;
}
.mobile-section.section-cart-account .mobile-cart .icon-cart{
	display: inline-block;
    width: 21px;
    height: 21px;
    line-height: 20px;
    background: url(../images/icon_cart.png) no-repeat 0px 0px;
    margin-right: 5px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.mobile-section.section-cart-account .mobile-cart .cart_number{
	font-weight: bold;
	color: #31C2E1;
}

/*Mobile navigation*/
.mobi-nav-menu {
    position: absolute;
    z-index: 1000;
    width: 100%;
    background: rgba(17, 17, 17, 0.96);
    text-transform: uppercase;
    font-size: 12px;
	display: none;
}
.mobi-nav-menu ul {
	margin-left: 0;
	list-style: none;
}
.mobi-nav-menu li {
	padding-bottom: 0;
   	position: relative;
	list-style: none;
}
.mobi-nav-menu ul li a {
   	display: block;
   	padding: 15px 3%;
   	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
   	color: #ffffff;
}
.mobi-nav-menu ul ul {
   	background-color: rgba(255, 255, 255, 0.11);
   	display: none;
}
.mobi-nav-menu ul ul li {
	padding-left: 2%;
}
.mobi-nav-arrow {
   	position: absolute;
   	top: 0px; right: 0px;
   	width: 50px; height: 50px;
   	border-left: 1px dotted rgba(255, 255, 255, 0.11);
   	text-align: center; cursor: pointer;
   	font-size: 20px; line-height: 30px;
	color: #ffffff;
 }
 .mobi-nav-arrow span {
	margin-top: 15px;
   	display: block;
 }
 .mobi-nav-arrow span:before {
	content: "\f107";
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
   	font-family: 'FontAwesome';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
}
.icon-arrow-down-2:before, .mob-nav-arrow span:before {
    content: "\e007";
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
   	font-family: 'FontAwesome';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
}

/*============================================================================================*/
/*=== 2. MEDIA QUERIES FIX ===================================================================*/
@media only screen and (max-width: 600px) and (min-width: 240px) {
	.sticky-wrapper.is-sticky #header {
		top: 0 !important;
	}
}
@media only screen and (max-width: 319px) {
	*{
		display: none !important;
	}
}

/*============================================================================================*/
/*=== 3. RESPONSIVE ==========================================================================*/
@media only screen and (max-width: 767px) and (min-width: 320px) {

	body.header-no-fixed .sticky-wrapper.is-sticky #header {
		position: fixed !important;
	}
	body.header-mobile-no-fixed .sticky-wrapper.is-sticky #header {
		position: relative !important;
	}
	.header-bottom{
		display: none;
	}
	#header-sticky-wrapper{
		margin-top: 0px;
	}
	#cata-template-wrapper{
		margin-bottom: 0 !important;
	}
	h3.heading-sub-title{
		text-align: center;
	}
	#footer,
	body.menu-vertical #footer{
		position: relative;
		left: 0;
		bottom: inherit;
		z-index: 1;
	}
	#footer .footer-middle{padding-bottom: 0;}
	#footer .footer-box,
	#footer .footer-box:last-child{
		padding: 0 30px;
		margin-bottom: 50px;
	}
	.wg-recent-posts li.cata-thumb-large .post_thumbnail img {
	    height: 270px;
	}
	.pp_pic_holder.pp_woocommerce {
		width: 100%!important;
		left: 0!important;
	    -webkit-overflow-scrolling: touch;
	    overflow-y: scroll;
	}
	.pp_pic_holder.pp_woocommerce iframe{
		height: 400px;
	}
	div.pp_woocommerce .pp_content_container .pp_left {
		padding-right: 0px !important;
	}
	div.pp_woocommerce .pp_content_container .pp_right {
		padding-right: 0!important;
		max-height: inherit;
	}
	body div.pp_woocommerce .pp_content {
		width: 100%!important;
		height: auto!important;
	}
	.pp_fade {
		width: 100%!important;
		height: 100%!important;
		padding: 90px 15px 0;
	}
	a.pp_expand, a.pp_contract,
	.pp_hoverContainer, .pp_gallery,
	.pp_top, .pp_bottom {
		display: none!important;
	}
	#pp_full_res img {
		width: 100%!important;
		height: auto!important;
	}
	.pp_details {
		width: 94%!important;
		padding-left: 3%;
		padding-right: 4%;
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: #fff;
	 	margin-top: -2px!important;
	}
	a.pp_close {
		top: 0px!important;
	}
	.cata_quickshop_popup_wrapper .port-content{
		text-align: center;
	    width: 90%;
	    margin: 30px auto 0;
	}
	.blog-item .post-quote figure.entry-thumbnail img{
		min-height: 300px;
	}
	.blog-item .entry-content{
		text-align: center;
	}
	.blog-item a.read-more:hover .more-arrow {
	    float: none;
	}
	.ca-post-list .blog-item .entry-header {
	    float: none;
	    position: relative;
	    width: 100%;
	}
	.ca-post-list .blog-item .entry-content {
	    float: none;
	    width: 100%;
	    padding: 30px 30px 0px;
	    text-align: center;
	}
	.ca-post-ziczac .blog-item .entry-header {
	    float: none;
	    position: relative;
	    width: 100%;
	}
	.ca-post-ziczac .blog-item .entry-content {
	    float: none;
	    width: 100%;
	    padding: 80px 30px 0px;
	    text-align: center;
	}
	.ca-post-ziczac .blog-item img.avatar {
	    top: inherit;
	    right: 50%;
	    bottom: -35px;
	    margin-right: -30px;
	}
	.ca-post-ziczac .item-odd .entry-header {
	    float: none;
	    width: 100%;
	}
	.ca-post-ziczac .blog-item.item-odd .entry-content {
	    float: none;
	    width: 100%;
	    padding: 80px 30px 0px;
		text-align: center;
	}
	.ca-post-ziczac .blog-item.item-odd .entry-header img.avatar {
	    left: inherit;
	    right: 50%;
	    margin-right: -30px;
	}
	.ca-post-masonry.cols1 .blog-item {
    	width: 100%;
	}
	.ca-post-masonry.cols2 .grid-sizer,
	.ca-post-masonry.cols2 .blog-item{
		width: 100%;
	}
	.ca-post-masonry.cols3 .grid-sizer,
	.ca-post-masonry.cols3 .blog-item{
		width: 100%;
	}
	.ca-post-masonry.cols4 .grid-sizer,
	.ca-post-masonry.cols4 .blog-item {
	    width: 100%;
	}
	.search-area .search-item,
	.search-area .grid-sizer{
		width:100%;
	}
	#main-container-wrapper #container.sb-right .main-content{
		padding-right: 0;
	}
	.container.cata-template-sidebar .related.related_post li .post-item .thumbnail img{
		height: 240px;
	}
	.container.cata-template-sidebar .related.related_post .catanis-shortcode.related_post_slider .owl-controls .owl-next,
	.container.cata-template-sidebar .related.related_post .catanis-shortcode.related_post_slider .owl-controls .owl-prev{
		top: 110px;
	}
	.navi-project.row .col-sm-6.navi-prev {
	    margin-bottom: 20px;
	}
	ol.commentlist li.comment ul.children li.depth-2,
	ol.commentlist li.comment ul.children li.depth-3,
	ol.commentlist li.comment ul.children li.depth-4,
	ol.commentlist li.comment ul.children li.depth-5,
	ol.commentlist li.comment ul.children li.depth-6,
	ol.commentlist li.comment ul.children li.depth-7,
	ol.commentlist li.comment ul.children li.depth-8,
	ol.commentlist li.comment ul.children li.depth-9,
	ol.commentlist li.comment ul.children li.depth-10 {
		margin: 0;
	}
	.ca-message{
		text-align: center;
	}
	.ca-message > div {
		float: none;
		margin-bottom: 30px;
	    width: 100%;
	}
	.ca-message .catanis-shortcode.button.style-white,
	.ca-message .catanis-shortcode.button.style-dark{
		float: none;
	}
	.catanis-portfolio > .container h3{
		float: none;
	}
	.ca-work-section h3.heading-sub-title{
		float: none;
		margin-bottom: 0px;
		padding-top: 15px;
	}
	.ca-work-section h3.heading-sub-title span{
	   	border-bottom-width: 1px;
	   	border-bottom-style: solid;
		padding-bottom: 20px;
	}
	.portfolio-filter-wrapper{
		clear: both;
	    display: block;
	    text-align: center;
		padding-top: 20px;
	}
	.catanis-portfolio.cols4 .item-list > .item.wide,
	.catanis-portfolio.cols4 .item-list > .item.landscape,
	.catanis-portfolio.cols5 .item-list > .grid-sizer,
	.catanis-portfolio.cols5 .item-list > .item,
	.catanis-portfolio.cols5.no-margin .item-list > .item,
	.catanis-portfolio.cols4 .item-list > .grid-sizer,
	.catanis-portfolio.cols4 .item-list > .item,
	.catanis-portfolio.cols4.no-margin .item-list > .item,
	.catanis-portfolio.cols3 .item-list > .grid-sizer,
	.catanis-portfolio.cols3 .item-list > .item,
	.catanis-portfolio.cols3.no-margin .item-list > .item{
		width: 50%;
	}
	.catanis-portfolio.cols3 .item-list > .item.wide,
	.catanis-portfolio.cols3 .item-list > .item.landscape,
	.catanis-portfolio.cols5 .item-list > .item.wide,
	.catanis-portfolio.cols5 .item-list > .item.landscape{
		width: 100%;
	}
	.ca-instagram .insta-name{
		left: 40%;
	}
	.ca-instagram .insta-columns-2 li,
	.ca-instagram .insta-columns-3 li,
	.ca-instagram .insta-columns-4 li,
	.ca-instagram .insta-columns-5 li,
	.ca-instagram .insta-columns-6 li { width: 100%; }

	/*fix slider*/
	.rev_slider .demo-video-slider .rev-logo img{
		width: 100px !important;
		height: 100px !important;
		margin-top: -80px !important;
	}

	/*======================================================================*/
	/*=== INTRO PAGE =======================================================*/
	body.page.page-template-template-intro .wrap-content-header {
		margin-top: -75px;
    	margin-left: -224px;
	}
	body.page.page-template-template-intro .wrap-content-header h2 {
		font-size: 25px;
    	line-height: 32px;
		margin-bottom: 0;
		padding-bottom: 10px;
	}
	body.page.page-template-template-intro .wrap-content-header p {
	    font-size: 14px;
	}
	body.page.page-template-template-intro .wrap-content-header .button {
	    margin: 15px 0 0;
	}

	/*======================================================================*/
	/*=== COMING SOON PAGE =================================================*/
	body.coming-soon #main-container-wrapper article .ca-countdown{
		width: 100%;
	}
	body.coming-soon #main-container-wrapper article .subscribe_widget{
		width: 100%;
	}
	body.coming-soon.v2 .body-wrapper {
		position: relative;
    	top: inherit;
    	left: inherit;
	}
	body.coming-soon.v2 #main-container-wrapper .cols-wrapper {
		margin:0;
	}
	body.coming-soon.v2 #main-container-wrapper article h1 {
	    padding-top: 40px;
	    margin-top: 0;
	}
	body.coming-soon.v2 #main-container-wrapper article h2 {
		font-size: 70px;
	}
	body.coming-soon.v2 #main-container-wrapper .pos-left {
	    position: relative;
	    left: inherit;
	    top: inherit;
		float: none;
	    width: 100%;
	    height: auto;
	    margin-bottom: 0;
		padding: 0 50px 120px;
	}
	body.coming-soon.v2 #main-container-wrapper .pos-left .vcenter {
	    position: relative;
	    top: 0;
	    margin-top: 0;
		width: 100%;
	}
	body.coming-soon.v2 #main-container-wrapper .pos-left .copyright {
		display: none;
	}
	body.coming-soon.v2 #main-container-wrapper .pos-right {
		position: relative;
	    top: inherit;
	    right: inherit;
		float: none;    z-index: 1;
	    width: 100%;
		background-position: 0 0;
	    min-height: 800px;
	    background-repeat: repeat;
	}
	body.coming-soon.v2 #main-container-wrapper .pos-right .copyright {
		position: absolute;
		display: block;
		width: 92%;
	    margin-right: 3px;
	    right: 30px;
	}
	body.coming-soon.v2 #main-container-wrapper article .ca-countdown {
		top: 300px;
   	 	margin: 0;
	}
	body.coming-soon.v2 #main-container-wrapper article .ca-social-icons li a i.fa {
	    color: #FFFFFF;
	}

	/*======================================================================*/
	/*=== 1. MENU HORIZONTAL ===============================================*/
	.ca-blog-section .wpb_text_column {
	    padding: 0 5% !important;
	}
	.ca-work-section h3.heading-title {
	    margin-bottom: 0;
	    text-align: center;
	}
	.vc_row[data-vc-stretch-content] {
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	}
	.ca-about.style-home1 .about-content > div:first-child{
		width: 100%;
	}
	.ca-about.style-home1 h3.heading-main-title:before{
		border-top: none;
	}
	.ca-services-section .ca_service_block .cols-wrapper .col.image,
	.ca_service_block .cols-wrapper .col.video{
		margin-bottom: 0;
	}
	.ca-iconbox.catanis-shortcode.icon-left {
	    text-align: center;
	}
	.ca-iconbox.catanis-shortcode.icon-left .icon {
	    float: none;
	    margin: 0 auto 30px;
	}
	.ca-iconbox.catanis-shortcode.icon-left.style-rounded .wrap-iconbox {
		margin-left: 0;
	}
	.ca-skill-section .wpb_single_image .vc_figure,
	.ca-skill-section .wpb_single_image .vc_single_image-wrapper,
	.ca-skill-section .wpb_single_image img{
		margin: auto;
    	text-align: center;
   	 	display: block;
	}
	.ca-skill-section h3.heading-sub-title{
		padding-top: 40px;
	}
	.ca-team-section .wpb_text_column {
	    padding: 0 30px;
	}
	.ca-milestone.catanis-shortcode {
	    margin-bottom: 30px !important;
	}
	.ca-pricing-section h3.heading-main-title {
	    margin-bottom: 30px !important;
	}
	.ca-pricing-table .ptable-content{
		margin-bottom: 40px;
	}
	.ca-pricing-table.active .ptable-content{
		margin-top: 0;
	}
	.cata-contact-from {
 	   width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.social-icons-wrap.style-icontext .ca-social-icons.icons-4 li,
	.social-icons-wrap.style-icontext .ca-social-icons.icons-5 li,
	.social-icons-wrap.style-icontext .ca-social-icons.icons-6 li,
	.social-icons-wrap.style-icontext .ca-social-icons.icons-7 li{
		width: 33.33%;
		margin-bottom: 20px;
	}
	.ca-about.style-home2 .about-img {
	    display: none;
	}
	.ca-about.style-home2 .about-content{
		width: auto;
	    margin: 50px 30px 80px 60px;
	}
	.ca-services-section .wpb_single_image .vc_figure,
	.ca-services-section .wpb_single_image .vc_single_image-wrapper,
	.ca-services-section .wpb_single_image img{
		width: 100%;
	}
	body.home.page.menu-vertical .cata-contact-from{
	    padding: 60px 40px 0px 40px;
	    text-align: center;
	}
	body.home.page.menu-vertical .cata-contact-from h3.heading-main-title{
		text-align: center;
	}
	.ca-contact-section .vc_col-sm-6 .cata-contact-from{
		padding: 95px 15px 100px;
	}
	.ca-video.popup-style a{
		top: 30%;
	}
	.ca-pricing-section .vc_empty_space{
		height: 30px !important;
	}
	.ca-pricing-section .wpb_text_column {
	    padding: 0 10%;
	}
	.ca-services-section.services-home3 .wpb_column{
		padding-top: 60px !important;
	    padding-bottom: 0px !important;
	}
	#quote-carousel{
		width: 92%;
	}
	#quote-carousel .carousel-indicators li {
	    width: 50px;
	    height: 50px;
	}
	#quote-carousel .carousel-indicators .active {
	    width: 70px;
	    height: 70px;
	}
	.ca-about.style-home3 .about-content {
	    height: inherit !important;
		padding: 100px 60px 60px;
	}

	/*======================================================================*/
	/*=== 2. MENU VERTICAL =================================================*/
	body.menu-vertical .body-wrapper{
		margin-left: 0;
	}
	body.menu-vertical #header {
	    width: 100%;
	    height: auto;
	    top: inherit
	}
	body.menu-vertical #header-sticky-wrapper {
	    height: auto;
	    position: inherit;
	}
	body.menu-vertical #cata-template-wrapper{
		margin-bottom: 0 !important;
	}
	body.menu-vertical #header .slimScrollDiv{
		display: none;
	}

	body.menu-vertical .ca-about.style-home4 .about-content{
		margin: 40px 0;
		width:100%;
	}
	body.menu-vertical .ca-about.style-home4 .about-img {
		 display: none;
	}
}

@media (max-width: 768px) {
	#footer,
	body.menu-vertical #footer{
		position: relative;
		left: inherit;
		bottom: inherit;
		z-index: 1;
	}
	#footer .footer-middle{padding-bottom: 30px;}
	#footer .footer-box,
	#footer .footer-box:last-child{
		padding: 0 30px;
		margin-bottom: 50px;
	}
}

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

	h3.heading-title.w-border-h1 {
	    margin-bottom: 40px;
	}
	h3.heading-title.w-border-h1:before,
	h3.heading-title.w-border-h1:after{
		display:none;
	}
	body a.backtotop{
		display:none !important;
	}
	.single-post article.post .item .entry-header .post-quote .quote-content {
	    left: 2%;
	    width: 96%;
	}
	.single-post article.post .item .entry-header .post-quote figure.entry-thumbnail img {
	    min-height: 380px;
	}
	.wg-recent-posts li.cata-thumb-large .post_thumbnail img {
	    height: 170px;
	}
	#respond #commentform .comment-author-wrapper p {
	    display: block;
	    float: none;
	    margin-right: 0;
	    width: 100%;
	}
	#respond #commentform .comment-author-wrapper p:last-child{
		margin-bottom: 30px;
	}
	.social-icons-wrap.style-icontext .ca-social-icons.icons-4 li,
	.social-icons-wrap.style-icontext .ca-social-icons.icons-5 li,
	.social-icons-wrap.style-icontext .ca-social-icons.icons-6 li,
	.social-icons-wrap.style-icontext .ca-social-icons.icons-7 li{
		width: 50%;
	}
	.social-icons-wrap.style-icontext .ca-social-icons.icons-5 li {
	    margin-bottom: 20px;
	}
	.pp_pic_holder.pp_woocommerce iframe{ height: 280px;}
	.catanis-portfolio.cols5 .item-list > .item.wide,
	.catanis-portfolio.cols5 .item-list > .item.landscape,
	.catanis-portfolio.cols5 .item-list > .grid-sizer,
	.catanis-portfolio.cols5 .item-list > .item,
	.catanis-portfolio.cols5.no-margin .item-list > .item,
	.catanis-portfolio.cols4 .item-list > .grid-sizer,
	.catanis-portfolio.cols4 .item-list > .item,
	.catanis-portfolio.cols4.no-margin .item-list > .item,
	.catanis-portfolio.cols3 .item-list > .grid-sizer,
	.catanis-portfolio.cols3 .item-list > .item,
	.catanis-portfolio.cols3.no-margin .item-list > .item{
		width: 100%;
	}
	.ca-video.popup-style .video-control {
	    width: 60px;
	    height: 60px;
	}
	.ca-video.popup-style a h4 {
	    font-size: 14px;
	    padding-top: 10px;
	}
	.ca-video.popup-style a {
	    top: 15%;
	}
	ol.commentlist li.comment div.vcard img.avatar{
	    width: 30px;
	}
	ol.commentlist li.comment div.comment-author{
		min-width: 30px;
    	margin-top: 20px;
	}
	ol.commentlist li.comment div.wrap-comment-info {
	    margin-left: 50px;
	}
	ol.commentlist li.comment .meta-datetime {
	    display: none;
	}

	/*fix slider*/
	.rev_slider .demo-video-slider .rev-logo img{
		width: 70px !important;
		height: 70px !important;
		margin-top: -70px !important;
	}
	.rev_slider .demo-video-slider  .rev-button{
		margin-top: 20px !important;
	}

	/*======================================================================*/
	/*===INTRO PAGE ========================================================*/
	/**--- INTRO PAGE ---**/
	body.page.page-template-template-intro .wrap-content-header {
		margin-top: -30px;
   	 	margin-left: -108px;
	}
	body.page.page-template-template-intro .wrap-content-header p{
		display: none;
	}

	/*======================================================================*/
	/*===COMING SOON PAGE ==================================================*/
	body.coming-soon #main-container-wrapper article h2 {
	    font-size: 40px;
	    line-height: 40px;
	}
	body.coming-soon #main-container-wrapper article h6 {
	    font-size: 14px;
	}
	body.coming-soon #main-container-wrapper article .subscribe_widget form {
	    width: 100%;
	}
	body.coming-soon #main-container-wrapper article input[type="text"] {
    	width: 100%;
	}
	body.coming-soon #main-container-wrapper article .subscribe_widget input[type="submit"]{
		right: 2%;
	}
	.is-countdown > span > span > span {
		font-size: 14px;
	}
	.is-countdown > span > span > span:first-child {
		font-size: 30px;
	}
	body.coming-soon.v2 #main-container-wrapper article h2 {
		font-size: 40px;
    	line-height: 48px;
	}
	body.coming-soon.v2 #main-container-wrapper article h6{
		font-size: 16px;
	}
	body.coming-soon.v2 #main-container-wrapper .pos-right .copyright {
		left: 20px;
		width: 90%;
    	margin-right: 0px;
	}
	body.coming-soon.v2 .pos-right .social-icons-wrap {
		float: none;
	}
	body.coming-soon.v2 .countdown-show4 .countdown-section,
	body.coming-soon.v2 .countdown-show4 .countdown-section:first-child{
		width: 45%;
		margin-left: 4%;
	}

	/*======================================================================*/
	/*=== 1. MENU HORIZONTAL ===============================================*/
	.catanis-shortcode.testimonial.slider-avatar-left .testimonial-item .avatar {
	    position: relative;
	    float: none;
	    margin: 0 auto 20px;
	    display: block;
	}
	.catanis-shortcode.testimonial.slider-avatar-left .testimonial-item .detail {
	    margin-left: 0;
	    text-align: center;
	}
	.ca-about.style-home3 .about-content{
		height: inherit !important;
	}
	.ca-instagram .insta-name{
		left: 30%;
	}
	.ca-skill-section.skill-home3 .counter-circle-wrapper {
	    width: 100%;
	    margin-bottom: 20px;
	}

}

@media only screen and (max-width: 991px) and (min-width: 768px) {

	body.menu-horizontal .header.v1 .header-logo {
	    float: none;
		padding: 20px 0 20px 0px;
	    margin: auto;
	}
	body.menu-horizontal .nav-menu > ul > li {
    	margin: 0 7px;
	}
	body.menu-horizontal .slider-before-header .header .header-bottom {
	    margin-top: -126px;
	}
	#main-container-wrapper #container.sb-right .main-content{
		padding-right: 0;
	}
	.ca-post-masonry.cols3 .grid-sizer,
	.ca-post-masonry.cols3 .blog-item{
		width: 50%;
	}
	.ca-post-masonry.cols4 .grid-sizer, .ca-post-masonry.cols4 .blog-item {
	    width: 50%;
	}
	.ca-message{
		text-align: center;
	}
	.ca-message > div {
		float: none;
		margin-bottom: 30px;
	    width: 100%;
	}
	.ca-message .catanis-shortcode.button.style-white,
	.ca-message .catanis-shortcode.button.style-dark{
		float: none;
	}
	.pp_pic_holder.pp_woocommerce {
		width: 100%!important;
		left: 0!important;
	}
	.pp_pic_holder.pp_woocommerce iframe{
		height: 400px;
	}
	div.pp_woocommerce .pp_content_container .pp_left {
		padding-right: 0px !important;
	}
	div.pp_woocommerce .pp_content_container .pp_right {
		padding-right: 0!important;
		max-height: inherit;
	}
	body div.pp_woocommerce .pp_content {
		width: 100%!important;
		height: auto!important;
	}
	.pp_fade {
		width: 100%!important;
		height: 100%!important;
	    padding-right: 15px;
   		padding-left: 15px;
	}
	a.pp_expand, a.pp_contract, .pp_hoverContainer,
	.pp_gallery, .pp_top, .pp_bottom {
		display: none!important;
	}
	#pp_full_res img {
		width: 100%!important;
		height: auto!important;
	}
	.pp_details {
		width: 94%!important;
		padding-left: 3%;
		padding-right: 4%;
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: #fff;
		margin-top: -2px!important;
	}

	.search-area .search-item,
	.search-area .grid-sizer{
		width:50%;
	}
	/*======================================================================*/
	/*=== INTRO PAGE =======================================================*/
	body.page.page-template-template-intro .wrap-content-header {
		margin-top: -130px;
    	margin-left: -320px;
	}
	body.page.page-template-template-intro .wrap-content-header h2 {
	    font-size: 40px;
	    line-height: 50px;
	}

	/*======================================================================*/
	/*=== COMING SOON PAGE =================================================*/
	body.coming-soon #main-container-wrapper article .subscribe_widget form {
	    width: 100%;
	}
	body.coming-soon #main-container-wrapper article input[type="text"] {
    	width: 100%;
	}
	body.coming-soon.v2 .body-wrapper {
		position: relative;
    	top: inherit;
    	left: inherit;
	}
	body.coming-soon.v2 #main-container-wrapper .cols-wrapper {
		margin:0;
	}
	body.coming-soon.v2 #main-container-wrapper article h1 {
	    padding-top: 40px;
	    margin-top: 0;
	}
	body.coming-soon.v2 #main-container-wrapper article h2 {
		font-size: 70px;
	}
	body.coming-soon.v2 #main-container-wrapper .pos-left {
	    position: relative;
	    left: inherit;
	    top: inherit;
		float: none;
	    width: 100%;
	    height: auto;
	    margin-bottom: 0;
		padding: 0 50px 120px;
	}
	body.coming-soon.v2 #main-container-wrapper .pos-left .vcenter {
	    position: relative;
	    top: 0;
	    margin-top: 0;
		width: 100%;
	}
	body.coming-soon.v2 #main-container-wrapper .pos-left .copyright {
		display: none;
	}
	body.coming-soon.v2 #main-container-wrapper .pos-right {
		position: relative;
	    top: inherit;
	    right: inherit;
		float: none;    z-index: 1;
	    width: 100%;
		background-position: 0 0;
	    min-height: 800px;
	    background-repeat: repeat;
	}
	body.coming-soon.v2 #main-container-wrapper .pos-right .copyright {
		position: absolute;
		display: block;
		width: 92%;
	    margin-right: 3px;
	    right: 30px;
	}
	body.coming-soon.v2 #main-container-wrapper article .ca-countdown {
		top: 300px;
   	 	margin: 0;
	}
	body.coming-soon.v2 #main-container-wrapper article .ca-social-icons li a i.fa {
	    color: #FFFFFF;
	}

	/*======================================================================*/
	/*=== GENERAL SETTING 3 HOME ===========================================*/
	.vc_row[data-vc-full-width] .ca-iconbox.catanis-shortcode.style-rounded.icon-top{
		padding: 10%;
	}
	.wpb_single_image .vc_figure,
	.wpb_single_image .vc_single_image-wrapper,
	.wpb_single_image img{
		width: 100%;
	}
	#footer .footer-middle{
		padding-bottom: 30px;
	}
	#footer .footer-box,
	#footer .footer-box:last-child {
	    padding: 0 30px;
		margin-bottom: 40px;
	}
	.catanis-portfolio.cols4 .item-list > .item.wide,
	.catanis-portfolio.cols4 .item-list > .item.landscape,
	.catanis-portfolio.cols5 .item-list > .grid-sizer,
	.catanis-portfolio.cols5 .item-list > .item,
	.catanis-portfolio.cols5.no-margin .item-list > .item,
	.catanis-portfolio.cols4 .item-list > .grid-sizer,
	.catanis-portfolio.cols4 .item-list > .item,
	.catanis-portfolio.cols4.no-margin .item-list > .item,
	.catanis-portfolio.cols3 .item-list > .grid-sizer,
	.catanis-portfolio.cols3 .item-list > .item,
	.catanis-portfolio.cols3.no-margin .item-list > .item{
		width: 50%;
	}
	.catanis-portfolio.cols3 .item-list > .item.wide,
	.catanis-portfolio.cols3 .item-list > .item.landscape,
	.catanis-portfolio.cols5 .item-list > .item.wide,
	.catanis-portfolio.cols5 .item-list > .item.landscape{
		width: 100%;
	}
	.ca-pricing-section .wpb_text_column,
	.ca-team-section .wpb_text_column {
	    padding: 0 15%;
	}
	#quote-carousel{
		width: 80%;
	}

	/*======================================================================*/
	/*=== 1. MENU HORIZONTAL ===============================================*/
	.ca-services-section .ca_service_block .cols-wrapper .col.image,
	.ca_service_block .cols-wrapper .col.video{
		margin-bottom: 0;
	}
	.ca-services-section .ca_service_block .ca-iconbox.catanis-shortcode.icon-left {
	    text-align: center;
	    width: 70%;
    	margin: auto;
		padding: 30px 0 20px;
	}
	.ca-services-section .ca_service_block .ca-iconbox.catanis-shortcode.icon-left .icon {
	    float: none;
	    margin: 0 auto 30px;
	}
	.ca-services-section .ca_service_block .ca-iconbox.catanis-shortcode.icon-left.style-rounded .wrap-iconbox {
		margin-left: 0;
	}
	body.menu-vertical .ca-iconbox.catanis-shortcode.icon-left {
		width: 100%;
		padding:0;
	}
	.ca-work-section h3.heading-sub-title{
		margin-bottom: 0px;
		padding-top: 15px;
	}
	.ca-work-section h3.heading-sub-title span{
		border-bottom-width: 1px;
	   	border-bottom-style: solid;
		padding-bottom: 20px;
	}
	.ca-blog-section .wpb_text_column {
	    padding: 0 15% 20px;
	}
	.cata-contact-from {
		width: auto;
	}
	.ca-about.style-home2 .about-content {
	    margin: 50px 0 70px 60px;
	}
	.ca-video.popup-style a {
	    top: 30%;
	}
	.ca-contact-section .vc_col-sm-6{
		width: 100%;
	}
	.ca-contact-section .vc_col-sm-6 .cata-contact-from {
	    padding: 95px 15px 20px 15px;
	}
	.ca-about.style-home3 .about-content{
		height: inherit !important;
		padding: 60px 40px 30px;
	}

	/*======================================================================*/
	/*=== 2. MENU VERTICAL =================================================*/
	body.menu-vertical #cata-template-wrapper{margin-bottom: 0 !important;}
	body.menu-vertical #footer {
		position: relative;
		z-index: 10;
		left: inherit;
		bottom: inherit;
	}
	body.menu-vertical #footer .footer-middle{padding-bottom: 30px;}
	body.menu-vertical #footer .footer-box,
	body.menu-vertical #footer .footer-box:last-child{
		padding: 0 30px;
		margin-bottom: 40px;
	}
	body.menu-vertical .ca-about.style-home4 .about-content{
		margin:100px 0 50px;
		width:100%;
	}
	body.menu-vertical .ca-about.style-home4 .about-img {
		 display: none;
	}
	body.menu-vertical .catanis-portfolio .item-list{
		margin-left:0;
		margin-right:0;
	}

}

@media
only screen and (max-width: 1369px) and (min-width: 992px){

	.blog-item .post-quote figure.entry-thumbnail img{
		min-height: 300px;
	}

	/*======================================================================*/
	/*=== 1. MENU HORIZONTAL ===============================================*/
	.ca-services-section .ca_service_block .ca-iconbox.catanis-shortcode.icon-left {
		padding: 30px 0 20px;
	}
	.ca-about.style-home2 .about-content {
	    margin: 50px 0 90px 60px;
	}

	/*======================================================================*/
	/*=== 2. MENU VERTICAL =================================================*/
	body.menu-vertical .ca-team-section .wpb_text_column {
	    padding: 0px 15%;
	}

	body.menu-vertical .ca-about.style-home4 .about-content{
		margin: 30px 0 80px;
	}

}

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

	body.menu-horizontal .header.v1 .header-logo {
	    float: none;
		padding: 20px 0 20px 0px;
	    margin: auto;
	}
	body.menu-horizontal .slider-before-header .header .header-bottom {
	    margin-top: -126px;
	}
	.ca-post-masonry.cols4 .grid-sizer,
	.ca-post-masonry.cols4 .blog-item {
	    width: 50%;
	}
	.pp_pic_holder.pp_woocommerce {
		width: 100%!important;
		left: 0!important;
	}
	div.pp_woocommerce .pp_content_container .pp_left {
		padding-right: 0px !important;
	}
	div.pp_woocommerce .pp_content_container .pp_right {
		padding-right: 0!important;
		max-height: inherit;
	}
	body div.pp_woocommerce .pp_content {
		width: 100%!important;
		height: auto!important;
	}
	.pp_fade {
		width: 100%!important;
		height: 100%!important;
	    padding-right: 15px;
   		padding-left: 15px;
	}
	a.pp_expand, a.pp_contract, .pp_hoverContainer,
	.pp_gallery, .pp_top, .pp_bottom {
		display: none!important;
	}
	#pp_full_res img {
		width: 100%!important;
		height: auto!important;
	}
	.pp_details {
		width: 94%!important;
		padding-left: 3%;
		padding-right: 4%;
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: #fff;
		margin-top: -2px!important;
	}
	.catanis-portfolio.cols5 .item-list > .grid-sizer,
	.catanis-portfolio.cols5 .item-list > .item,
	.catanis-portfolio.cols5.no-margin .item-list > .item,
	.catanis-portfolio.cols4 .item-list > .grid-sizer,
	.catanis-portfolio.cols4 .item-list > .item,
	.catanis-portfolio.cols4.no-margin .item-list > .item,
	.catanis-portfolio.cols3 .item-list > .grid-sizer,
	.catanis-portfolio.cols3 .item-list > .item,
	.catanis-portfolio.cols3.no-margin .item-list > .item{
		width: 33.33%;
	}
	.catanis-portfolio.cols4 .item-list > .item.wide,
	.catanis-portfolio.cols4 .item-list > .item.landscape{
		width: 50%;
	}
	.catanis-portfolio.cols3 .item-list > .item.wide,
	.catanis-portfolio.cols3 .item-list > .item.landscape,
	.catanis-portfolio.cols5 .item-list > .item.wide,
	.catanis-portfolio.cols5 .item-list > .item.landscape{
		width: 66.67%;
	}
	body.page.page-template-template-intro .wrap-content-header {
	    margin-top: -140px;
	    margin-left: -320px;
	}
	body.page.page-template-template-intro .wrap-content-header h2 {
	    font-size: 50px;
	    line-height: 60px;
	}
	.ca-message{
		text-align: center;
	}
	.ca-message > div {
		float: none;
		margin-bottom: 30px;
		width: 100%;
	}
	.ca-message .catanis-shortcode.button.style-white,
	.ca-message .catanis-shortcode.button.style-dark{
		float: none;
	}
	.ca-pricing-section .wpb_text_column,
	.ca-team-section .wpb_text_column,
	.ca-blog-section .wpb_text_column {
	    padding: 0 20%;
	}
	#quote-carousel{
		width: 80%;
	}
	body.menu-vertical .ca-services-section .vc_col-sm-4 .ca-iconbox.catanis-shortcode.icon-left.style-rounded .icon{
	    width: 50px;
	    height: 50px;
	    line-height: 50px;
	}
	body.menu-vertical .ca-services-section .vc_col-sm-4 .ca-iconbox.catanis-shortcode{
		padding:0;
	}
	body.menu-vertical .ca-services-section .vc_col-sm-4 .ca-iconbox.catanis-shortcode .icon{
	    font-size: 20px;
	}
	body.menu-vertical .ca-services-section .vc_col-sm-4 .ca-iconbox.catanis-shortcode.icon-left.style-rounded .wrap-iconbox{
		margin-left: 80px;
	}

	/*======================================================================*/
	/*=== 1. MENU HORIZONTAL ===============================================*/
	.ca_service_block{
		min-height: inherit;
		max-height: inherit;
	}
	.ca_service_block .cols-wrapper .col{
		min-height: inherit !important;
		max-height: inherit !important;
		margin-bottom: 0;
	}
	.ca_service_block .cols-wrapper .col.image,
	.ca_service_block .cols-wrapper .col.video{
		min-height: 500px !important;
	}
	.ctent-service .ca_service_wrapper {
	    min-height: inherit;
	}
	.ctent-service.left .ca_service_wrapper > div {
	    float: none;
	    width: auto;
	    min-height: inherit;
		padding: 70px 20px 0px 20px;
	}
	.ctent-service.right .ca_service_wrapper > div{
	    float: none;
	    width: auto;
	    min-height: inherit;
	   	padding: 40px 20px 0 20px;
	}
	.ca-services-section .wpb_single_image .vc_figure,
	.ca-services-section .wpb_single_image .vc_single_image-wrapper,
	.ca-services-section .wpb_single_image img{
		width: 100%;
	}
	.ca-about.style-home3 .about-content {
	    height: inherit !important;
	    padding: 100px 40px 30px;
	}
	.ca-skill-section.skill-home3 > div:last-child .wpb_text_column {
	    padding: 0 10%;
	}

	/*======================================================================*/
	/*=== 2. MENU VERTICAL =================================================*/
	body.menu-vertical .ca-about.style-home4 .about-content{
		margin:0;
		width: 65%;
	}

}

@media
only screen and (min-width: 1370px){
	.ca-services-section .ca_service_block .ca-iconbox.catanis-shortcode.icon-left {
		padding: 30px 0 20px;
	}
}