@media screen and (min-width: 1921px) {
	.sp-dropdown-inner {
    
    width: 320%;
    left: -16%;
	}
	 .blog .cat-children .snip1369 a {    
    top: 50% !important;
	} 
	.snip1369:hover .image, .snip1369.hover .image {
    bottom: 57%;
	}
	.categories-list figure.snip1369.green:hover figcaption {
    top: 48%;
	}
	.menuBox .claim {  
    min-height: 300px;
	}
		.blog, .article-details {
    max-width: 80% !important
	}
	.blog.inferior{
	 max-width: 100% !important
		}
}
@media screen and (min-width: 1601px) and (max-width: 1920px) {
	.sp-dropdown-inner {   
			width: 316% !important;
		left: -20% !important;
	}
	#sp-header.header-sticky .sp-dropdown-inner {
	   
		left: -32% !important;
	}
	.categories-list .row, #sp-header.header-sticky .col-lg-12, .blog, .article-details, #sp-header .col-lg-12 {
	max-width: 80% !important;		
	}
		.blog, .article-details {
    max-width: 80% !important
	}
	.blog.inferior{
	 max-width: 100% !important
		}
	#sp-footer .row {
	max-width: 92%;   
	}
	.menuBox {
	width: 100% !important;
	height: 300px !important;
	}
	.menuBox img {
	width: 100%;
	height: 300px !important;
	}
	.menuBox h3{
	top: -13px !important;
	font-size: 1.3em !important;
	}
	.menuBox .claim {  
    min-height: 300px;
	}
	.snip1369{
	min-width: 100% !important;
	}
	.blog .text-white {
	background: #2b2b2bc7;
	width: 92.7%;
	}
	.blog .article-introtext img { 
	width: 76%;    
	float: right;
	}

	.category-desc.base-desc {
	width: 80%;
	}
	.sp-dropdown-inner .row {
		width: 90%;
		
	}
	.snip1369 figcaption {
		position: absolute;
		top: 70%;
	}
	.snip1369:hover figcaption, .snip1369.hover figcaption {
		
		top: 47%;
	}
	.category-desc.base-desc {
	width: 82% !important;
	}
	
	#sp-header .sp-dropdown-inner {
		width: 325% !important;
		left: -31% !important;
		padding: 2em;
	}
	.view-category #sp-header .sp-dropdown-inner {
		width: 325% !important;
		left: -32% !important;
	}
	.view-category #sp-header .sp-dropdown-inner{
		padding: 2em 7em
	}
	.blog .cat-children .snip1369 a {    
  top: 50% !important;
	} 
	.snip1369:hover .image, .snip1369.hover .image {
    bottom: 57%;
	}
	.categories-list figure.snip1369.green:hover figcaption {
    top: 48%;
	}
}
@media screen and (min-width: 1441px) and (max-width: 1600px) {
	.sp-dropdown-inner {
		   width: 272% !important;
		left: -16%;
	}
	.sp-dropdown-inner .row {
		width: 89%;
		
	}
    .view-category #sp-header .sp-dropdown-inner{
			left: -14%;
    }
	.menuBox .claim {  
        min-height: 260px;
	}
	.categories-list .menuBox img, .categories-list .menuBox {
    height: 300px;
	}
		.blog, .article-details {
    max-width: 80% !important
	}
	.blog.inferior{
	 max-width: 100% !important
		}
}
@media screen and (min-width: 1367px) and (max-width: 1440px){
		.sp-dropdown-inner {
		width: 245% !important;
		left: -15%;
	}
	 .view-category #sp-header .sp-dropdown-inner{
			left: -14%;
	  }
	.sp-dropdown-inner .row {
		width: 88%;
		
	}
	.body-innerwrapper, #sp-main-body {
		min-height: 92vh;
	}
	.categories-list .menuBox img, .categories-list .menuBox {
    height: 300px;
	}
		.blog, .article-details {
    max-width: 80% !important
	}
	.blog.inferior{
	 max-width: 100% !important
		}
	.menuBox .claim {  
        min-height: 260px;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1365px){
	.col-lg-4 {
       flex: 0 0 50% !important;
    max-width: 50% !important;
    min-height: 325px !important;
	}
	.last.col-lg-4.col-md-4.col-sm-6.col-xs-12.menuBox.caja_verde {
    width: 100%;
    min-width: 100%;
	}
	.menuBox img{
		height: 320px;
	}
	.blog .cat-children .snip1369 a{
		height: 190px !important;
	}
	.blog .cat-children .snip1369 i.float-right {
    position: absolute;
    bottom: -41px !important;
    right: 3px;
	}
	.blog .cat-children .snip1369 i.float-right.fa-lock {
    right: 30px;
	}
	.contain .card.card2 {
    width: 100%;
	}
	.contain .card{
		    width: 48.2%;
			    height: 232px;
	}
	.sprocket-lists-arquitectos li.active h4:after{
		bottom: 0
	}
	.contain a:nth-child(2) .card, .contain a:nth-child(3) .card, .contain a:nth-child(5) .card, .contain a:nth-child(4) .card {
    margin-left: 0;
	}
	.contain a:nth-child(3) .card, .contain a:nth-child(5) .card {
    border: 1px solid;
    float: right;
	}
	
}

@media screen and (min-width: 861px) and (max-width: 1024px){
	.col-lg-4 {
		-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	
	}
	.last.col-lg-4.col-md-4.col-sm-6.col-xs-12.menuBox.caja_verde {
		width: 100%;
    min-width: 100%;
	}
	.menuBox img {
    height: 400px;
	}
	.blog .cat-children .snip1369 a {
    height: 234px !important;
	}
	.blog .cat-children .snip1369 i.float-right {
    position: absolute;
    bottom: -41px !important;
    right: 3px;
	}
	.contain .card.card2 {
    width: 100%;
	}
	.contain .card{
	width: 97.5%;
    height: 360px;
	}
	.blog .cat-children .snip1369 i.float-right.fa-lock {
    right: 30px;
	}
}
@media screen and (min-width: 640px) and (max-width: 860px){
	.col-lg-4 {
		-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	min-height: 414px !important
	}
	.last.col-lg-4.col-md-4.col-sm-6.col-xs-12.menuBox.caja_verde {
		width: 100%;
    min-width: 100%;
	}
	.menuBox img {
    height: 400px;
	}
	.blog .cat-children .snip1369 a {
    height: 234px !important;
	}
	.blog .cat-children .snip1369 i.float-right {
    position: absolute;
    bottom: -41px !important;
    right: 3px;
	}
	.contain .card.card2 {
    width: 100%;
	}
	.contain .card{
	width: 97.5%;
    height: 360px;
	}
	.blog .cat-children .snip1369 i.float-right.fa-lock {
    right: 30px;
	}
}
@media screen and (min-width: 481px) and (max-width: 639px){
	.col-lg-4 {
		-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	min-height: 414px !important
	}
	.last.col-lg-4.col-md-4.col-sm-6.col-xs-12.menuBox.caja_verde {
		width: 100%;
    min-width: 100%;
	}
	.menuBox img {
    height: 400px;
	}
	.blog .cat-children .snip1369 a {
    height: 234px !important;
	}
	.blog .cat-children .snip1369 i.float-right {
    position: absolute;
    bottom: -21px !important;
    right: 3px;
	}
	.contain .card.card2 {
    width: 100%;
	}
	.contain .card, .contain .card.card2{
	width: 97.5%;
    height: 258px;
	}
	.contain .card.card2 .pic img {
    width: 79%;
	}
	.contain .card .pic img {
    object-fit: cover;
    max-width: 100%;
    height: auto;
}
	.blog .cat-children .snip1369 i.float-right.fa-lock {
    right: 30px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#offcanvas-toggler{
		display: block !important
	}
	nav.sp-megamenu-wrapper{
		display: none;
	}
	.categories-list .menuBox {

	height: 250px;
	min-width: 50%;
	}
	.contain .card.card2 {
    width: 96.5%;
	}
	.contain .card:hover .prueba, .contain .card.card2:hover .prueba {
	display: block;
	    width: 85%;
    left: 25px;
    font-size: 1em;
    bottom: 10%;
	}
	.contain .card { 
    width: 48%;
	}
	.contain .card p.date {
       right: 5px;

	}
	.snip1369:hover p, .snip1369.hover p { 
    top: -15px;
    position: relative;
	}
	.blog .cat-children .menuBox{	
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50%;
    max-width: 50%;
	}
	.menuBox i { 
    color: #fff !important;
    padding: .4em .4em;
}
	.menuBox i:hover {
    background: #dc3545;
    padding: .4em .4em;
    border-radius: 50%;
	}
	 .blog .cat-children .snip1369 p, .blog .cat-children .snip1369 p {    
    top: 34%;
	    line-height: 1.3;
		    letter-spacing: .4px;
			display: inline;
			    position: absolute;
    left: 0;
    bottom: 0;
	}
	.blog .cat-children .snip1369 figcaption {   
    padding: .2em !important;
	left: 10px;
    right: 10px;
	}
	.blog .cat-children .snip1369 i.float-right {   
    bottom: 13px !important;
    right: -5px !important;
	position: absolute !important;
	} 
	.blog .cat-children .snip1369 a{
		height: 182px !important;
		}
		.blog .cat-children .snip1369 i.float-right.fa-link {
    right: 20px !important;
	}
	.blog .cat-children .snip1369 i.float-right.fa-file-alt {
    right: 20px !important;
}
	.view-category .menuBox .image {
    height: 316px;
	}
	.view-category .menuBox img {
		width: 100%;
		/* height: 200px; */
		height: 310px;
	}
	.contain .card h2{
		height: 80px
	}
	.contain a:nth-child(2) .card {
    margin-left: 0;
	}
	.menuBox .claim a {   
    font-size: 1.7em;
	}
		.blog, .article-details {
    max-width: 80% !important
	}
	.blog.inferior{
	 max-width: 100% !important
		}
		.contain a:nth-child(2) .card, .contain a:nth-child(3) .card, .contain a:nth-child(5) .card, .contain a:nth-child(4) .card {
       margin-left: 0 !important;
	}
	.last.col-lg-4.col-md-4.col-sm-6.col-xs-12.menuBox.caja_verde:nth-child(5) {
    min-width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.contain .card.card2 {
		width: 95.8%;
	}
	.view-category .menuBox img {
    width: 100%;   
    height: 264px;
	}
	.blog .cat-children .snip1369 p, .blog .cat-children .snip1369 p {
    top: -10px;
    line-height: 1.5;
    letter-spacing: 1px;
	}
	.blog .cat-children .snip1369 figcaption{
	top: 20%;
	}
	.blog .cat-children .snip1369 a {
    height: 193px !important;
	}
	.blog .cat-children .snip1369 a {
    top: 27% !important;
	}
}

@media only screen and (max-device-width: 768px) and (orientation: landscape) {
	#offcanvas-toggler{
		display: block !important
	}
	nav.sp-megamenu-wrapper{
		display: none;
	}
	.categories-list .menuBox img {
	height: 200px;
	}
	.categories-list .menuBox {   
	height: 220px;
	margin-bottom: 0;
	padding-left: 0;
	}
	#sp-main-body {
	padding: 20px 0;
	}
	ul.social-icons{
	display: none !important;
	}
	.category-desc.base-desc {   
	margin-top: 30px;
	}
	.sprocket-mosaic h3 {   
	font-size: 1.2em;
	}
	.contain .card.card2, .contain .card {
	width: 100%;
	height: 165px; 
	margin-left: 0em !important
	}
	.contain .card p.date {    
	top: 36px;
	right: -25px;   
	font-size: .8em;   
	transform: rotate(270deg);
	}
	.contain .card.card2 .pic img, .contain .card .pic img {
	width: 80%;
	height: 200px;  
	max-width: 80% !important;
	}
	.contain .card button {  
	right: 7px;
	bottom: 7px;
	width: 24px;
	height: 24px;
	}
	.contain .card h2{
	font-size: 1em;
	left: 20px;
	width: 70%;
	}
	.snip1369 figcaption { 
	top: 69%;
	}
	#sp-header .col-lg-12 {
	max-width: 100%;   
	}
	.menuBox {
   
    height: 255px;
	}
	.menuBox h3 {    
	font-size: 1em !important; 
	top: -17px !important;
	}
	.contain .card.card2 h2 {
	bottom: 6px;
	right: 0;
	width: 70%;
	left: -108px;
	}
		.blog .cat-children .snip1369 p, .blog .cat-children .snip1369 p {    
    top: -20px;
	}
	.blog .cat-children .snip1369 figcaption {   
    padding: .2em;
	}
	.blog .cat-children .snip1369 i.float-right {   
    bottom: 16px;
    right: -15px;
	}
	.blog .category-desc.clearfix .sprocket-lists-arquitectos{
	padding: 0 .7em;
	}
	
	.menuBox .claim a{
	    font-size: 1.5em;
		    line-height: 1.3;
	}
	.menuBox .claim { 
    min-height: 262px;
	}
	.blog .sprocket-lists-arquitectos .row {
    max-width: 95%;
	}
	.sprocket-lists-arquitectos-item .sprocket-padding{
		padding-left: 0
	}
	.sprocket-lists-arquitectos li h4:after{
	    top: 14px;
	}
	
	.blog, .article-details {
    max-width: 80% !important
	}
	.blog.inferior{
	 max-width: 100% !important
	}
	.blog .cat-children .snip1369 i.float-right {   
        bottom: -75px !important;
    right: -9px;
	} 
	 .blog .cat-children .snip1369 p, .blog .cat-children .snip1369 p {    
    top: -10px;
    line-height: 1.2;
	letter-spacing: .1px;
	}
	.snip1369 figcaption {   
    left: 7px;
    right: 7px;
	}
	.blog .cat-children .snip1369 a {    
    top: 25%;    
    height: 195px !important;
	}
	.last.col-lg-4.col-md-4.col-sm-6.col-xs-12.menuBox.caja_verde:nth-child(5) {
    min-width: 100%;
	}
}
@media only screen and (max-device-width: 680px) and (orientation: landscape) {
	#offcanvas-toggler{
		display: block !important
	}
	nav.sp-megamenu-wrapper{
		display: none;
	}
	.categories-list .menuBox img {
	height: 200px;
	}
	.categories-list .menuBox {   
	height: 220px;
	margin-bottom: 0;
	padding-left: 0;
	}
	#sp-main-body {
	padding: 20px 0;
	}
	ul.social-icons{
	display: none !important;
	}
	.category-desc.base-desc {   
	margin-top: 30px;
	}
	.sprocket-mosaic h3 {   
	font-size: 1.2em;
	}
	.contain .card.card2, .contain .card {
	width: 100%;
	height: 165px; 
	margin-left: 0em !important
	}
	.contain .card p.date {    
	top: 36px;
	right: -25px;   
	font-size: .8em;   
	transform: rotate(270deg);
	}
	.contain .card.card2 .pic img, .contain .card .pic img {
	width: 80%;
	height: 200px;  
	max-width: 80% !important;
	}
	.contain .card button {  
	right: 7px;
	bottom: 7px;
	width: 24px;
	height: 24px;
	}
	.contain .card h2{
	font-size: 1em;
	left: 20px;
	width: 78%;
	height: 66px
	}
	.snip1369 figcaption { 
	top: 69%;
	}
	#sp-header .col-lg-12 {
	max-width: 100%;   
	}
	.menuBox {
   
    height: 255px;
	}
	.menuBox h3 {    
	font-size: 1em !important; 
	top: -17px !important;
	}
	.contain .card.card2 h2 {
	bottom: 6px;
	right: 0;
	width: 78%;
	left: -28px;
	}
	 	.blog .cat-children .snip1369 p, .blog .cat-children .snip1369 p {    
    top: -20px;
	}
	.blog .cat-children .snip1369 figcaption {   
    padding: .2em;
	}
	.blog .cat-children .snip1369 i.float-right {   
    bottom: 16px;
    right: -15px;
	} 
	.blog .category-desc.clearfix .sprocket-lists-arquitectos{
	padding: 0 .7em;
	}
	.menuBox .claim {   
    padding: 1em 1.5em;
	}
	.menuBox .claim a{
	    font-size: 1.5em;
		    line-height: 1.3;
	}
	.menuBox .claim { 
    min-height: 262px;
	}
	.blog .sprocket-lists-arquitectos .row {
    max-width: 95%;
	}
	.sprocket-lists-arquitectos-item .sprocket-padding{
		padding-left: 0
	}
	.sprocket-lists-arquitectos li h4:after{
	    top: 14px;
	}
	
	.menuBox .claim a{
		font-size: 1.4em;
	}
	.menuBox .claim{
		min-height: 210px;
	}
	.blog, .article-details {
    max-width: 80% !important
	}
	.blog.inferior{
	 max-width: 100% !important
	}
	.blog .cat-children .snip1369 i.float-right {   
        bottom: -75px !important;
    right: -9px;
	} 
	 .blog .cat-children .snip1369 p, .blog .cat-children .snip1369 p {    
    top: -10px;
    line-height: 1.2;
	letter-spacing: .1px;
	}
	.snip1369 figcaption {   
    left: 7px;
    right: 7px;
	}
	.blog .cat-children .snip1369 a {    
    top: 25%;    
    height: 195px !important;
	}
	.last.col-lg-4.col-md-4.col-sm-6.col-xs-12.menuBox.caja_verde:nth-child(5) {
    min-width: 100%;
	}
}
@media only screen and (max-device-width: 568px) and (orientation: landscape) {
	#sp-main-body {
		padding: 70px 0;
	}
	#offcanvas-toggler{
		display: block !important
	}
	nav.sp-megamenu-wrapper{
		display: none;
	}
	.categories-list .menuBox img {
	height: 200px;
	}
	.categories-list .menuBox {   
	height: 220px;
	margin-bottom: 0;
	padding-left: 0;
	}
	#sp-main-body {
	padding: 20px 0;
	}
	ul.social-icons{
	display: none !important;
	}
	.category-desc.base-desc {   
	margin-top: 30px;
	}
	.sprocket-mosaic h3 {   
	font-size: 1.2em;
	}
	.contain .card.card2, .contain .card {
	width: 100%;
	height: 165px; 
	margin-left: 0em !important
	}
	.contain .card p.date {    
	top: 36px;
	right: -25px;   
	font-size: .8em;   
	transform: rotate(270deg);
	}
	.contain .card.card2 .pic img, .contain .card .pic img {
	width: 80%;
	height: 200px;  
	max-width: 80% !important;
	}
	.contain .card button {  
	right: 7px;
	bottom: 7px;
	width: 24px;
	height: 24px;
	}
	.contain .card h2{
	font-size: 1em;
	left: 20px;
	width: 78%;
    height: 64px;
	}
	.snip1369 figcaption { 
	top: 69%;
	}
	#sp-header .col-lg-12 {
	max-width: 100%;   
	}
	.menuBox {
   
    height: 255px;
	}
	.menuBox h3 {    
	font-size: 1em !important; 
	top: -17px !important;
	}
	.contain .card.card2 h2 {
	bottom: 6px;
	right: 0;
	width: 78%;
	left: -28px;
	}
	 	.blog .cat-children .snip1369 p, .blog .cat-children .snip1369 p {    
    top: -10px;
	}
	.blog .cat-children .snip1369 figcaption {   
    padding: .2em;
	}
	
	.blog .category-desc.clearfix .sprocket-lists-arquitectos{
	padding: 0 .7em;
	}
	.blog .sprocket-lists-arquitectos .row {
    max-width: 100%;
	}
	.sprocket-lists-arquitectos-item .sprocket-padding {
    padding: 0;
	}
	.menuBox .claim {   
    padding: 1em 1.5em;
	}
	.menuBox .claim a{
	    font-size: 1.8em;
	}
	
	.menuBox .claim a{
		font-size: 1.4em;
	}
	.menuBox .claim{
		min-height: 210px;
	}
	.blog, .article-details {
    max-width: 80% !important
	}
	.blog.inferior{
	 max-width: 100% !important
	}
	.blog .cat-children .snip1369 i.float-right {   
        bottom: -75px !important;
    right: -9px;
	} 
	 .blog .cat-children .snip1369 p, .blog .cat-children .snip1369 p {    
    top: -10px;
    line-height: 1.2;
	letter-spacing: .1px;
	}
	.snip1369 figcaption {   
    left: 7px;
    right: 7px;
	}
	.blog .cat-children .snip1369 a {    
    top: 25%;    
    height: 195px !important;
	}
	.last.col-lg-4.col-md-4.col-sm-6.col-xs-12.menuBox.caja_verde:nth-child(5) {
    min-width: 100%;
	}
}

@media only screen and (min-width: 321px) and (max-width: 567px) {
	#sp-main-body {
		padding: 70px 0;
	}
	#offcanvas-toggler{
		display: block !important
	}
	.blog h3 {    
    font-size: 1.5em;
	}
	nav.sp-megamenu-wrapper{
		display: none;
	}
	.categories-list .menuBox img {
	height: 200px;
	}
	.categories-list .menuBox {   
	height: 220px;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	}
	#sp-main-body {
	padding: 20px 0;
	}
	ul.social-icons{
	display: none !important;
	}
	.category-desc.base-desc {   
	margin-top: 30px;
	}
	.sprocket-mosaic h3 {   
	font-size: 1.2em;
	}
	.contain .card.card2, .contain .card {
	width: 100%;
	height: 165px; 
	margin-left: 0em !important
	}
	.contain .card p.date {    
	top: 36px;
	right: -25px;   
	font-size: .8em;   
	transform: rotate(270deg);
	}
	.contain .card.card2 .pic img, .contain .card .pic img {
	width: 80%;
	height: 200px;  
	max-width: 80% !important;
	}
	.contain .card button {  
	right: 7px;
	bottom: 7px;
	width: 24px;
	height: 24px;
	}
	.contain .card h2{
	font-size: 1em;
	left: 20px;
	    width: 78%;
    height: 63px;
	}
	.snip1369 figcaption { 
	top: 69%;
	}
	#sp-header .col-lg-12 {
	max-width: 90%;   
	}
	#sp-header .btn.btn-danger {
    margin-left: 1em;
	}
	.menuBox {
   
    height: 255px;
	}
	.menuBox h3 {    
	font-size: 1em !important; 
	top: -17px !important;
	}
	.contain .card.card2 h2 {
	bottom: 6px;
	right: 0;
	width: 78%;
	left: -28px;
	}
	.categories-list .snip1369.green:hover .FAQ p {
	margin-top: -5px !important;
	float: left;
	display: -webkit-box;
	max-width: 100%;
	height: 34px;
	margin: 0 auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .9em;
	line-height: 1.2;
	}
	.snip1369:hover p, .snip1369.hover p {   
    position: relative;
    top: -15px;
	}
 
	  .blog .sprocket-lists-arquitectos .row .col-lg-6 {	
		flex: 100%;
		max-width: 100%;
	}
		.blog .cat-children .snip1369 p, .blog .cat-children .snip1369 p {    
    top: -10px;
    line-height: 1.2;
	}
	.blog .cat-children .snip1369 figcaption {   
    padding: .2em;
	}
	
	.blog .category-desc.clearfix .sprocket-lists-arquitectos{
	padding: 0 .7em;
	}
	div#block-search {
    width: 270px;
	}
	.blog .sprocket-lists-arquitectos .row {
    max-width: 100%;
	}
	.sprocket-lists-arquitectos-item .sprocket-padding {
    padding: 0;
	}
	.sprocket-lists-arquitectos ul h3 {
    padding: 1em
	}
	
	.menuBox .claim a{
		font-size: 1.4em;
	}
	.menuBox .claim{
		min-height: 210px;
	}
	.blog, .article-details {
    max-width: 80% !important
	}
	.blog.inferior{
	 max-width: 100% !important
	}
	.blog .cat-children .snip1369 i.float-right {   
        bottom: -75px !important;
    right: -9px;
	} 
	 .blog .cat-children .snip1369 p, .blog .cat-children .snip1369 p {    
    top: -10px;
    line-height: 1.2;
	letter-spacing: .1px;
	}
	.snip1369 figcaption {   
    left: 7px;
    right: 7px;
	}
	.blog .cat-children .snip1369 a {    
    top: 25%;    
    height: 195px !important;
	}
}
@media only screen and (max-width: 320px) {
	.categories-list .row, #sp-header.header-sticky .col-lg-12, .blog, .article-details, #sp-header .col-lg-12 {
    max-width: 100% !important;
	}
	.breadcrumb{
		padding: 0
	}
	.breadcrumb-item a, .breadcrumb-item span{
		font-size: .9em
	}
	.blog, .article-details {
    max-width: 80% !important
	}
	.blog.inferior{
	 max-width: 100% !important
		}
	.blog h3 {
    line-height: 1;
    font-size: 1.5em;
	}
	.blog h3:nth-child(2):after{
	width: 20%;
	}
	#offcanvas-toggler{
		display: block !important
	}
	#sp-main-body {
		padding: 80px 0 !important;
	}
	nav.sp-megamenu-wrapper{
		display: none;
	}
	.categories-list .menuBox img {
	height: 200px;
	}
	.categories-list .menuBox {   
	height: 220px;
	margin-bottom: 0;
	padding-left: 0;
	}
	#sp-main-body {
	padding: 20px 0;
	}
	ul.social-icons{
	display: none !important;
	}
	#sp-footer .social-icons{
		display: block !important;
		}
	.category-desc.base-desc {   
	margin-top: 30px;
	}
	.sprocket-mosaic h3 {   
	font-size: 1.2em;
	}
	.contain .card.card2, .contain .card {
	width: 100%;
	height: 165px; 
	margin-left: 0em !important
	}
	.contain .card p.date {    
	top: 36px;
	right: -25px;   
	font-size: .8em;   
	transform: rotate(270deg);
	}
	.contain .card.card2 .pic img, .contain .card .pic img {
	width: 80%;
	height: 200px;  
	max-width: 80% !important;
	}
	.contain .card button {  
	right: 7px;
	bottom: 7px;
	width: 24px;
	height: 24px;
	}
	.contain .card h2{
	font-size: 1em;
	left: 15px;
	    width: 78%;
    height: 64px;
	}
	.snip1369 figcaption { 
	top: 69%;
	}
	#sp-header .col-lg-12 {
	max-width: 100% !important  
	}
	.menuBox h3 {    
	font-size: 1em !important; 
	top: -17px !important;
	}
	.contain .card.card2 h2 {
	bottom: 6px;
	right: 0;
	    width: 78%;
    left: -28px;
	}
	.categories-list .snip1369.green:hover .FAQ p {
	margin-top: -5px !important;
	float: left;
	display: -webkit-box;
	max-width: 100%;
	height: 34px;
	margin: 0 auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .9em;
	line-height: 1.2;
	}
	.snip1369:hover p, .snip1369.hover p {   
    position: relative;
    top: -15px;
	}
 
	.blog .sprocket-lists-arquitectos .row .col-lg-6 {	
	flex: 100%;
	max-width: 100%;
	padding: 0;
	}
	.menuBox {
   
    height: 255px;
	}
	.menuBox i {
    color: #fff !important;
    padding: .4em;
	}
	.menuBox i:hover{
	padding: .4em;
	border-radius: 50%;
	background: #dc3545 !important
		}
		.blog .sprocket-lists-arquitectos .row {
    max-width: 100%;
	    padding: 0 .5em;
		}
	.sprocket-lists-arquitectos-item {
    width: 100%;
	}
	.blog .sprocket-lists-arquitectos-title.padding {   
    font-size: 1em !important;
    font-family: 'Urbanist', sans-serif;
	}
	.sprocket-lists-arquitectos-item .sprocket-padding {
	padding: 0;
   
    font-family: 'Urbanist', sans-serif;
    font-size: .9em;
	}
	#sp-footer {
    position: absolute;
	}
	#sp-footer .container-inner {
    padding: 10px 0;
	}
	#block-search {
    width: 272px;
	}
	
	.blog .cat-children .snip1369 figcaption {   
    padding: .2em;
	}
	
	.blog .category-desc.clearfix .sprocket-lists-arquitectos{
	padding: 0 .7em;
	}
	#block-search {
    width: 270px;
	}
	
	.menuBox .claim a{
		font-size: 1.4em;
	}
	.menuBox .claim{
		min-height: 210px;
		padding: .1em .5em;
	}
	.blog .cat-children .snip1369 i.float-right {   
        bottom: -75px !important;
    right: -9px;
	} 
	 .blog .cat-children .snip1369 p, .blog .cat-children .snip1369 p {    
    top: -10px;
    line-height: 1.2;
	letter-spacing: .1px;
	}
	.snip1369 figcaption {   
    left: 7px;
    right: 7px;
	}
	.blog .cat-children .snip1369 a {    
    top: 25%;    
    height: 195px !important;
	}
}










@media screen and (min-width: 1501px) and (max-width: 1920px){
	.blog .cat-children .snip1369 a {
		top: 40% !important;
	}
	.blog .cat-children .snip1369 a {
		height: 180px !important;
	}
	.blog .cat-children .snip1369 i.float-right {
		bottom: -40px !important;
		right: -55px;
	}
	.blog .cat-children .snip1369 p,
	.blog .cat-children .snip1369 p{
		width: 90%;
		top: -9px;
		display: flex;
	}
}


@media screen and (min-width: 1301px) and (max-width: 1500px){
	.blog .cat-children .snip1369 a {
		top: 30% !important;
	}
	.blog .cat-children .snip1369 a {
		height: 200px !important;
	}
	/* .blog .cat-children .snip1369 i.float-right {
		bottom: 0em  !important;
	} */
	.blog .cat-children .snip1369 a {
		background: #00000081  !important;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1300px){
	/* .blog .cat-children .snip1369 a {
		top: 10% !important;
	} */
	/* .blog .cat-children .snip1369 a {
		height: 240px !important;
	} */
	/* .blog .cat-children .snip1369 i.float-right {
		bottom: 0em  !important;
	}
	.blog .cat-children .snip1369 a {
		background: #00000081  !important;
	} */

}