/*
|--------------------------------------------------------------------------
| Responsive for CMDX
|--------------------------------------------------------------------------
*/ 

/*
|--------------------------------------------------------------------------
| 240px
|--------------------------------------------------------------------------
*/ 

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

	html #wrapper {
		width:240px;
		margin:0 auto;
	}	

	.cmd-container {
		width:240px;
		padding:0 15px;
	}	

	.wpb_row.in_container {
		width: 240px;
		margin: -15px auto;
		margin-top: 0;
		margin-bottom: 0;
	}

	.page-template-template-homepage-php .wpb_row .vc_span12 .wpb_row, .page-template-template-blog-php .wpb_row .vc_span12 .wpb_row {
		width: 240px;
		margin:0 auto;
	}	

	.wpb_row.in_container {
		width: 240px;
	}	

	.tparrows {
		display:none;
	}
	
	.tp-bullets {
		display:none;
	}

	#flickr li {
		margin: 0 10px 9px 0;
	}

	ul#social {
		float: none;
		text-align: center;
		margin-bottom:30px;
	}

	ul#social li {
		display: inline-block;
	}

	h1 {
		font-size:24px;
		line-height:30px;
		margin-bottom:13px;	
	}

	h2 {
		font-size:18px;
		line-height:24px;	
		margin-bottom:20px;	
	}

	h3 {
		font-size:16px;
		line-height:22px;
	}

	h4 {
		font-size:12px;
		line-height:20px;
	}

	.space {
		height:40px;
	}

	blockquote {
		margin: 10px 20px;
		padding: 0 0 5px 10px;
	}
	
	.portfolio li.standard-item h1 {
		font-size:20px;
		line-height:28px;
	}
	
	.portfolio li.item-long h1 {
		font-size:14px;
	}
	
	.comment-container {
		margin: 0 0 0 80px; 
	}
	.contact-info {
		margin-bottom:30px;
	}
	
	.single-post .widget {
		margin-top:40px;
		margin-bottom:0px;
	}	

	.separator {
		width:100%;
		height:1px;
		clear:both;
		margin:30px 0;
		display:inline-block;
	}
	
	ul#social {
		margin:30px 0 10px;
	}

	.cmd-locate-map-container [id^="google_map_"] {
		height: 150px;
	}

}

/*
|--------------------------------------------------------------------------
| 320px
|--------------------------------------------------------------------------
*/ 

@media only screen and (min-width: 320px) and (max-width: 479px) {

	html #wrapper {
		width:320px;
		margin:0 auto;
	}

	#header .one-fourth {
		width:320px;
	}

    html .cmd-service-hover {
        top: -45px;
        left: 0;
        right: 0;
        bottom: -45px;
    }		

	.cmd-container {
		width:320px;
		padding:0 15px;
	}	

	.page-template-template-homepage-php .wpb_row .vc_span12 .wpb_row, .page-template-template-blog-php .wpb_row .vc_span12 .wpb_row {
		width: 320px;
		margin:0 auto;
	}	

	.wpb_row.in_container {
		width: 320px;
	}

	.tparrows {
		display:none;
	}
	
	.tp-bullets {
		display:none;
	}

	#flickr li {
		margin: 0 10px 9px 0;
	}

	ul#social {
		float: none;
		text-align: center;
		margin-bottom:30px;
	}

	ul#social li {
		display: inline-block;
	}

	.portfolio li.standard-item h1 {
		font-size:20px;
		line-height:28px;
	}
	
	.portfolio li.item-long h1 {
		font-size:18px;
	}
	
	.widget {
		margin-bottom:0;
		margin-top:30px;
	}

	ul#social {
		margin:30px 0 10px;
	}

	.cmd-locate-map-container [id^="google_map_"] {
		height: 200px;
	}	

}


/*
|--------------------------------------------------------------------------
| 480px
|--------------------------------------------------------------------------
*/ 

@media only screen and (min-width: 480px) and (max-width: 767px) {

	html #wrapper {
		width:480px;
	
		margin: 0 auto;
	}

	html #footer {
		width:480px;
	}		

    html .cmd-service-hover {
        top: -25px;
        left: 0;
        right: 0;
        bottom: -25px;
    }	

	.cmd-container {
		width:480px;
		padding:0 15px;
	}	

	.page-template-template-homepage-php .wpb_row .vc_span12 .wpb_row, .page-template-template-blog-php .wpb_row .vc_span12 .wpb_row {
		width: 480px;
		margin:0 auto;
	}

	.wpb_row.in_container {
		width: 480px;
	}

	.tparrows {
		display:none;
	}
	
	.tp-bullets {
		display:none;
	}

	ul#social {
		float: none;
		text-align: center;
		margin-bottom:30px;
	}

	ul#social li {
		display: inline-block;
	}

	.portfolio li.standard-item h1 {
		font-size:20px;
		line-height:28px;
	}
	
	.portfolio li.item-long h1 {
		font-size:14px;
	}

	.widget {
		margin-bottom:0;
		margin-top:30px;
	}

	.author-bio {
		padding:15px;
	}

	.authorp {
		width:340px;
	}

	.authorp h2 {
		font-size:14px;
	}

	.author-bio img {
		margin: 0 15px 0 0;
	}
	
	ul#social {
		margin:30px 0 10px;
	}

	.cmd-locate-map-container [id^="google_map_"] {
		height: 200px;
	}		

}

/*
|--------------------------------------------------------------------------
| 768px
|--------------------------------------------------------------------------
*/ 

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

	.one-half-layout { width: 48%; }
	.one-third-layout { width: 30.66%; }
	.two-third-layout{ width: 65.33%; }
	.one-fourth-layout { width: 22%; }
	.three-fourth-layout { width: 74%; }
	.one-fifth-layout { width: 16.8%; }
	.two-fifth-layout { width: 37.6%; }
	.three-fifth-layout { width: 58.4%; }
	.four-fifth-layout { width: 67.2%; }
	.one-sixth-layout { width: 13.33%; }
	.five-sixth-layout { width: 82.67%; }

	.one-half-layout,
	.one-third-layout,
	.section-two-third,
	.three-fourth-layout,
	.one-fourth-layout,
	.one-fifth-layout,
	.two-fifth-layout,
	.three-fifth-layout,
	.four-fifth-layout,
	.one-sixth-layout,
	.five-sixth-layout {
		position: relative;
		margin-right: 4%;
		float: left;
		min-height:1px;
	}
		
	html #wrapper {
		width:768px;
		margin:0 auto;
	}

	.cmd-container {
		width: 768px;
		padding: 0 15px;
	}	

	.wpb_row.in_container {
		width: 768px;
	}

	.page-template-template-homepage-php .wpb_row .vc_span12 .wpb_row, .page-template-template-blog-php .wpb_row .vc_span12 .wpb_row {
		width: 768px;
		margin:0 auto;
	}	

	ul#social {
		float: right;
		text-align: center;
		margin-bottom:30px;
	}

	ul#social li {
		display: inline-block;
	}
	
	.on-three-columns .jp-duration {
		display: none;
	}

	.widget {
		margin-top:40px;
		margin-bottom:0px;
	}


    html .cmd-service-hover {
        top: -100px;
        left: -30px;
        right: -30px;
        bottom: -100px;
    }	

}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	html #wrapper {
		width:100%;
		margin:0 auto;
	}

	.cmd-container {
		width: 1004px;
		padding: 0 15px;
	}

	.page-template-template-homepage-php .wpb_row .vc_span12 .wpb_row, .page-template-template-blog-php .wpb_row .vc_span12 .wpb_row {
		width: 1004px;
		margin:0 auto;
	}	

	.wpb_row.in_container {
		width: 1004px;
	}

}

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

	.one-half-layout { width: 100%; }
	.one-third-layout { width: 100%; }
	.two-third-layout{ width: 100%; }
	.one-fourth-layout { width: 100%; }
	.three-fourth-layout { width: 100%; }
	.one-fifth-layout { width: 100%; }
	.two-fifth-layout { width: 100%; }
	.three-fifth-layout { width: 100%; }
	.four-fifth-layout { width: 100%; }
	.one-sixth-layout { width: 100%; }
	.five-sixth-layout { width: 100%; }

	.one-half-layout, .one-third-layout, .section-two-third, .three-fourth-layout, .one-fourth-layout, .one-fifth-layout, .two-fifth-layout,
	.three-fifth-layout, .four-fifth-layout, .one-sixth-layout, .five-sixth-layout {
		position: relative;
		margin-right: 0;
		float: left;
		min-height:1px;
		margin-bottom:20px;
	}
	

	ul#filters li {
		margin: 0 5px 15px 0;
		float: left;
	}	

	.cmd-single-pricing-column.cmd-column-2, .cmd-single-pricing-column.cmd-column-3,.cmd-single-pricing-column.cmd-column-4,.cmd-single-pricing-column.cmd-column-5,.cmd-single-pricing-column.cmd-column-6 {
		width: 100% !important;
		margin-bottom: 20px;
	}
	
	ul#social li a {
		margin: 0 10px;
	}
	
	#cmd-footer p {
		text-align: center;
		float: none;
	}
}

@media only screen and (min-width: 1023px) {
	.nav-btn {
		margin: -1px;
		overflow: hidden;
		position: absolute;
		width: 1px;
		height: 1px;		
	}
}

@media only screen and (max-width: 767px) {
	.float-left {
		float: none;
		text-align: center;
	}
}

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

	.cmd-single-pricing-column.cmd-column-5,.cmd-single-pricing-column.cmd-column-6 {
		width: 50%;
		margin-bottom: 20px;
	}	
	
	.nav-btn {
	top: 12px;
	}
}

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


	.cmd-container .cmd-container {
		padding: 0 !important;
	}
}

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

	ul.tabs li {
    width: 100%;
	}
	
	ul.tabs li a {
    border: 1px solid #efefef;
		
	
    padding-top: 15px;
    padding-bottom: 15px;
}
	
	ul.tabs li.active {
		
	}

	.blog-side, .sidebar-side , .percent-page {
		width: 100%;
		margin: 0;
		clear:both;
	}
	
	.cmd-page-subtitle h2 {
		line-height: 50px;
	}

}

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

	#navigation {
		margin-top: 15px;
		width: 100%;
	}

	ul#main-nav {
		padding-top: 0;
		width: 100%;
	
		margin-right: 0;
	}
	
	ul#main-nav > li {
		background: none;
		width: 100%;
		border-bottom: 1px dotted #dfdfdf;
	}
	
	ul#main-nav > li:last-child {
		border: 0;
	}
	
	 ul#main-nav li a {
		padding: 9px 0;
		display: block;
		margin: 0;
		height: auto;
		line-height: inherit;
	}
	
	ul#main-nav li ul {
		display: block !important;
		position: relative;
		padding: 0;
		width: 95%;
	}
	ul#main-nav li ul li {
		border-top: 1px dotted #dfdfdf;
		background: transparent;
	}
	
	ul#main-nav li ul li a, ul#main-nav li ul li ul li a, ul#main-nav li ul li a:visited, ul#main-nav li ul li a:active	 {
	width: 100%;
	padding: 9px 0;
	font-size: 12px !important;
	background: transparent !important;
	}
	.sf-menu ul {
    left: 5%;
	}

	ul#main-nav li ul li ul {
		left: 5%;
	}


	#header .three-fourth-layout {
		width: 100%;
		clear: both;
		margin-bottom: 0px;
	}
	
	#header .cmd-container {
		position: relative;
	}
	
	#header {
		width: 100%;
	}
	
	#header .one-fourth-layout {
		margin-bottom: 0px;
	}

}