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

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



/*
|--------------------------------------------------------------------------
| 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 (min-width: 1023px) {
	.nav-btn {
		margin: -1px;
		overflow: hidden;
		position: absolute;
		width: 1px;
		height: 1px;		
	}
}






@media only screen and (max-width: 1920px) {
}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1279px) {


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

}
@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: 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;
	}

}
@media only screen and (max-width: 980px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
    .float-left {
        float: none;
        text-align: center;
    }
}
@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,
    ul#filters2 {
        clear: both;
        overflow: hidden;
        /*height:auto !important;*/
    }


    ul#filters li,
    ul#filters2 li {
        margin: 0 5px 15px 0
    }

    .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 (max-width: 700px) {
}
@media only screen and (max-width: 360px) {
}
@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;
    }


}