/*-----------------------------------------------------------------------------------*/
/* - Theme Responsiveness
/*-----------------------------------------------------------------------------------*/

@media (max-width: 1100px), (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	.tp-caption.fullscreenvideo iframe {
		display: none!important;
	}

	.no-header .site-header {
		position: fixed;
	}
	
	.no-header.vertical-header-enable #main-header.site-header:not(.fixed-minify){
		visibility:visible;
		opacity:1;
	}
	
	.no-header.vertical-header-enable:not(.header-overlapping) #main-header.site-header:not(.fixed-minify){
		position:relative;
	}
	
	.no-header.vertical-header-enable.header-overlapping #main-header.site-header:not(.fixed-minify){
		position:absolute;
	}
	
	.vertical-header-enable #main-header.site-header:not(.fixed-minify) .logo img {
		width:auto;
	}

	/* Main Navigation */

	.main-navigation.default {
		display: none;
	}

	.navmenu-open .site-header {
		z-index: 1003;
	}

	#main-header-vertical {
		display: none;
	}

	.main-navigation .navigation li a {
		color: #999;
	}

	.main-navigation .navigation li.menu-item-language .submenu-languages {
		display: block;
	}

	.main-navigation .navigation li a {
		color: #444;
	}

	.main-navigation ul li a {
		display:block;
		padding:13px 0;
		border-radius:0;
	}

	.main-navigation .navigation li,
	.main-navigation .navigation li > a {
		display: block;
		float: none;
		margin-left: 0;
		line-height: 21px;
	}

	.main-navigation .navigation li a {
		font-size: 13px;
	}

	.main-navigation.mobile .navigation li li a {
		padding-left: 35px;
		padding-right: 18px;
	}

	.main-navigation.mobile .navigation li.menu-item-language .submenu-languages a {
		padding-left: 20px;
	}

	.main-navigation.mobile .navigation li li li a {
		padding-left: 50px;
	}

	.main-navigation.mobile .navigation li li li li a {
		padding-left: 65px;
	}


	.main-navigation.mobile {
		display: block;
		position: fixed;
		top:0;
		left:0;
		width:350px;
		height: 100%;
		z-index: 100010;
		overflow-x:hidden;
		overflow-y:auto;

		-webkit-overflow-scrolling: touch;
		transition:all 0.3s ease-out;
		-webkit-transition:all 0.3s ease-out;
	}

	.main-navigation.mobile.light-bg {
		background-color: #fff;
	}

	.main-navigation.mobile.dark-bg {
		background-color: #090909;
	}

	.main-navigation.mobile .sub-menu li.fa:before {
		color:#eee;
	}

	.main-navigation.mobile .sub-menu li.fa:hover:before {
		color:#E89A38;
	}

	.main-navigation.zoom-in.light-bg .navigation li > a,
	.main-navigation.zoom-in.dark-bg .navigation li > a,
	.main-navigation.zoom-in .navigation li ul li a:hover,
	.main-navigation.zoom-in .navigation li ul li.current_page_item > a,
	.main-navigation.zoom-in .navigation li  li.current-menu-parent > a,
	body:not(.one-page-layout) .main-navigation.zoom-in .navigation li ul li.current-menu-item > a {
		background-color:transparent!important;
	}

	.main-navigation.mobile .navigation li ul li a {
		font-size: 13px;
	}


	.site-header.header_3:not(.fixed-minify) .header-inner-container {
		text-align: center;
	}

	.site-header.header_3:not(.fixed-minify) .header-inner-container .vc_col-sm-12 {
		display: block;
	}

	.site-header.header_3:not(.fixed-minify) .header-inner-container .logo {
		float: none;
		display: inline-block;
		margin-right: 0;
	}

	.site-header.header_3:not(.fixed-minify) .header-inner-container .free-html-area {
		display: block;
		text-align: center;
		margin-bottom: 25px;
	}

	.site-header.header_3:not(.fixed-minify) .navigation-container {
		text-align: center;
	}

	.site-header.header_3:not(.fixed-minify) .header-other-links {
		float: none;
	}
	
	.site-header.header_4:not(.fixed-minify) .header-other-links {
		position: static;
		float: none;
	}

	.main-navigation.mobile::-webkit-scrollbar {
		display: none;
	}

	.main-navigation.mobile.dark-bg .navigation li a {
		color:#eee;
		border-bottom:1px solid #1f1f1f;
	}

	.main-navigation.mobile.light-bg .navigation li a {
		color:##676767;
		border-bottom:1px solid #eee;
	}

	.main-navigation.mobile .navigation > li > a {
		display:block;
		border-radius:0;
		line-height:1;
		height: auto;
		padding: 15px 20px;
		font-size: 13px;
	}

	.main-navigation ul ul li.submenu-item-parent > a:after {
		display: none;
	}

	.main-navigation.zoom-in.light-bg .mobile-menu-close {
		color:#777;
	}

	.open .mobile-menu-close {
		visibility: visible;
		opacity: 1;
		position: fixed;
		transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		z-index: 1000000;
		color:#fff;
	}

	.open .navmenu-overlay {
		visibility: visible;
		opacity: 0.9;
	}
	
	.main-navigation.zoom-in {
		display: block;
		visibility: hidden;
		opacity: 0;
		position: fixed;
		top:0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 100010;
		padding:80px 0;


		transform: scale(1.2);
		-webkit-transform:scale(1.2);

		transition:all 0.3s ease-out;
		-webkit-transition:all 0.3s ease-out;
	}

	.navmenu-open .main-navigation.zoom-in {
		display: block;
		visibility: visible;
		opacity: 1;
		transform: scale(1);
		-webkit-transform:scale(1);
	}
	
	.main-navigation.zoom-in .navigation {
		display:block;
		padding:0 40px;
		height: 100%;
		overflow-x:hidden;
		overflow-y:auto;

		-webkit-overflow-scrolling: touch;
	}

	.main-navigation.zoom-in .navigation li a {
		border-bottom: 1px solid #eee;
		font-weight: 400;
	}

	/* dark skin for Navigation */
	.main-navigation.zoom-in.dark-bg {
		background-color: #111;
	}

	.main-navigation.zoom-in.dark-bg .navigation li > a, 
	.main-navigation.zoom-in.dark-bg .navigation > li.megamenu > ul.sub-menu > li > a,
	.main-navigation.zoom-in.dark-bg .navigation > li.megamenu > ul.sub-menu > li a,
	.main-navigation.zoom-in.dark-bg .navigation .sub-menu > li:last-child > a  {
		border-bottom: 1px solid #222;
	}

	.main-navigation.zoom-in .navigation::-webkit-scrollbar {
		display: none;
	}

	.main-navigation.zoom-in .navigation li li a {
		margin-left: 25px;
		padding-right: 25px;
	}

	.main-navigation.zoom-in .navigation li.menu-item-language .submenu-languages a {
		margin-left: 0;
	}

	.main-navigation.zoom-in .navigation li li li a {
		margin-left: 40px;
	}

	.main-navigation.zoom-in .navigation li li li li a {
		margin-left: 55px;
	}

	.main-navigation.zoom-in .sub-menu li.fa:before {
		left:10px;
	}

	.main-navigation.zoom-in .sub-menu li.fa > a {
		padding-left: 0 !important;
	}

	.main-navigation.zoom-in .sub-menu li li.fa:before {
		left:25px;
	}

	.main-navigation.zoom-in ul ul li.submenu-item-parent > a:after {
		display: none;
	}

	.main-navigation.zoom-in ul li.submenu-item-parent > a .submenu-icon {
		display: inline-block;
		width:45px;
		height:45px;
		line-height: 45px;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 16px;
		text-align: right;
		cursor: pointer;
	}

	.main-navigation.zoom-in ul li.submenu-item-parent > a .submenu-icon:after {
		content:"\f107";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-align: center;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;		
	}

	.main-navigation.zoom-in ul ul {
		display: none;
	}

	.zoom-in .navigation .current-menu-ancestor > ul.sub-menu {
		display: block;
	}

	.main-navigation.dark-bg .navigation li a {
		color:#fff;
	}
	
	.main-navigation:not(.default) .navigation li > a:hover,
	.main-navigation:not(.default) .navigation > li.active > a,
	.main-navigation:not(.default) .navigation > li.current_page_parent > a,
	.main-navigation:not(.default) .navigation > li.current_page_item > a,
	body:not(.one-page-layout) .main-navigation:not(.default) .navigation li.current-menu-item > a,
	.main-navigation:not(.default) .navigation  li.current-menu-ancestor > a,
	.main-navigation:not(.default).dark-bg .navigation li > a:hover,
	.main-navigation:not(.default).dark-bg .navigation > li.active > a,
	.main-navigation:not(.default).dark-bg .navigation > li.current_page_parent > a,
	.main-navigation:not(.default).dark-bg .navigation > li.current_page_item > a,
	body:not(.one-page-layout) .main-navigation:not(.default).dark-bg .navigation li.current-menu-item > a,
	.main-navigation:not(.default).dark-bg .navigation  li.current-menu-ancestor > a {
		color: #E89A38;
	}

	.mobile-menu-link {
		position: relative;
		display:inline-block;
		z-index: 1000;
	}

	.search-link-wrapper .search-link span.ico-container,
	.search-link-wrapper .search-link:hover span.ico-container {
		background-color:transparent!important;
		color: #444;
	}
	
	.dark-bg .search-link-wrapper .search-link:hover span.ico-container {
		color:#fff;
	}
	
	.shop-cart-popup-wrapper .cart-icon a:hover span.icon {
		color: inherit !important;
	}

	/* Search Link @Menu */

	.search-link-wrapper{
		margin-left: 0;
	}

	.search-link-wrapper .search-link span.ico-container {
		width: 32px;
		padding:0 5px;
		font-size: 15px;
		height: auto;
		position: relative;
		top:0;
		margin-left: 10px;
	}

	.header-other-links .search-link-wrapper .search-link:hover span.ico-container {
		background-color: transparent!important;
	}

	.vc_responsive .wpb_row.color-box  .vc_col-sm-3 .percentage-wrapper {
	 	width: 90px;
	 	height: 90px;
	}

	.color-box .skills-area {
		margin: 0 !important;
		padding: 30px 0 !important;
	}


	/* Seach Link @Menu */

	/* Hide Main Nav */
	body.swipe-menu .header-inner .main-navigation {
		display: none;
	}
	/* Hide Main Nav */

	body.nav-menu-from-right .mobile-menu-close {
		right:auto;
		left:0;
	}

	body.nav-menu-from-left .main-navigation.mobile {
		transform:translateX(-100%);
		-ms-transform:translateX(-100%);
		-webkit-transform:translateX(-100%);
	}

	body.nav-menu-from-right .main-navigation.mobile {
		right: 0;
		left: auto;
		transform:translateX(100%);
		-ms-transform:translateX(100%);
		-webkit-transform:translateX(100%);
	}

	body.nav-menu-from-left .main-navigation.mobile.open, body.nav-menu-from-right .main-navigation.mobile.open {
		transform:translateX(0);
		-ms-transform:translateX(0);
		-webkit-transform:translateX(0);
	}

	.main-navigation.mobile ul li .submenu-mobilelink {
		display:block;
		position:absolute;
		top:0;
		right:0;
		padding:14px 17px;	
	}

	.main-navigation.mobile ul li .submenu-link {
		display:block;
	}

	/* dark skin for Navigation */

	.block-area-with-bg-wrapper .custom-bg, .spot-area-with-bg-wrapper .custom-bg, .page-introduce .custom-bg,
	.wpb_column .custom-bg {
		background-attachment: scroll !important;
		background-size: cover !important;
		transform:translateY(0) !important;
		-ms-transform:translateY(0) !important;
		-webkit-transform:translateY(0) !important;
	}

	.image.parallax-bg {
		background-position: center center!important;
	}

	.mobile-device .vc_progress_bar .vc_single_bar .vc_bar.animated {
	  -webkit-animation: none;
	  -moz-animation: none;
	  -ms-animation: none;
	  -o-animation: none;
	  animation: none;
	}

	.custom-bg.video video, .custom-bg.video.iframe iframe {
		display: none;
	}

	.volume-control {
		display: none;
	}

	.wpb_wrapper .wpb_text_column.fancy-title h1,
	.wpb_wrapper .wpb_text_column.fancy-title h2, 
	.fancy-title {
		font-size: 50px;
	}

	.testimonials-item {
	 	padding-left: 20px;
	}

	.counter-area .counter-value {
		font-size: 50px;
	}

}

@media (max-width: 992px) {

	.loader-container-inner-wrapper {
		max-width: 50%;
	}

	.box-list.type3 .vc_col-sm-2 .box-item .detail-area h3 a {
		font-size: 22px;
	}

	.box-list.type3 .vc_col-sm-2 .box-item.team-item .caption {
		display: block;
	}

	.site-header .info-area {
		display: none;
	}

	.site-header .free-html-area {
		display: none;
	}

	.site-header .social-icons {
		display: inline-block;
		float: none !important;
		line-height: 1.3;
	}

	.wpb_gallery .wpb_gallery_slides.wpb_image_grid .box-item {
		width: 50%;
	}

	.wpb_gallery_slides.wpb_image_grid .box-item.vc_col-sm-2 .hover-area.single .item-header , .gallery-thumbnail-wrapper .gallery-thumbnail .item.vc_col-sm-2  .hover-area.single .item-header {
		display: block;
	}

	footer .clear-both {
		display: block;
	}

	.footer-bottom .copyright {
		line-height: 1.8;
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}

	.footer-bottom .social-icons-area {
		float: none;
		text-align: center;
	}

	.no-mobile-device footer.unfold.activate {
		position: relative;
		margin-left: -0!important;
		z-index: 10;
	}

	.no-mobile-device .boxed footer.unfold.activate {
		left: 0;
	}

	.no-mobile-device .unfold-footer #wrapper {
		padding-bottom: 0!important
	}

	.vc_col-sm-3.block-icon-area.type3 {
		margin: 0 20px;
	}

	.tp-leftarrow.default:not([class*="pre"]), .tp-rightarrow.default:not([class*="pre"]) {
		background-size: 6px auto;
		width: 40px;
		height: 55px;
	}

	#qLpercentage {
		font-size: 26px !important;
		margin-top: -40px !important;
	}

	.blog-list-wrapper .box-item .main-head-text.list { 
		padding-left: 0;
		padding-right: 0;
	}
	
	.box-list-wrapper .box-list.list.centered .box-item .detail-area {
		padding-left:0;
		padding-right:0;
	}
	
	.brand-item {
		padding: 0;
	}

	footer .column {
		padding: 0 25px !important
	}

	.vc_col-sm-4 .block-icon-area.type1 .text, .vc_col-sm-4 .block-icon-area.type3 .text {
		padding: 0;
	}

	.head-block.center .head .caption {
		max-width: 550px;
	}

	.team-detail .figure {
		margin-right: 0;
	}

	.team-detail .detail-area {
		padding:0 15px;
		margin: 0 -15px;
	}

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 992px) {

	.box-list-wrapper .box-list.masonry .box-list-item[class*="vc_col-sm"],
	.box-list-wrapper .box-list.grid .box-list-item[class*="vc_col-sm"],
	.box-list-wrapper .box-list.masonry.no-padding .box-list-item[class*="vc_col-sm"],
	.box-list-wrapper .box-list.grid.no-padding .box-list-item[class*="vc_col-sm"] {
		width: 50%;
	}

	.box-list-wrapper .box-list.masonry.no-padding .box-list-item.vc_col-sm-3.wide-tall,
	.box-list-wrapper .box-list.masonry.no-padding .box-list-item.vc_col-sm-4.wide-tall,
	.box-list-wrapper .box-list.masonry.no-padding .box-list-item.vc_col-sm-6.wide-tall {
		width: 100%;
	}

	.box-list-wrapper .box-list.masonry.no-padding .box-list-item.vc_col-sm-3.wide,
	.box-list-wrapper .box-list.masonry.no-padding .box-list-item.vc_col-sm-4.wide,
	.box-list-wrapper .box-list.masonry.no-padding .box-list-item.vc_col-sm-6.wide {
		width: 100%;
	}


	.container, .container-page.tiny-page {
		width: 750px;
	}

	.container-page:not(.with-sidebar) .full.block-area .spot-area .spot-area-inner .container-inner,
	.full.block-area.spot-area-generic .spot-area .spot-area-inner .container-inner {
		width: 750px;
	}

	.vc_col-sm-3 .block-icon-area.icon-only.fsb-130:not(.type1) .thumb-area,
	.vc_col-sm-4 .block-icon-area.icon-only.fsb-130:not(.type1) .thumb-area {
		font-size: 100px !important;
		line-height: 84px !important;
		width: 100px !important;
		height: 100px !important;
	}

	.forceWidth > .wpb_column.vc_col-sm-6 {
		width: 100%;
	}
	
	.forceWidth > .wpb_column.vc_col-sm-6:first-child {
		margin-bottom:30px;
	}

	.forceWidth > .wpb_column.vc_col-sm-3 {
		width: 50%;
	}

	.add-menu-alert {
		display: none;
	}

	.sidebar {
		display: none;
	}

	.with-sidebar.sidebarLeft .content, .with-sidebar.sidebarRight .content {
		float: none;
		width:100%;
	}

	.full .head-area {
		padding-left: 40px;
		padding-right: 40px;
	}

	.flex-control-nav.flex-control-thumbs {
		bottom: -70px;
	}

	.box-list.type3 .vc_col-sm-2 .box-item.team-item .caption {
    	display: block;
    }

	.vc_col-sm-4 .block-icon-area h3, .vc_col-sm-4 .block-icon-area.type3 h3 {
		font-size: 17px;
	}

	.counter-area.big100000 .counter-value {
		margin-left: -15px;
	}

	.vc_responsive .footer-top .wpb_row .column,
	.responsive .footer-top .wpb_row .column {
		width: 50%;
	}
	
	h1 {
		font-size:23px;
	}

	h2 {
		font-size:18px;
	}

	h3 {
		font-size: 16px;
	}

	h4,.wpb_wrapper .wpb_text_column.wpb_content_element h4 {
		font-size: 14px;
	}

	h5, .wpb_wrapper .wpb_text_column.wpb_content_element h5 {
		font-size:13px;
	}

	h6, .wpb_wrapper .wpb_text_column.wpb_content_element h6 {
		font-size:13px;
	}

	.wpb_wrapper .wpb_text_column.fancy-title h1,
	.wpb_wrapper .wpb_text_column.fancy-title h2, 
	.fancy-title {
		font-size: 40px;
	}

	.fit-image img {
		max-width: 100px;
	}

	.vc_responsive .wpb_row .team-detail .figure {
		width: 33.333%;
	}

	.vc_responsive .wpb_row .team-detail .detail-area {
		width: 66.666%;
	}

	.percentage-wrapper {
		width: 130px;
		height: 130px;
	}

	.percentage-wrapper span {
		font-size:36px;
	}

	.color-box > .container,
	.color-box > .container > .wpb_column {
		display: block;
		width: 100%;
	}

	.color-box > .container > .wpb_column {
		position: relative;
		padding: 7% 8%;
	}
	
	.color-box .block-area-inner .add-padding {
		padding:7% 8%!important;
	}

	.color-box .percentage-wrapper {
		width: 180px !important;
		height: 180px !important;
	}

	.color-box .no-icon .percentage-wrapper .percent {
		font-size: 45px;
	}

	.invert .percentage-wrapper .skill-bg {
		border-width: 6px;
	}

	.vc_col-sm-2 .counter-area .counter-value {
		font-size: 32px;
	}

	.vc_col-sm-2 .counter-area p {
		font-size: 10px;
	}

	.spot-area h2 {
		font-size: 17px !important
	}

	.portfolio-detail .featured-item-wrapper.left,
	.portfolio-detail .featured-item-wrapper.right {
		width: 100%;
		margin-bottom: 40px;
	}

	.portfolio-detail .detail-area.right,
	.portfolio-detail .detail-area.left {
		width: 100%;
	}

	.with-sidebar .portfolio-detail .featured-item-wrapper.left,
	.with-sidebar .portfolio-detail .featured-item-wrapper.right {
		padding-left: 0;
		padding-right: 0;
	}

	.with-sidebar .portfolio-detail .detail-area.right, .with-sidebar .portfolio-detail .detail-area.left {
		padding-left: 0;
		padding-right: 0;
	}

	.portfolio-detail .detail-area.left .item-info.detail,
	.portfolio-detail .detail-area.right .item-info.detail {
		float: left;
		margin-bottom: 0;
	}

	.detail-area.left .portfolio.social-icons-list, .detail-area.right .portfolio.social-icons-list {
		text-align: right;
		margin-top:0;
	}

}

@media all and (max-width: 900px) {
  .mfp-arrow-left {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {

	.wpb_row .container .wpb_column:last-child, .color-box.wpb_row .container .wpb_column {
		margin-bottom: 0;
	}

	.vc_responsive .wpb_row.vc_row-fluid [class*="vc_col-sm"] {
		width: 100%;
	}

	.vc_wp_custommenu, .wpb_widgetised_column {
		display: none;
	}

	.box-list-wrapper .box-list.masonry .box-list-item[class*="vc_col-sm"],
	.box-list-wrapper .box-list.grid .box-list-item[class*="vc_col-sm"],
	.box-list-wrapper .box-list.masonry.no-padding .box-list-item[class*="vc_col-sm"],
	.box-list-wrapper .box-list.grid.no-padding .box-list-item[class*="vc_col-sm"],
	.featured-item-wrapper .gallery-thumbnail-wrapper .gallery-thumbnail .item[class*="vc_col-sm"],
	.wpb_gallery_slides.wpb_image_grid .box-item[class*="vc_col-sm"],
	.box-list-wrapper .box-list.masonry.no-padding .box-list-item[class*="vc_col-sm"].wide-tall,
	.box-list-wrapper .box-list.masonry.no-padding .box-list-item[class*="vc_col-sm"].wide {
		width: 100%;
	}

	.add-menu-alert {
		display: none;
	}

	.site-header .header-bar {
		display: none;
	}

	.site-header .header-inner, .fixed-header .site-header.fixed-minify .header-inner {
		height: 68px;
	}

	.site-header .logo, .site-header.fixed-minify .logo {
		line-height: 68px;
		height: 68px;
	}

	.site-header .logo a span {
		font-size: 26px;
		line-height: 68px;
	}

	.site-header.header_3:not(.fixed-minify) .header-inner-container .free-html-area, .site-header .site-description {
		display:none;
	}

	.site-header .mobile-menu-link,
	.site-header.fixed-minify .mobile-menu-link {
		line-height: 68px;
	}

	.site-header .search-link-wrapper,
	.site-header.fixed-minify .search-link-wrapper {
		line-height: 68px;
	}

	.site-header .info-area {
		display: none;
	}

	.shop-cart-popup-wrapper, .shop-cart-popup-wrapper .cart-icon,
	.site-header.fixed-minify .shop-cart-popup-wrapper, .site-header.fixed-minify .shop-cart-popup-wrapper .cart-icon {
		line-height: 68px;
	}

	.main-navigation.zoom-in {
		padding: 70px 0 50px 0;
	}

	.main-navigation.zoom-in .navigation {
		padding-left: 35px;
		padding-right: 35px;
	}

	.container, .container-page.tiny-page {
		width: auto;
	}

	.container-page:not(.with-sidebar) .full.block-area .spot-area .spot-area-inner .container-inner,
	.full.block-area.spot-area-generic .spot-area .spot-area-inner .container-inner {
		width: auto;
	}

	.page-introduce .container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.header-overlapping .page-introduce .container {
		padding-top:90px;
	}

	.color-box > .container, .color-box > .container > .wpb_column {
		display: block;
	}

	.color-box > .container > .wpb_column {
		position: relative;
		padding: 10%;
	}
	
	.color-box .block-area-inner .add-padding {
		padding:10%!important;
	}

	.full .head-area {
		padding-left: 35px;
		padding-right: 35px;
	}

	.full .slider .head-area {
		text-align: left;
	}

	.full .slider .head-area .head-text {
		padding-left: 0;
	}

	.full .portfolio-list-wrapper.type3.no-padding .head-area {
		padding-left: 30px;
		padding-right: 30px;
	}

	.block-area.fullscreen .block-area-fullscreen-inner {
		padding: 70px 0;
	}

	.block-area-with-bg-wrapper .custom-bg, .spot-area-with-bg-wrapper .custom-bg,
	.wpb_column .custom-bg {
		background-size: cover !important;
	}

	.filter-group-list-wrapper.mobile {
		display: inline-block !important;
	}

	.filter-group-list.default {
		display: none;
	}

	.portfolio-detail .featured-item-wrapper.left,
	.portfolio-detail .featured-item-wrapper.right {
		margin-bottom: 40px;
		float:none;
	}

	.with-sidebar .portfolio-detail .featured-item-wrapper.left,
	.with-sidebar .portfolio-detail .featured-item-wrapper.right {
		padding-left: 0;
		padding-right: 0;
	}

	.with-sidebar .portfolio-detail .detail-area.right, .with-sidebar .portfolio-detail .detail-area.left {
		padding-left: 0;
		padding-right: 0;
	}

	.detail-area .portfolio.social-icons-list {
		margin-top: 10px;
	}

	.wpb_images_carousel .vc_images_carousel .vc_carousel-indicators {
		display: none;
	}

	.page-introduce .container {
		height: auto;
	}

	.page-introduce-header-area {
		width: 100%;
	}

	.breadcrumbs {
		width: auto;
		padding-right: 10px;
		margin-top: 4px;
		text-align: left;
	}

	.page-introduce-header-area p {
		margin-bottom: 4px;
	}

	.search-area form legend {
		font-size: 35px;
		padding-bottom: 15px;
	}

	.search-area.layer .search-input{
		font-size:18px;
	}

	.inline-search-wrapper .search-input {
		font-size: 18px;
	}

	.sidebar {
		display: none;
	}

	.with-sidebar.sidebarLeft .content, .with-sidebar.sidebarRight .content {
		float: none;
		width:100%;
	}

	.flex-control-nav.flex-control-thumbs {
		display: none;
	}

	.thumb-image-slider.flexslider.thumbnails {
		margin-bottom: 0;
	}

	.spot-area .btn-area, .spot-area .text {
		display: block;
	}

	.spot-area .text.to-left,
	.spot-area .btn-area.to-right {
		display: block;
		width: 100%;
	}

	.spot-area .btn-area.to-right {
		margin-top:18px;
		padding-left: 0;
	}

	.spot-area.right .btn-area.to-right {
		text-align: right;
	}

	.spot-area.left .btn-area.to-right {
		text-align: left;
	}

	.spot-area.center .btn-area.to-right {
		text-align: center;
	}

	.spot-area .btn-area.to-right .btn {
		display: inline-block;
	}

	.spot-area .btn-area .btn:nth-child(2) {
		margin-top: 10px;
	}

	.spot-area.left .btn, .spot-area.left .btn-area.to-right .btn {
		margin-right: 14px;
	}

	.spot-area.right .btn, .spot-area.right .btn-area.to-right .btn {
		margin-left: 14px;
	}

	.spot-area.center .btn-area.to-right .btn {
		margin-left:7px;
		margin-right:7px;
	}

	.comment-detail p.sub-heading {
		font-size: 15px;
	}

	.blog-detail .blog-detail-block .detail-area {
		padding-top: 20px;
	}

	.blog-detail:not(.centered) .detail-area .post-name {
		padding-right: 0;
	}

	.blog-detail:not(.centered) .detail-area .social-icons-list {
		position: relative;
		top: 0;
		left: -6px;
		margin-top: 15px;
	}
	
	.blog-list-wrapper .box-item .main-head-text.list.centered {
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.comment-area .author-comment {
		margin-top: 0;
	}

	.comment-author-block .author-details {
		padding-top: 2px;
	}

	.comment-author-block p.comment-time {
		display: block;
	}

	.box-item .caption.extra {
		margin-top: 20px;
	}

	.blog-item .blog-detail-text {
		margin-top: 20px;
	}

	.box-list.list.type2 .box-item .detail-area {
		padding: 15px 10px;
	}

	.comment-form-author, .comment-form-email, .comment-form-url {
		width: 100%;
		padding-right:0;
	}

	.comment-author-block .comment-reply-link {
		position: static;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.comment-edit-link {
		margin-left: 5px;
	}

	.portfolio-detail .detail-area:not(.left):not(.right) .item-info.detail {
		float: none;
	}

	.detail-area.bottom .portfolio.social-icons-list, .detail-area.top .portfolio.social-icons-list {
		text-align: left;
	}

	.block-area:not(.fullscreen) .map-container .map-item {
		max-height: 350px;
	}

	.detail-area input {
		display: block;
		margin-left: 0;
		margin-bottom: 7px;
	}


	/* MAGNIFIC LIGHTBOX */

	.mfp-arrow {
	  	width: 50px;
	}

	.mfp-arrow-left {
		left: 14px;
	}

	.mfp-arrow-right {
		right: 14px;
	}

	.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
		margin-left: 13px;
	}

	.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
		margin-left: 20px;
	}


    .tp-button {
		font-size:8px !important;
		letter-spacing:normal !important;
		padding: 5px 7px !important;
	}

	.search-area .close, .mobile-menu-close {
		width: 80px;
	}

	.color-box .percentage-wrapper {
		width: 180px !important;
		height: 180px!important;
	}

	.color-box .no-icon .percentage-wrapper .percent {
		font-size: 50px;
	}

	.invert .percentage-wrapper .skill-bg {
		border-width: 6px;
	}

	.logged-in.wpadminbar-enable .site-header.fixed-minify {
		top:46px;
	}

	html #wpadminbar {
		z-index: 100000 !important;
	}
	
}

/* Landscape phones and down */
@media (max-width: 480px) {
	.wpb_row .container .wpb_column:last-child, .color-box.wpb_row .container .wpb_column {
		margin-bottom: 0;
	}

	.vc_responsive .wpb_row.vc_row-fluid [class*="vc_col-sm"] {
		width: 100%;
	}

	.vc_wp_custommenu, .wpb_widgetised_column {
		display: none;
	}
	
	#qLoverlay-inner {
		width:280px;
	}

	#qLpercentage {
		font-size: 16px;
	}

	footer .column,
	.footer-bottom .container-inner {
		padding:0 10px !important;
	}

	.box-list-wrapper .box-list.masonry .box-list-item[class*="vc_col-sm"],
	.box-list-wrapper .box-list.grid .box-list-item[class*="vc_col-sm"],
	.featured-item-wrapper .gallery-thumbnail-wrapper .gallery-thumbnail .item[class*="vc_col-sm"], .wpb_gallery_slides.wpb_image_grid .box-item[class*="vc_col-sm"],
	.box-list-wrapper .box-list.masonry.no-padding .box-list-item[class*="vc_col-sm"].wide-tall,
	.box-list-wrapper .box-list.masonry.no-padding .box-list-item[class*="vc_col-sm"].wide {
		width: 100%!important;
	}

	.add-menu-alert {
		display: none;
	}

	.site-header .header-bar {
		display: none;
	}

	.site-header .header-inner, .fixed-header .site-header.fixed-minify .header-inner {
		height: 68px;
	}

	.site-header .logo, .site-header.fixed-minify .logo {
		line-height: 68px;
		height: 68px;
		margin-right: 0;
	}

	.site-header .logo a span {
		font-size: 26px;
		line-height: 68px;
	}

	.site-header.header_3:not(.fixed-minify) .header-inner-container .free-html-area, .site-header .site-description {
		display:none;
	}

	.site-header .mobile-menu-link,
	.site-header.fixed-minify .mobile-menu-link {
		line-height: 68px;
	}

	.site-header .search-link-wrapper,
	.site-header.fixed-minify .search-link-wrapper {
		line-height: 68px;
	}

	.site-header .info-area {
		display: none;
	}

	.site-header .logo img {
		width: auto;
		max-height: 28px;
	}

	.shop-cart-popup-wrapper, .shop-cart-popup-wrapper .cart-icon,
	.site-header.fixed-minify .shop-cart-popup-wrapper, .site-header.fixed-minify .shop-cart-popup-wrapper .cart-icon {
		display: none;
		line-height: 68px;
	}

	.site-header .header-inner > .container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.main-navigation.zoom-in {
		padding: 60px 0;
	}

	.main-navigation.zoom-in .navigation {
		padding-left: 30px;
		padding-right: 30px;
	}


	.container, .container-page.tiny-page {
		width: auto;
		padding: 0 15px;
	}

	.container-page:not(.with-sidebar) .full.block-area .spot-area .spot-area-inner .container-inner,
	.full.block-area.spot-area-generic .spot-area .spot-area-inner .container-inner {
		width: auto;
		padding-left: 30px;
		padding-right: 30px;
	}

	.page-introduce .container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.page-introduce.special-title .page-introduce-title {
		font-size:27px!important;
	}
	
	.header-overlapping .page-introduce .container {
		padding-top:90px;
	}

	.block-area.fullscreen .block-area-fullscreen-inner {
		padding: 70px 0;
	}

	.sidebar {
		display: none;
	}

	.with-sidebar.sidebarLeft .content, .with-sidebar.sidebarRight .content {
		float: none;
		width:100%;
	}

	.color-box > .container, .color-box > .container > .wpb_column {
		display: block;
	}

	.color-box > .container > .wpb_column {
		position: relative;
		padding: 12%;
		margin-bottom: 0;
	}
	
	.color-box .block-area-inner .add-padding {
		padding:12%!important;
	}

	.full .portfolio-list-wrapper.type3.no-padding .head-area {
		padding-left: 20px;
		padding-right: 20px;
	}

	.full .slider .head-area {
		text-align: left;
	}

	.full .slider .head-area .head-text {
		padding-left: 15px;
	}

	.slider .head-area h3, .full .slider .head-area h3 {
		font-size: 20px;
		letter-spacing: 0;
		padding-right: 0;
	}

	.slider .head-area .head-text a, .full .slider .head-area .head-text a {
		font-size: 14px;
	}

	.full .slider.head-set .owl-controls {
		top:-31px;
	}

	.search-area form legend {
		font-size: 18px;
		padding-bottom: 15px;
	}

	.page-introduce-header-area {
		width: 100%;
	}

	.breadcrumbs {
		width: auto;
		padding-right: 8px;
		margin-top: 4px;
		text-align: left;
	}

	.page-introduce-header-area p {
		font-size: 14px !important;
		margin-bottom: 4px;
	}

	.block-area-with-bg-wrapper .custom-bg, .spot-area-with-bg-wrapper .custom-bg,
	.wpb_column .custom-bg {
		background-size: cover !important;
	}

	.flex-control-nav.flex-control-thumbs {
		display: none;
	}

	.thumb-image-slider.flexslider.thumbnails {
		margin-bottom: 0;
	}

	.spot-area .btn-area, .spot-area .text {
		display: block;
	}

	.spot-area .text.to-left,
	.spot-area .btn-area.to-right {
		display: block;
		width: 100%;
	}

	.spot-area .btn-area.to-right {
		margin-top:18px;
		padding-left: 0;
	}

	.spot-area.right .btn-area.to-right {
		text-align: right;
	}

	.spot-area.left .btn-area.to-right {
		text-align: left;
	}

	.spot-area.center .btn-area.to-right {
		text-align: center;
	}

	.spot-area .btn-area.to-right .btn {
		display: inline-block;
	}

	.spot-area .btn-area .btn:nth-child(2) {
		margin-top: 10px;
	}

	.spot-area.left .btn, .spot-area.left .btn-area.to-right .btn {
		margin-right: 14px;
	}

	.spot-area.right .btn, .spot-area.right .btn-area.to-right .btn {
		margin-left: 14px;
	}

	.spot-area.center .btn-area.to-right .btn {
		margin-left:7px;
		margin-right:7px;
	}

	.testimonials-slider .owl-carousel .owl-item .item {
		font-size: 18px;
	}

	.filter-group-list-wrapper.mobile {
		display: inline-block !important;
	}

	.filter-group-list.default {
		display: none;
	}

	.portfolio-detail .featured-item-wrapper.left,
	.portfolio-detail .featured-item-wrapper.right {
		margin-bottom: 40px;
		float: none;
	}

	.with-sidebar .portfolio-detail .featured-item-wrapper.left,
	.with-sidebar .portfolio-detail .featured-item-wrapper.right {
		padding-left: 0;
		padding-right: 0;
	}

	.with-sidebar .portfolio-detail .detail-area.right, .with-sidebar .portfolio-detail .detail-area.left {
		padding-left: 0;
		padding-right: 0;
	}

	.detail-area .portfolio.social-icons-list {
		margin-top: 10px;
	}

	.wpb_images_carousel .vc_images_carousel .vc_carousel-indicators {
		display: none;
	}

	.navigation-arrows {
		display: none;
	}

	.blog-icon-area .blog-icon-area-inner span {
		font-size: 28px;
		line-height:51px;
	}

	.comment-detail p.sub-heading {
		font-size: 14px;
	}

	.list .link-element .symbol, .list .blockquote .symbol {
		right: 20px;
	}

	.box-list.list .link-element .text, .box-list.list .blockquote blockquote {
		font-size: 18px;
	}

	.blog-seperator {
		padding: 35px 0;
		margin-left: 0;
		border-left: 0;
	}

	.box-list.list.centered .box-item .detail-area {
		padding: 30px 0 0;
	}

	.comment-area .author-comment {
		margin-top: 0;
	}

	.comment-author-block .author-details {
		padding-top: 2px;
	}

	.comment-author-block p.comment-time {
		display: block;
	}

	.box-item .caption.extra {
		margin-top: 20px;
	}

	.centered .box-item .caption.extra {
		margin-top: 30px;
	}

	.comment-area.post .comment-area-inner {
		padding-left: 0;
		margin-left: 0;
		border-left: none;
	}

	.author-info-block .author-details {
		margin-left: 72px;
		padding-top: 3px;
	}

	.comment-form-author, .comment-form-email, .comment-form-url {
		width: 100%;
		padding-right:0;
	}

	.comment-author-block .comment-reply-link {
		position: static;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.comment-respond h3 small {
		display: block;
		float: none;
		margin-bottom: 12px;
		margin-top: 8px;
	}

	.blog-detail:not(.centered) .detail-area .post-name {
		padding-right: 0;
	}

	.blog-detail:not(.centered) .detail-area .social-icons-list {
		position: relative;
		top: 0;
		left: -6px;
		margin-top: 15px;
	}
	
	.blog-list-wrapper .box-item .main-head-text.list.centered {
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.blog-item-whois {
		left: -2px;
		display: none;
	}

	a.author, .author-pic .author, .team-item .author-pic .author, .blog-date, .blog-icon-area {
		width: 64px;
		height: 64px;
	}

	.blog-item-whois .author {
		margin-bottom:15px;
	}

	.blog-item .blog-item-inner {
		margin-left: 0;
		padding-left: 0;
		border: none;
	}

	.blog-date.type2 {
		width: 46px;
		height: 46px;
	}

	.blog-date .blog-day {
		font-size: 20px;
	}

	.blog-date.type2 .blog-day {
		top:3px;
	}

	.blog-date.type2 .blog-month {
		position: relative;
		top: -3px;
	}

	.blog-item:hover .blog-item-whois .blog-date.type2 {
    	transform:translateY(-5px);
    	-ms-transform:translateY(-5px);
    	-webkit-transform:translateY(-5px);
    }

    .blog-list-wrapper .box-item .main-head-text.list, .blog-list-wrapper .box-item .main-head-text.list a {
    	font-size: 24px;
		line-height: 1.2;
    }

    .blog-detail-block .detail-area .post-name, .portfolio-detail .post-name, .team-detail .post-name {
    	font-size: 24px;
		line-height: 1.2;
    }

    .blog-list-wrapper .box-item .main-head-text.list.centered, .blog-list-wrapper .box-item .main-head-text.list.centered a, 
    .blog-detail.centered .detail-area .post-name {
    	font-size: 30px;
		line-height: 1.2;
    }
	
	.centered .author-pic {
		margin-top:30px;
	}
	
	.centered .related-posts li {
    	width: 75px;
    	height: 75px;
    }

    .blog-detail .blog-detail-block .detail-area {
		padding-top: 20px;
	}

	.blog-item .blog-detail-text {
		margin-top: 20px;
	}

    .box-list.list:not(.centered).type2 .box-item .detail-area {
		padding: 28px;
	}

	.comment-area .author-comment {
		margin-left: 72px;
	}

	.portfolio-detail .detail-area:not(.left):not(.right) .item-info.detail {
		float: none;
	}

	.detail-area.bottom .portfolio.social-icons-list, .detail-area.top .portfolio.social-icons-list {
		text-align: left;
	}

	.block-area:not(.fullscreen) .map-container .map-item {
		max-height: 250px;
	}

	.wpb_content_element.wpb_tabs .wpb_tabs_nav li {
		width: 100%;
		display: block;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
	}

	.wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
	.wpb_tour.wpb_content_element .wpb_tabs_nav li:hover {
		border-right: 1px solid #dfdfdf;
	}

	.invert .wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
	.invert .wpb_tour.wpb_content_element .wpb_tabs_nav li:hover {
		border-right: none;
	}

	.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
		left: 0;
		border-top: none;
	}

	.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
		width: 100%;
	}

	.detail-area input {
		display: block;
		margin-left: 0;
		margin-bottom: 7px;
	}

	.comment-edit-link {
		margin-left: 5px;
	}

	.comments-wrapper.left-side-list .comment-area.post .comment-area-inner {
		padding-left: 0;
		margin-left: 0;
		border-left: none;
	}



	/* MAGNIFIC LIGHTBOX */

	.mfp-arrow {
	  	width: 40px;
	}

	.mfp-arrow-left {
		left: 3px;
	}

	.mfp-arrow-right {
		right: 3px;
	}

	.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
		margin-left: 8px;
	}

	.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
		margin-left: 14px;
	}

	.mfp-title {
		font-size: 13px;
	}

	/* MENU */
	.main-navigation.mobile {
		width:100%;
	}

	.search-area .close, .mobile-menu-close {
		width: 70px;
		height: 60px;
		line-height: 60px;
		font-size: 18px;
	}

	.search-area.layer .search-input {
		font-size:16px 
	}

	.inline-search-wrapper .search-input {
		font-size: 15px;
	}

	body.nav-menu-from-right .mobile-menu-close {
		right:0;
		left:auto;
	}

	.swipe-menu .mobile-menu-close {
		width: 45px;
		height: 45px;
		line-height: 45px;
	}

	.slider {
		overflow:visible;
		padding-top: 0;
	}

	.tp-button {
		font-size:6px !important;
		letter-spacing:normal !important;
		padding: 4px 6px !important;
		font-weight: 400;
	}
	
	.tp-bannertimer {
		height: 5px !important;
	}

	.tp-leftarrow.default, .tp-rightarrow.default {
		display: none;
	}

	.tp-bullets {
		bottom:0 !important;
	}

	.tp-bullets.simplebullets.round .bullet {
		width: 14px;
		height: 14px;
		margin: 0 4px;
		float: left;
		border-radius: 100%;
		border: 1px solid transparent;
		padding: 1px;
	}

	.blog-detail .link-element .text, .blog-detail .blockquote blockquote {
		font-size: 20px !important;
	}

	.related-posts li {
		width: 52px;
		height: 52px;
		margin-right: 7px;

	}

	.related-posts li a span.fa {
		display: block;
		line-height: 47px;
		font-size: 25px;
	}

	.error_404 .inline-search-wrapper {
		max-width: inherit;
	}

	.wpb_wrapper .wpb_text_column.fancy-title h1,
	.wpb_wrapper .wpb_text_column.fancy-title h2, 
	.fancy-title:not(.tp-caption) {
		font-size: 35px !important;
	}

	.fancy-title p {
		font-size: 12px !important;
	}

	.spot-area {
		padding: 25px 20px;
	}

	.spot-area h2 {
		font-size: 19px !important
	}

	.spot-area .text p, .spot-area .text p span {
		font-size: 14px !important
	}

	.link-element .text, .blockquote blockquote {
		font-size: 18px;
	}

	.head-block .head h2,.color-box h1 {
		font-size: 20px !important;
	}


	.head-block .head .caption, .dark-layout .head-block .head .caption {
		font-size: 14px !important;
	}

	.mejs-overlay-loading span {
		display: block;
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
	}

	.color-box .percentage-wrapper {
		width: 180px !important;
		height: 180px!important;
	}

	.color-box .no-icon .percentage-wrapper .percent {
		font-size: 50px;
	}

	.invert .percentage-wrapper .skill-bg {
		border-width: 6px;
	}

	.logged-in.wpadminbar-enable .site-header.fixed-minify {
		top:46px;
	}

	html #wpadminbar {
		z-index: 100000 !important;
	}

	.head-block.center .head .caption {
		max-width: 400px;
	}

	.spot-text {
		font-size: 20px !important;
	}

}