@media (min-width: 1200px) {
.container {
    width: 100%;
    max-width: 1920px;
}
}

@media (min-width: 992px) {
.container {
    width: 100%;
}
}
@media (min-width: 768px) {
.container {
    width: 100%;
}
}


/* md */

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

	.comments-reply li section{ width:88%}

}

/* sm */

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

	header[role="header"]{ padding:8% 0;}

	header[role="header"] nav ul{ padding-top:10%}

	main[role="main-home-wrapper"] article[role="pge-title-content"],main[role="main-inner-wrapper"] article[role="pge-title-content"]{ padding-left:0}

	main[role="main-home-wrapper"] article[role="pge-title-content"] header,main[role="main-inner-wrapper"] article[role="pge-title-content"] header{ padding-top:0}

	main[role="main-home-wrapper"] article[role="pge-title-content"] header h2,main[role="main-inner-wrapper"] article[role="pge-title-content"] header h2{ font-size:34px}

	main[role="main-home-wrapper"] article p br{ display:none}

	footer[role="footer"]{ /*padding:30px 0*/ bottom: 0; position: fixed;}

	footer[role="footer"] nav{ padding:15px 0}

	main[role="main-inner-wrapper"] .about-content{ padding:5%}

	main[role="main-inner-wrapper"] .thumbnails-pan section figure figcaption{ margin:0 10%}

	section.blog-content figure .post-date{ padding-top:20px; height:100px; width:100px}

	article.contact-header[role="pge-title-content"] p a{padding-right:10px}

	.contat-from-wrapper{ margin-top:10px; padding:0 15px}

	.grid-lod li{ width:100% !important; position:static !important; display:inline-block}

	.grid-lod li img{ width:100%}

	.work-details,.blog-details{ padding:0; margin-top:0}

	.comments-reply li section{ width:88%}

}

/* xs */

@media (max-width: 767px) {

	.row-eq-height {
	  display: unset;
	}
	.dida {
		position: unset;
	}
	.h1, h1 {
	    font-size: 2rem!important;
    	margin-top: .4rem!important;
	}

	.h2, h2 {
    font-size: 14px!important;
	margin-top: 0!important;
	}

	.h3, h3 {
	    font-size: 14px!important;
	}

	.clearfix  {
    padding-bottom: 1rem;
    border-bottom: 1px solid #ddd;
    margin: 0 1.5rem 4rem 1.5rem;
	}

	header[role="header"]{ padding:8% 0;}

	header[role="header"] nav ul{ padding-top:10%}

	header[role="header"] nav ul > li{ font-size:30px}

	header[role="header"] nav ul > li > a{ line-height:55px}

	main[role="main-home-wrapper"] article[role="pge-title-content"],main[role="main-inner-wrapper"] article[role="pge-title-content"]{ padding-left:0}

	main[role="main-home-wrapper"] article[role="pge-title-content"] header,main[role="main-inner-wrapper"] article[role="pge-title-content"] header{ padding-top:10px}

	main[role="main-home-wrapper"] article[role="pge-title-content"] header h2,main[role="main-inner-wrapper"] article[role="pge-title-content"] header h2{ font-size:47px}

	main[role="main-home-wrapper"] article[role="pge-title-content"] header h2 span, main[role="main-inner-wrapper"] article[role="pge-title-content"] header h2 span{ font-size:60px;}

	main[role="main-home-wrapper"] article{ padding-bottom:30px}

	main[role="main-home-wrapper"] article p br{ display:none}

	footer[role="footer"]{ /*padding:40px 0*/ bottom: 0; position: fixed;}

	footer[role="footer"] nav{ padding:15px 0}

	main[role="main-inner-wrapper"] .about-content{ padding:5%}

	main[role="main-inner-wrapper"] .thumbnails-pan section figure{ margin-bottom:20px}

	article[role="pge-title-content"].blog-header,article[role="pge-title-content"].contact-header{ padding-bottom:30px}

	section.blog-content figure .post-date{ padding-top:20px; height:100px; width:100px}

	section.blog-content article{ padding:2% 5%; font-size:18px; line-height:24px;font-family: 'proxima_nova_cn_rgregular';}

	article.contact-header[role="pge-title-content"] p a{ font-size:18px; padding-right:10px}

	.contat-from-wrapper{ margin-top:10px; padding:0 15px}

	.contat-from-wrapper input[type="text"], .contat-from-wrapper input[type="email"]{ margin-bottom:20px}

	.contat-from-wrapper textarea{ margin-top:0}

	.work-details,.blog-details{ padding:0; margin-top:0}

	.work-images{ margin-top:0}

	.work-images li{ margin-bottom:0; width:100%}

	.work-images li figcaption h2{ font-size:18px;}

	.grid-lod li{ width:100% !important; position:static !important}

	.bog-header h3, .comments-pan h3, .commentys-form h4{ padding-bottom:0}

	.bog-header h2{ font-size:18px; line-height:26px}

	.bog-header{ padding-bottom:20px}

	.blog-details .enter-content{ margin-top:10px}

	.blog-details .enter-content p,.comments-reply li section{ font-size:14px; line-height:26px}

	.comments-pan h3{ padding-bottom:20px; margin-top:0}

	.comments-reply li section{ float:none; width:auto; padding-left:0}

	.comments-reply li figure{ margin-right:20px}

	.reply-pan{ margin-left:20px}

	.commentys-form input[type="text"], .commentys-form input[type="email"], .commentys-form input[type="url"], .commentys-form textarea{ margin-bottom:20px}

	.commentys-form textarea{ margin-top:0; margin-bottom:0}

	

}