/* Reusable column setup */
	.col {
		border:0px solid rgba(0,0,0,0);
		float:left;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
		box-sizing:border-box;
			-moz-background-clip:padding-box !important;
			-webkit-background-clip:padding-box !important;
		background-clip:padding-box !important;
		
		margin-bottom:25px !important;
		
		/*margin-right:40px;*/
	}
	
	.col-single{
		padding-right:0px !important;
	}
	
	.col-last{
		padding-right:0px !important;
		padding-left:20px;
	}


    /* 2. 1 Column Grid 320px - 478px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    100%
    
    ----------------------------------------------------------------------------- */

   @media screen and (max-width: 360px) {
        
        .row {
            margin-left:-0px;
        }
		
        .col {
            border-left-width:0px;
        	/*padding:10px;*/
        }
		
		.col-last {
			padding-left:0 !important;
		}
		
        .span_4-2,
		.span_4-4 {
            margin-left:0;
            width: 100% !important;
			/*width:-moz-calc(100% - 20px) !important;*/
        }		
        
		.jcarousel-container-horizontal{width:100% !important;}
		.jcarousel-container{ width:100% !important;}
		.jcarousel-clip-horizontal {width:100% !important; }		
		.jcarousel-container-horizontal>*{ margin:0 auto; }

		/*triple box*/
		.triple-box li{
			margin:0 0 10px 0 !important;
			width: 100% !important;
			/*width:-moz-calc(100% - 20px) !important;*/
		}
		
		.triple-box-content .content-wrapper>img {
			width:100% !important;
			/*width:-moz-calc(100% - 10px) !important;*/
			margin:0 !important;
		}

		/*flex slider stuffs*/
		.flex-control-nav,
		.flex-control-nav *{
			/*display:none;*/
			height:5px !important;
		}
		
		.flex-direction-nav li a{
			bottom:0;
		}
		
		.flexslider .flex-viewport	{
			border:none !important;
		}
		
		.flex-title{
			font-size:20px !important;
			line-height:27px !important;
		}
		
		.flex-info-box,
		.flex-more-link,
		.flex-caption,
		.to-top-button{
			display:none !important;
		}
		
		/*LOGO*/
		#logo{
			width:100% !important;
			text-align:center !important;
		}
		
		header #logo a	{
			float:none !important;
			margin:0 auto;
		}
		
		/*menu stuffs*/
		#top_menu{
			display:none;
		}
		
		.select-menu{
			display:block !important;
		}

		/*HEADER*/
	
		#top-notification-box,
		#social-share-buttons-wrapper,
		.bread-crumbs,
		.google-map-qr {
			display:none !important;
		}
				
		#page-title-wrapper>div {
			/*width:96px !important;*/
			font-size:32px !important;
			line-height:39px !important;
			margin:0 0 0 10px;
			width:96% !important;
		}

		#sub-title-wrapper {
			width:100% !important;
		}
		
		#sub-title-wrapper>div {
			margin:0 !important;
			width:100% !important;
			left:0px;
		}
		
		#sub-title-wrapper>div>div {
			padding:0 10px 0 10px !important;
		}
		
		header#first-header {
			padding:0 0 10px 0;
			width:100% !important;
			margin:0 auto 30px auto !important;
		}
		
		/*REVO SLIDER*/
		.fullwidthbanner-container ul>li>*:not(iframe) {
			margin:0 10px 0 10px !important;
		}

		.fullwidthbanner-container ul>li>*>iframe {
			margin:0 0 0 -10px !important;
		}		
		
		/*FOOTER*/
		#footer-wrapper>div{
			width:100% !important;
			padding:20px 10px 20px 10px !important;
		}
		
		/*PAGE*/
		#main-wrapper {
			padding:0;/* 10px 0 10px;*/
			margin:0 auto !important;
			width:96% !important;			
		}
		
		.page-content-with-sidebars {
			width:100% !important;
		}
		
		ul.simple-tabs li {
			font-size:12px !important;
		}
		
		ul.simple-tabs li a {
			padding:0 10px 0 10px !important;
		}
		
		.team-listing-wrapper-one-half .flipBoxWrapper,
		.team-listing-wrapper-one-third .flipBoxWrapper {
			margin:0 auto 12px auto !important;
			float:none !important;
		}
		
		.client-listing-wrapper-one-four>div,
		.client-listing-wrapper-one-six>div {
			margin:0 6px 6px 0 !important;
		}		

		.client-listing-wrapper-one-four>div:nth-child(2n+2),
		.client-listing-wrapper-one-six>div:nth-child(2n+2) {
			margin-right:0 !important;
		}
		
		.pricing-table .pricing-price {
			font-size:30px !important;
			line-height:37px !important;
		}

		.fancy-quote .content-wrapper {
			width:100% !important;
		}
		
		.fancy-quote .title-wrapper {			
			display:none !important;
		}
		
		.fancy-slogan .content-wrapper {
			font-size:20px !important;
			line-height:27px !important;
			width:100% !important;
		}
		
		.fancy-slogan>a {
			display:block !important;
			position:relative !important;
			float:none !important;
			width:100% !important;
			text-align:center !important;
			right:0 !important;
			margin:0 auto 10px auto !important;
		}
				
		/*WIDGET BARS*/	
		.sidebar-generic {
			display: none;
		}
		
		.footer-widget-sidebar {
			margin:0 0  20px 0 !important;
		}

		#sliding-panel>div>div {
			padding:0 10px 0 10px !important;
		}
		
		/*PORTFOLIO*/
	
		.portfolio-listing-3column,
		.portfolio-listing-3column>div>img,
		.portfolio-listing-3column>div>iframe {
			max-width:100% !important;
			width:100% !important;
			height:221px !important;
		}

		.portfolio-listing-3column .flexslider-mini {
			width:100% !important;
			height:221px !important;	
		}
				
		.portfolio-listing-3column .box span {
			display:block !important;
			position:absolute !important;
			left:230px !important;
			top:240px !important;			
		}
		
		.portfolio-listing-3column .box .title {
			font-size:14px !important;
			line-height:18px !important;
			display:inline-block;
			max-width:220px !important;
		}
		
		.portfolio-listing-2column,
		.portfolio-listing-2column>div>img,
		.portfolio-listing-2column>div>iframe {
			max-width:100% !important;
			width:100% !important;
			height:175px !important;
		}
		
		.portfolio-listing-2column .flexslider-mini {
			width:100% !important;
			height:175px !important;
		}
				
		.portfolio-listing-2column .box span {
			display:block !important;
			position:absolute !important;
			left:740px !important;
			top:760px !important;
		}
		
		.portfolio-listing-2column .box .title {
			font-size:14px !important;
			line-height:18px !important;
			display:inline-block;
			max-width:220px !important;
		}		
		
		.portfolio-listing-4column {			
			margin:0 auto 12px auto !important;
			float:none !important;
		}		
		
		/*BLOG*/
		.blog-listing > div {
			float:none !important;
			margin:0 auto 40px auto !important;
		}

		/*WOOCOMMERCE*/
		ul.products li.product {
			float:none !important;
			margin:0 auto 40px auto !important;
		}
		
		ul.products li.product {
			width:96% !important;
		}
		
		ul.products li.product a img {
			width:100% !important;
			height:auto !important;
		}
		
		.product .images a img {
			width:305px !important;
			height:auto !important;
		}
		
		div.product div.summary {
			width:100% !important;		
		}
		
		.woocommerce_tabs ul.tabs li a {
			font-size:80%;
		}

		.woocommerce_tabs ul.tabs ,
		.woocommerce_tabs ul.tabs li,
		.woocommerce_tabs ul.tabs li a {
			width:100% !important;
		}
		
 		.woocommerce_tabs ul.tabs li a {
			padding: 0 !important;
			text-indent:20px;
		}
		
		.woocommerce_tabs ul.tabs li.active>a {
			border-bottom:1px solid black;
			border-bottom-width:1px !important;
		}
		
		.woocommerce_tabs .entry-content {
			border: none !important;
		}
		
		form.woocommerce_ordering {
			display:none;
		}

    }

    /* 3. 1 Column Grid 479px - 599px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    100%
    @media screen and (min-width: 479px) and (max-width: 599px) {
    ----------------------------------------------------------------------------- */
    @media screen and (min-width: 361px) and (max-width: 480px) {
        
        .row {
            margin-left:-0px;
        }
		
        .col {
            border-left-width:0px;
        }
		
		.col-last {
			padding-left:0 !important;
		}
		
        .span_4-2,
		.span_4-4 {
            margin-left:0;
            width:100%;
        }		
        
		.jcarousel-container-horizontal{width:100%;}
		.jcarousel-container{ width:100% !important;}
		.jcarousel-clip-horizontal {width:448px !important; }		
		.jcarousel-container-horizontal>*{ margin:0 auto; }
		
		/*triple box*/
		.triple-box li{
			width:100% !important;
			margin:0 0 10px 0 !important;
		}
		
		.triple-box-content .content-wrapper>img {
			width:100%;
			margin:0 !important;
		}

		/*flex slider stuffs*/
		.flex-control-nav,
		.flex-control-nav *{
			height:5px !important;
		}
		
		.flex-direction-nav li a{
			bottom:0;
		}
		
		.flexslider .flex-viewport	{
			border:none !important;
		}
		
		.flex-title{
			font-size:20px !important;
			line-height:27px !important;
		}
		
		.flex-info-box,
		.flex-more-link,
		.flex-caption,
		.to-top-button{
			display:none !important;
		}
		
		/*LOGO*/
		#logo{
			width:100% !important;
			text-align:center !important;
			margin-top:27px !important;
		}
		
		header #logo a	{
			float:none !important;
			margin:0 auto;
		}
		
		/*menu stuffs*/
		#top_menu{
			display:none;
		}
		
		.google-map-qr,
		.select-menu{
			display:block !important;
		}

		/*HEADER*/
		
		.bread-crumbs {
			display:none;;
		}
		
		#page-title-wrapper>div {
			width:448px;
			margin:0 10px 0 10px;
			
		}
		
		#sub-title-wrapper {
			width:100% !important;
		}
		
		#sub-title-wrapper>div {
			margin:0 !important;
			width:100% !important;
			left:0px;
		}
		
		#sub-title-wrapper>div>div {
			padding:0 10px 0 10px !important;
		}
		
		#top-notification-box {
			display:none;
		}
		
		header#first-header {
			display:table-cell !important;
			padding:0 10px 10px 10px;
			width:448px;
		}
		
		/*REVO SLIDER*/
		.fullwidthbanner-container ul>li>*:not(iframe) {
			margin:0 10px 0 10px !important;
		}

		.fullwidthbanner-container ul>li>*>iframe {
			margin:0 0 0 -10px !important;
		}		
		
		/*FOOTER*/
		#footer-wrapper>div{
			width:100% !important;
			padding:20px 10px 20px 10px !important;
		}
		
		/*PAGE*/
		#main-wrapper {
			padding:0 10px 0 10px;
			width:448px;			
		}
		
		.page-content-with-sidebars {
			width:448px;
		}
		
		.team-listing-wrapper-one-half .flipBoxWrapper,
		.team-listing-wrapper-one-third .flipBoxWrapper {
			margin:0 auto 12px auto !important;
			float:none !important;
		}
		
		.client-listing-wrapper-one-four>div,
		.client-listing-wrapper-one-six>div {
			margin:0 15px 45px 45px !important;
		}		

		.client-listing-wrapper-one-four>div:nth-child(2n+2),
		.client-listing-wrapper-one-six>div:nth-child(2n+2) {
			margin-right:0 !important;
		}
		
		.pricing-table .pricing-price {
			font-size:30px !important;
			line-height:37px !important;
		}

		.fancy-quote .content-wrapper {
			width:100% !important;
		}
		
		.fancy-quote .title-wrapper {			
			display:none !important;
		}
		
		/*WIDGET BARS*/	
		.sidebar-generic {
			display: none;
		}
		
		.footer-widget-sidebar {
			margin:0 0 20px 0 !important;
			/*margin-left:20px;*/
		}

		.footer-widget-sidebar:nth-child(2n+2) {
			margin-left:5px !important;
		}		
		

		#sliding-panel>div>div {
			padding:0 10px 0 10px !important;
		}
		
		/*PORTFOLIO*/
		.portfolio-listing-3column,
		.portfolio-listing-3column>div>img,
		.portfolio-listing-3column>div>iframe {
			max-width:448px !important;
			width:448px !important;
			height:330px !important;
		}

		.portfolio-listing-3column .flexslider-mini {
			width:448px !important;
			height:330px !important;	
		}
		
		.portfolio-listing-2column {
			float:none !important;
			margin:0 auto 10px auto !important;
		}
		
		.portfolio-listing-4column,
		.portfolio-listing-4column>div>img,
		.portfolio-listing-4column>div>iframe {
			max-width:220px !important;
			width:220px !important;
			height:169px !important;
		}

		.portfolio-listing-4column .flexslider-mini {
			width:220px !important;
			height:169px !important;	
		}		

		.portfolio-listing-4column:nth-child(2n+2) {
			margin-right:0px !important;
		}
		
		.portfolio-listing-4column .box span {
			display:block !important;
			position:absolute !important;
			left:240px !important;
			top:240px !important;			
		}
		
		.portfolio-listing-3column .box span {
			display:block !important;
			position:absolute !important;
			left:220px !important;
			top:260px !important;			
		}
		
		.portfolio-listing-3column .box .title {
			font-size:14px !important;
			line-height:18px !important;
			display:inline-block;
			max-width:220px !important;
		}
		
		/*BLOG*/
		.blog-listing > div {
			/*width:448px !important;*/
			float:none !important;
			margin:0 auto 40px auto !important;
		}
		
		/*WOOCOMMERCE*/
		ul.products li.product {
			float:none !important;
			margin:0 auto 40px auto !important;
		}
		
		.product .images a img {
			max-width:200px !important;
			height:auto !important;
		}
		
		div.product div.summary {
			width:228px !important;		
		}
		
		.woocommerce_tabs ul.tabs li a {
			font-size:80%;
		}

    }
	
    /* 4. 2 Column Grid 600px - 799px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    50%
    Span 2:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 481px) and (max-width: 640px) {
        
        .row {
            margin-left:-0px;
        }
        .col {
            border-left-width:0px;
        	padding-right:10px;
        }
		
		.col-last{
			padding:0 !important;
		}
        
        .span_4-2 {
            width:50%;
        }
		
        .span_4-4 {
            margin-left:0;
            width:100%;
        }
		
		#social-share-buttons-wrapper,
		.sidebar-generic,
		.to-top-button {
			display: none;
		}
		
		.page-content-with-sidebars {
			width:620px;
		}
		
		/*HEADER*/		
		#page-title-wrapper>div {
			width:620px;
			margin:0 10px 0 10px;
			
		}
		
		.bread-crumbs {
			top:10px !important;
		}
		
		#sub-title-wrapper {
			width:100% !important;
		}
		
		#sub-title-wrapper>div {
			margin:0 !important;
			width:100% !important;
			left:0px;
		}
		
		#sub-title-wrapper>div>div {
			padding:0 10px 0 10px !important;
		}
		
		#top-notification-box {
			padding:0 10px 0 10px;
			width:620px;
		}
		
		header#first-header {
			display:table-cell !important;
			padding:0 10px 10px 10px;
			width:620px;
		}
		
		header #top_menu {
			margin-top:5px;
			float:left;
			width:100%;
		}		
		
		/*REVO SLIDER*/
		.fullwidthbanner-container ul>li>*:not(iframe) {
			margin:0 10px 0 10px !important;
		}

		.fullwidthbanner-container ul>li>*>iframe {
			margin:0 0 0 -10px !important;
		}
				
		/*FOOTER*/
		#footer-wrapper>div{
			padding:20px 10px 20px 10px !important;
			width:100% !important;
		}
		
		/*PAGE*/
		#main-wrapper {
			padding:0 10px 0 10px;
			width:620px;			
		}
		
		.team-listing-wrapper-one-half .flipBoxWrapper,
		.team-listing-wrapper-one-third .flipBoxWrapper {
			margin:0 6px 6px 0px !important; 
			width:304px !important;
			height:304px !important;
		}
		
		.client-listing-wrapper-one-four>div,
		.client-listing-wrapper-one-six>div {
			margin:0 20px 30px 30px !important;
		}
		
		/*COMPONENTS*/
		.triple-box > li { 
			width:31% !important;
			min-width:0 !important;
		}
		
		/*WIDGET BARS*/
		.footer-widget-sidebar {
			margin-bottom:20px;
			margin-left:10px;
			width:284px !important;
		}
		.footer-widget-sidebar:first-child,
		.footer-widget-sidebar:nth-child(3n+3) {
			margin-left:0 !important;
		}
		
		
		/*PORTFOLIO*/
		.portfolio-listing-3column {
			max-width:304px !important;
			height:224px !important;
			margin:0 12px 12px 0 !important;
		}

		.portfolio-listing-3column .flexslider-mini {
			width:304px !important;
			height:224px !important;
		}
		
		.portfolio-listing-3column:nth-child(2n+2) {
			margin-right:0px !important;
		}		
		
		.portfolio-listing-2column {
			float:none !important;
			margin:0 auto 10px auto !important;
		}
		
		.portfolio-listing-4column {
			margin:0 22px 44px 56px !important;
		}
		
		.portfolio-listing-4column:nth-child(2n+2) {
			margin-right:0px !important;
			margin-left:22px !important;
		}
		
		.portfolio-listing-3column .box span {
			display:block !important;
			position:absolute !important;
			left:300px !important;
			top:280px !important;			
		}
		
		.portfolio-listing-3column .box .title {
			font-size:14px !important;
			line-height:18px !important;
			display:inline-block;
			max-width:220px !important;
		}
		
		/*BLOG*/
		.blog-listing-item {
			margin:0 10px 40px 0px !important;
			width:304px !important;
			height:253px !important;
		}
		
		.blog-listing-item:nth-child(2n+2) {
			margin-right:0 !important;
		}

		/*WOOCOMMERCE*/
		ul.products li.product {
			float:left !important;
			margin:0 10px 40px auto !important;
		}
		ul.products li.product:nth-child(2n+2) {
			margin-right:0 !important;
		}
		
		ul.products li.product {
			width:304px !important;
		}
		
		ul.products li.product a img {
			width:100% !important;
			height:auto !important;
		}
		
		.product .images a img {
			width:305px !important;
			height:auto !important;
		}
		
		div.product div.summary {
			width:100% !important;		
		}
		
		.woocommerce_tabs ul.tabs li a {
			font-size:80%;
		}

		.woocommerce_tabs ul.tabs ,
		.woocommerce_tabs ul.tabs li,
		.woocommerce_tabs ul.tabs li a {
			width:100% !important;
		}
		
 		.woocommerce_tabs ul.tabs li a {
			padding: 0 !important;
			text-indent:20px;
		}
		
		.woocommerce_tabs ul.tabs li.active>a {
			border-bottom:1px solid black;
			border-bottom-width:1px !important;
		}
		
		.woocommerce_tabs .entry-content {
			border: none !important;
		}
		
		form.woocommerce_ordering {
			display:none;
		}

    }	

    /* 4. 2 Column Grid 600px - 799px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    50%
    Span 2:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 641px) and (max-width: 799px) {
        
        .row {
            margin-left:-0px;
        }
        .col {
            border-left-width:0px;
        	padding-right:10px;/*10px;*/
        }
		
		.col-last{
			padding:0 !important;
		}
        
        .span_4-2 {
            width:50%;
			/*padding:0 5px 0 5px;*/
        }
		
        .span_4-4 {
            margin-left:0;
            width:100%;
        }
		
		.sidebar-generic {
			display: none;
		}
		
		.page-content-with-sidebars {
			width:748px;
		}
		
		/*HEADER*/		
		#page-title-wrapper>div {
			width:748px;
			margin:0 10px 0 10px;
			
		}
		
		.bread-crumbs {
			top:10px !important;
			right:auto !important;
			left:0;
		}
		
		#sub-title-wrapper {
			width:100% !important;
		}
		
		#sub-title-wrapper>div {
			margin:0 !important;
			width:100% !important;
			left:0px;
		}
		
		#sub-title-wrapper>div>div {
			padding:0 10px 0 10px !important;
		}
		
		#top-notification-box {
			padding:0 10px 0 10px;
			width:748px;
		}
		
		header#first-header {
			display:table-cell !important;
			padding:0 10px 10px 10px;
			width:748px;
		}
		
		header #top_menu {
			margin-top:5px;
			float:left;
			width:100%;
		}		
		
		/*REVO SLIDER*/
		.fullwidthbanner-container ul>li>*:not(iframe) {
			margin:0 10px 0 10px !important;
		}

		.fullwidthbanner-container ul>li>*>iframe {
			margin:0 0 0 -10px !important;
		}
				
		/*FOOTER*/
		#footer-wrapper>div{
			padding:20px 10px 20px 10px !important;
			width:100% !important;
		}
		
		/*PAGE*/
		#main-wrapper {
			padding:0 10px 0 10px;
			width:748px;			
		}
		
		.team-listing-wrapper-one-half>div,
		.team-listing-wrapper-one-third>div {
			margin:0 15px 35px 35px !important;
		}
		
		.client-listing-wrapper-one-four>div,
		.client-listing-wrapper-one-six>div {
			margin:0 15px 30px 20px !important;
		}
		
		/*COMPONENTS*/
		.triple-box > li { 
			width:31% !important;
			min-width:0 !important;
		}
		
		/*WIDGET BARS*/
		.footer-widget-sidebar {
			margin-bottom:20px;
			margin-left:20px;
		}
		.footer-widget-sidebar:first-child,
		.footer-widget-sidebar:nth-child(4n+4) {
			margin-left:0 !important;
		}
		
		
		/*PORTFOLIO*/
		.portfolio-listing-3column {
			max-width:241px !important;
			height:178px !important;
		}

		.portfolio-listing-3column .flexslider-mini {
			width:241px !important;
			height:178px !important;	
		}
		
		.portfolio-listing-2column {
			float:none !important;
			margin:0 auto 10px auto !important;
		}
		
		.portfolio-listing-4column {
			margin:0 22px 22px 0 !important;
		}
		
		.portfolio-listing-4column:nth-child(3n+3) {
			margin-right:0px !important;
		}
		
		.portfolio-listing-3column .box span {
			display:block !important;
			position:absolute !important;
			left:300px !important;
			top:280px !important;			
		}
		
		.portfolio-listing-3column .box .title {
			font-size:14px !important;
			line-height:18px !important;
			display:inline-block;
			max-width:220px !important;
		}
		
		/*BLOG*/
		.blog-listing-item {
			margin:0 30px 40px 30px !important;
		}
		
		.blog-listing-item:nth-child(2n+2) {
			margin-right:0 !important;
		}
		
		/*WOOCOMMERCE*/
		ul.products li.product {
			margin:0 30px 40px 30px !important;
		}
		
		ul.products li.product:nth-child(2n+2) {
			margin-right:0 !important;
		}
    }

    /* 5. 2 Column Grid 800px - 999px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    50%
    Span 2:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 800px) and (max-width: 960px) {
        
        .row {
            margin-left:-0px;
        }
        .col {
            border-left-width:0px;
        	padding:0 20px;
        }
        
		#wrapper-1012 {
			width:960px !important;
		}
        
        .span_4-2 {
            width:50%;
        }
        .span_4-4 {
            margin-left:0;
            width:100%;
        }
    }

    /* 6. 2 Column Grid 1000px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    50%
    Span 2:    100%
    
    ----------------------------------------------------------------------------- */

    @media screen and (min-width: 1000px) {
        
        .row {
            margin-left:-0px;
        }
        .col {
            border-left-width:0px;  
			padding-right:20px;
        }
        
        
        .span_4-2 {
            width:50%;
        }
        .span_4-4 {
            margin-left:0;
            width:100%;
        }
    }