/* md */

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

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

}

/* sm */

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

	.site-header{ padding:8% 0;}

	.site-header nav ul{ padding-top:10%}

	main.main-home-wrapper article.pge-title-content,main.main-inner-wrapper article.pge-title-content{ padding-left:0}

	main.main-home-wrapper article.pge-title-content header,main.main-inner-wrapper article.pge-title-content header{ padding-top:0}

	main.main-home-wrapper article.pge-title-content header h2,main.main-inner-wrapper article.pge-title-content header h2{ font-size:34px}

	main.main-home-wrapper article p br{ display:none}

	.site-footer{ padding:30px 0}

	.site-footer nav{ padding:15px 0}

	main.main-inner-wrapper .about-content{ padding:5%}

	main.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.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) {

	.site-header{ padding:8% 0;}

	.site-header nav ul{ padding-top:10%}

	.site-header nav ul > li{ font-size:30px}

	.site-header nav ul > li > a{ line-height:55px}

	main.main-home-wrapper article.pge-title-content,main.main-inner-wrapper article.pge-title-content{ padding-left:0}

	main.main-home-wrapper article.pge-title-content header,main.main-inner-wrapper article.pge-title-content header{ padding-top:10px}

	main.main-home-wrapper article.pge-title-content header h2,main.main-inner-wrapper article.pge-title-content header h2{ font-size:47px}

	main.main-home-wrapper article.pge-title-content header h2 span, main.main-inner-wrapper article.pge-title-content header h2 span{ font-size:60px;}

	main.main-home-wrapper article{ padding-bottom:30px}

	main.main-home-wrapper article p br{ display:none}

	.site-footer{ padding:40px 0}

	.site-footer nav{ padding:15px 0}

	main.main-inner-wrapper .about-content{ padding:5%}

	main.main-inner-wrapper .thumbnails-pan section figure{ margin-bottom:20px}

	article.pge-title-content.blog-header,article.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.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}

}

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

	.comments-reply li section{ width:88%}
	
	main.main-home-wrapper article.pge-title-content header h2 span,main.main-inner-wrapper article.pge-title-content header h2 span{ font-size:80px;}
	
	main.main-home-wrapper article.pge-title-content header h2,main.main-inner-wrapper article.pge-title-content header h2{ font-size:26px;}
	
	
 .logo {font-size:50px;}

}


@media (min-width: 700px) and (max-width: 992px) {
	
main.main-home-wrapper article.pge-title-content header h1 span
{font-size:87px;
margin-left:0;}

main.main-home-wrapper article.pge-title-content header h2
{padding-left: 18px;}

.datos {width:100%; margin-top:30px;}

}


@media (max-width: 768px) {
	
main.main-home-wrapper article.pge-title-content header h1 span
{width:200%; font-size:60px; margin: auto auto; margin-top:90px; padding-left:42px;}

main.main-home-wrapper article.pge-title-content header h2
{font-size:18px;
width:150%;
margin-top:-5px;
padding-left:55px;}

.figura img {width:20%; height:auto; margin-top:2px;}

h2 img {width:400%;}

}

@media (max-width: 790px) {
	
.datos {width:100%; margin-top:20px;}

}