@media (min-width: 240px) and (max-width: 478px) {

.sp-container { max-width:1280px;margin:0px auto;}
.sp-container > .wrapper { padding:20px; background:#000;}
.sp-container > .wrapper > .col-left{ width:100%; /*float:left; box-sizing:border-box; padding-right:20px;*/}
.sp-container > .wrapper > .col-right{ width:100%;/* float:right; box-sizing:border-box;*/}

.sp-content-kennels { margin-bottom:40px;}
.sp-content-kennels h1 { color:#F60; font-size:40px; text-transform:uppercase; line-height:45px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-kennels ul { list-style:none; padding:0; margin:20px 0 0 0;}
.sp-content-kennels ul li { float:left; width:50%; box-sizing:border-box;}
.sp-content-kennels ul li a > .sp-kennels-content { margin:2px; padding:0; position:relative; border:1px #444 solid;}
.sp-content-kennels ul li a:hover > .sp-kennels-content {border-color:#F60;cursor: pointer;filter: brightness(1.1);-webkit-filter: brightness(1.1);-moz-filter: brightness(1.1);-o-filter: brightness(1.1);-ms-filter: brightness(1.1);}
.sp-content-kennels ul li a > .sp-kennels-content > .sp-kennels-name h3 {padding:4px 7px;margin:0;color:#f60;font-size:16px; font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;text-align:left;line-height:18px; height:33px; overflow:hidden;}
.sp-content-kennels ul li a:hover > .sp-kennels-content > .sp-kennels-name h3{background:#F60; color:#fff; cursor: pointer;}


.sp-content-r-kennels { margin-bottom:40px;}
.sp-content-r-kennels h2 { color:#F60; font-size:40px; text-transform:uppercase; line-height:45px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-kennels small { color:#F60; font-size:20px; text-transform:uppercase; line-height:26px;}
.sp-content-r-kennels ul { list-style:none; padding:0; margin:20px 0;}
.sp-content-r-kennels ul li { margin-bottom:5px;}
.sp-content-r-kennels ul li .col-pic{ width:30%; float:left; box-sizing:border-box; padding-right:10px;}
.sp-content-r-kennels ul li .col-pic img{ border:2px solid #444;}
.sp-content-r-kennels ul li .col-pic img:hover{ border:2px solid #f60; -webkit-filter: brightness(1.2);filter: brightness(1.2);}
.sp-content-r-kennels ul li .col-txt{ width:70%; float:right; box-sizing:border-box;}
.sp-content-r-kennels ul li .col-txt a h3 { font-size:14px; color:#F60;line-height:21px;overflow:hidden; height:40px; margin:0; font-weight:normal;}
.sp-content-r-kennels ul li .col-txt a:hover h3 { color:#FF0;}
.sp-content-r-kennels ul li .col-txt p{ font-size:13px; color:#ccc;line-height:20px; margin-top:0px; overflow:hidden; height:40px;}
.sp-content-r-kennels > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:900; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-kennels > .sp-more a:hover {color:#FF0;}

}

@media (min-width: 478px) and (max-width: 767px) {

.sp-container { max-width:1280px;margin:0px auto;}
.sp-container > .wrapper { padding:20px; background:#000;}
.sp-container > .wrapper > .col-left{ width:100%; /*float:left; box-sizing:border-box; padding-right:20px;*/}
.sp-container > .wrapper > .col-right{ width:100%;/* float:right; box-sizing:border-box;*/}

.sp-content-kennels { margin-bottom:40px;}
.sp-content-kennels h1 { color:#F60; font-size:40px; text-transform:uppercase; line-height:45px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-kennels ul { list-style:none; padding:0; margin:20px 0 0 0;}
.sp-content-kennels ul li { float:left; width:33.33%; box-sizing:border-box;}
.sp-content-kennels ul li a > .sp-kennels-content { margin:2px; padding:0; position:relative; border:1px #444 solid;}
.sp-content-kennels ul li a:hover > .sp-kennels-content {border-color:#F60;cursor: pointer;filter: brightness(1.1);-webkit-filter: brightness(1.1);-moz-filter: brightness(1.1);-o-filter: brightness(1.1);-ms-filter: brightness(1.1);}
.sp-content-kennels ul li a > .sp-kennels-content > .sp-kennels-name h3 {padding:4px 7px;margin:0;color:#f60;font-size:16px; font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;text-align:left;line-height:18px; height:33px; overflow:hidden;}
.sp-content-kennels ul li a:hover > .sp-kennels-content > .sp-kennels-name h3{background:#F60; color:#fff; cursor: pointer;}


.sp-content-r-kennels { margin-bottom:40px;}
.sp-content-r-kennels h2 { color:#F60; font-size:40px; text-transform:uppercase; line-height:45px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-kennels small { color:#F60; font-size:20px; text-transform:uppercase; line-height:26px;}
.sp-content-r-kennels ul { list-style:none; padding:0; margin:20px 0;}
.sp-content-r-kennels ul li { margin-bottom:5px;}
.sp-content-r-kennels ul li .col-pic{ width:30%; float:left; box-sizing:border-box; padding-right:10px;}
.sp-content-r-kennels ul li .col-pic img{ border:2px solid #444;}
.sp-content-r-kennels ul li .col-pic img:hover{ border:2px solid #f60; -webkit-filter: brightness(1.2);filter: brightness(1.2);}
.sp-content-r-kennels ul li .col-txt{ width:70%; float:right; box-sizing:border-box;}
.sp-content-r-kennels ul li .col-txt a h3 { font-size:14px; color:#F60;line-height:21px;overflow:hidden; height:40px; margin:0; font-weight:normal;}
.sp-content-r-kennels ul li .col-txt a:hover h3 { color:#FF0;}
.sp-content-r-kennels ul li .col-txt p{ font-size:13px; color:#ccc;line-height:20px; margin-top:0px; overflow:hidden; height:40px;}
.sp-content-r-kennels > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:900; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-kennels > .sp-more a:hover {color:#FF0;}

}

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

.sp-container { max-width:1280px;margin:0px auto;}
.sp-container > .wrapper { padding:20px; background:#000;}
.sp-container > .wrapper > .col-left{ width:100%; /*float:left; box-sizing:border-box; padding-right:20px;*/}
.sp-container > .wrapper > .col-right{ width:100%;/* float:right; box-sizing:border-box;*/}

.sp-content-kennels { margin-bottom:40px;}
.sp-content-kennels h1 { color:#F60; font-size:40px; text-transform:uppercase; line-height:45px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-kennels ul { list-style:none; padding:0; margin:20px 0 0 0;}
.sp-content-kennels ul li { float:left; width:25%; box-sizing:border-box;}
.sp-content-kennels ul li a > .sp-kennels-content { margin:2px; padding:0; position:relative; border:1px #444 solid;}
.sp-content-kennels ul li a:hover > .sp-kennels-content {border-color:#F60;cursor: pointer;filter: brightness(1.1);-webkit-filter: brightness(1.1);-moz-filter: brightness(1.1);-o-filter: brightness(1.1);-ms-filter: brightness(1.1);}
.sp-content-kennels ul li a > .sp-kennels-content > .sp-kennels-name h3 {padding:4px 7px;margin:0;color:#f60;font-size:16px; font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;text-align:left;line-height:18px; height:33px; overflow:hidden;}
.sp-content-kennels ul li a:hover > .sp-kennels-content > .sp-kennels-name h3{background:#F60; color:#fff; cursor: pointer;}


.sp-content-r-kennels { margin-bottom:40px;}
.sp-content-r-kennels h2 { color:#F60; font-size:40px; text-transform:uppercase; line-height:45px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-kennels small { color:#F60; font-size:20px; text-transform:uppercase; line-height:26px;}
.sp-content-r-kennels ul { list-style:none; padding:0; margin:20px 0;}
.sp-content-r-kennels ul li { margin-bottom:5px;}
.sp-content-r-kennels ul li .col-pic{ width:30%; float:left; box-sizing:border-box; padding-right:10px;}
.sp-content-r-kennels ul li .col-pic img{ border:2px solid #444;}
.sp-content-r-kennels ul li .col-pic img:hover{ border:2px solid #f60; -webkit-filter: brightness(1.2);filter: brightness(1.2);}
.sp-content-r-kennels ul li .col-txt{ width:70%; float:right; box-sizing:border-box;}
.sp-content-r-kennels ul li .col-txt a h3 { font-size:14px; color:#F60;line-height:21px;overflow:hidden; height:40px; margin:0; font-weight:normal;}
.sp-content-r-kennels ul li .col-txt a:hover h3 { color:#FF0;}
.sp-content-r-kennels ul li .col-txt p{ font-size:13px; color:#ccc;line-height:20px; margin-top:0px; overflow:hidden; height:40px;}
.sp-content-r-kennels > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:900; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-kennels > .sp-more a:hover {color:#FF0;}

 }

@media (min-width: 993px) and (max-width: 1280px) { 

.sp-container { max-width:1280px;margin:0px auto;}
.sp-container > .wrapper { padding:20px; background:#000;}
.sp-container > .wrapper > .col-left{ width:70%; float:left; box-sizing:border-box; padding-right:20px;}
.sp-container > .wrapper > .col-right{ width:30%; float:right; box-sizing:border-box;}

.sp-content-kennels { margin-bottom:40px;}
.sp-content-kennels h1 { color:#F60; font-size:50px; text-transform:uppercase; line-height:55px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-kennels ul { list-style:none; padding:0; margin:20px 0 0 0;}
.sp-content-kennels ul li { float:left; width:33.33%; box-sizing:border-box;}
.sp-content-kennels ul li a > .sp-kennels-content { margin:2px; padding:0; position:relative; border:1px #444 solid;}
.sp-content-kennels ul li a:hover > .sp-kennels-content {border-color:#F60;cursor: pointer;filter: brightness(1.1);-webkit-filter: brightness(1.1);-moz-filter: brightness(1.1);-o-filter: brightness(1.1);-ms-filter: brightness(1.1);}
.sp-content-kennels ul li a > .sp-kennels-content > .sp-kennels-name h3 {padding:4px 7px;margin:0;color:#f60;font-size:16px; font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;text-align:left;line-height:18px; height:33px; overflow:hidden;}
.sp-content-kennels ul li a:hover > .sp-kennels-content > .sp-kennels-name h3{background:#F60; color:#fff; cursor: pointer;}


.sp-content-r-kennels { margin-bottom:40px;}
.sp-content-r-kennels h2 { color:#F60; font-size:50px; text-transform:uppercase; line-height:55px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-kennels small { color:#F60; font-size:20px; text-transform:uppercase; line-height:26px;}
.sp-content-r-kennels ul { list-style:none; padding:0; margin:20px 0;}
.sp-content-r-kennels ul li { margin-bottom:5px;}
.sp-content-r-kennels ul li .col-pic{ width:40%; float:left; box-sizing:border-box; padding-right:10px;}
.sp-content-r-kennels ul li .col-pic img{ border:2px solid #444;}
.sp-content-r-kennels ul li .col-pic img:hover{ border:2px solid #f60; -webkit-filter: brightness(1.2);filter: brightness(1.2);}
.sp-content-r-kennels ul li .col-txt{ width:60%; float:right; box-sizing:border-box;}
.sp-content-r-kennels ul li .col-txt a h3 { font-size:14px; color:#F60;line-height:21px;overflow:hidden; height:40px; margin:0; font-weight:normal;}
.sp-content-r-kennels ul li .col-txt a:hover h3 { color:#FF0;}
.sp-content-r-kennels ul li .col-txt p{ font-size:13px; color:#ccc;line-height:20px; margin-top:0px; overflow:hidden; height:40px;}
.sp-content-r-kennels > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:900; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-kennels > .sp-more a:hover {color:#FF0;}

}

@media (min-width: 1280px) {
	
.sp-container { max-width:1280px;margin:0px auto;}
.sp-container > .wrapper { padding:20px; background:#000;}
.sp-container > .wrapper > .col-left{ width:70%; float:left; box-sizing:border-box; padding-right:20px;}
.sp-container > .wrapper > .col-right{ width:30%; float:right; box-sizing:border-box;}

.sp-content-kennels { margin-bottom:40px;}
.sp-content-kennels h1 { color:#F60; font-size:50px; text-transform:uppercase; line-height:55px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-kennels ul { list-style:none; padding:0; margin:20px 0 0 0;}
.sp-content-kennels ul li { float:left; width:25%; box-sizing:border-box;}
.sp-content-kennels ul li a > .sp-kennels-content { margin:2px; padding:0; position:relative; border:1px #444 solid;}
.sp-content-kennels ul li a:hover > .sp-kennels-content {border-color:#F60;cursor: pointer;filter: brightness(1.1);-webkit-filter: brightness(1.1);-moz-filter: brightness(1.1);-o-filter: brightness(1.1);-ms-filter: brightness(1.1);}
.sp-content-kennels ul li a > .sp-kennels-content > .sp-kennels-name h3 {padding:4px 7px;margin:0;color:#f60;font-size:16px; font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;text-align:left;line-height:18px; height:33px; overflow:hidden;}
.sp-content-kennels ul li a:hover > .sp-kennels-content > .sp-kennels-name h3{background:#F60; color:#fff; cursor: pointer;}


.sp-content-r-kennels { margin-bottom:40px;}
.sp-content-r-kennels h2 { color:#F60; font-size:50px; text-transform:uppercase; line-height:55px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-kennels small { color:#F60; font-size:24px; text-transform:uppercase; line-height:26px;}
.sp-content-r-kennels ul { list-style:none; padding:0; margin:20px 0;}
.sp-content-r-kennels ul li { margin-bottom:5px;}
.sp-content-r-kennels ul li .col-pic{ width:40%; float:left; box-sizing:border-box; padding-right:10px;}
.sp-content-r-kennels ul li .col-pic img{ border:2px solid #444;}
.sp-content-r-kennels ul li .col-pic img:hover{ border:2px solid #f60; -webkit-filter: brightness(1.2);filter: brightness(1.2);}
.sp-content-r-kennels ul li .col-txt{ width:60%; float:right; box-sizing:border-box;}
.sp-content-r-kennels ul li .col-txt a h3 { font-size:14px; color:#F60;line-height:21px;overflow:hidden; height:40px; margin:0; font-weight:normal;}
.sp-content-r-kennels ul li .col-txt a:hover h3 { color:#FF0;}
.sp-content-r-kennels ul li .col-txt p{ font-size:13px; color:#ccc;line-height:20px; margin-top:0px; overflow:hidden; height:40px;}
.sp-content-r-kennels > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:900; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-kennels > .sp-more a:hover {color:#FF0;}

}