@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-cp { margin-bottom:40px;}
.sp-content-cp h1 { color:#F60; font-size:20px; text-transform:uppercase; line-height:35px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;text-align:left;}
.sp-content-cp h2 { color:#F60; font-size:18px; text-transform:uppercase; line-height:35px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px; text-align:left;}
.sp-content-cp ul { list-style:none; padding:0; margin:20px 0 0 0;}
.sp-content-cp ul li { float:left; width:50%; box-sizing:border-box;}
.sp-content-cp ul li a > .sp-pedigree-content { margin:2px; padding:0; position:relative; border:1px #444 solid;}
.sp-content-cp ul li a:hover > .sp-pedigree-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-cp ul li a > .sp-pedigree-content > .sp-pedigree-name h3 {position: absolute; background: rgba(51,51,51,0.8); padding:2px 7px;margin:0;color:#fff;font-size:14px; font-family: 'Conv_Kanit-Light', sans-serif;text-transform:uppercase;bottom:0;right:0;text-align:center;float:right;line-height:16px;}
.sp-content-cp ul li a:hover > .sp-pedigree-content > .sp-pedigree-name h3{background:#F60; color:#fff; cursor: pointer;}

.sp-content-cp-wel { margin-bottom:20px;}
.sp-content-cp-wel h2 { color:#F60; font-size:23px; text-transform:uppercase; line-height:30px; margin:0; margin-bottom:10px; font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-2px;}

.sp-content-cp-r { margin-bottom:20px;}
.sp-content-cp-r h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r ul { list-style:none; padding:0; margin:20px 0 20px 0;}
.sp-content-cp-r ul li { margin-bottom:5px;}
.sp-content-cp-r ul li .col-txt{ width:100%; box-sizing:border-box;}
.sp-content-cp-r ul li .col-txt a h3 { font-size:16px; color:#fff;line-height:24px;margin:0; font-weight:normal;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r ul li .col-txt a:hover h3 { color:#FF0;}
.sp-content-cp-r > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r > .sp-more a:hover {color:#FF0;}

.sp-content-cp-r-pw { margin-bottom:20px;}
.sp-content-cp-r-pw h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw ol { padding:0 0 0 20px; margin:20px 0 20px 0;}
.sp-content-cp-r-pw ol li { margin-bottom:5px;}
.sp-content-cp-r-pw ol li .col-txt{ width:100%; box-sizing:border-box;}
.sp-content-cp-r-pw ol li .col-txt a h3 { font-size:16px; color:#fff;line-height:24px;margin:0; font-weight:normal;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw ol li .col-txt a:hover h3 { color:#FF0;}

.sp-content-cp-r-pw > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw > .sp-more a:hover {color:#FF0;}

.sp-content-r-rk { margin-bottom:40px;}
.sp-content-r-rk h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol { padding:0 0 0 20px; margin:20px 0 20px 0;}
.sp-content-r-rk ol li { margin-bottom:5px;}
.sp-content-r-rk ol li .col-txt-l{ width:100%/*; float:left; box-sizing:border-box; padding-right:10px;*/}
.sp-content-r-rk ol li a > .col-txt-l h3 { font-size:13px; color:#fff;line-height:21px; margin:0; font-weight:normal;text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol li a:hover > .col-txt-l h3 { color:#FF0;}
.sp-content-r-rk ol li .col-txt-r{ width:100%;/* float:right; box-sizing:border-box;*/}
.sp-content-r-rk ol li a > .col-txt-r h4 { font-size:13px; color:#fff;line-height:21px;margin:0; font-weight:normal;text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol li a:hover > .col-txt-r h4 { color:#FF0;}

.sp-content-r-rk > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk > .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-cp { margin-bottom:40px;}
.sp-content-cp h1 { color:#F60; font-size:23px; text-transform:uppercase; line-height:35px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;text-align:left;}
.sp-content-cp h2 { color:#F60; font-size:23px; text-transform:uppercase; line-height:35px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px; text-align:left;}
.sp-content-cp ul { list-style:none; padding:0; margin:20px 0 0 0;}
.sp-content-cp ul li { float:left; width:33.33%; box-sizing:border-box;}
.sp-content-cp ul li a > .sp-pedigree-content { margin:2px; padding:0; position:relative; border:1px #444 solid;}
.sp-content-cp ul li a:hover > .sp-pedigree-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-cp ul li a > .sp-pedigree-content > .sp-pedigree-name h3 {position: absolute; background: rgba(51,51,51,0.8); padding:2px 7px;margin:0;color:#fff;font-size:14px; font-family: 'Conv_Kanit-Light', sans-serif;text-transform:uppercase;bottom:0;right:0;text-align:center;float:right;line-height:16px;}
.sp-content-cp ul li a:hover > .sp-pedigree-content > .sp-pedigree-name h3{background:#F60; color:#fff; cursor: pointer;}

.sp-content-cp-wel { margin-bottom:20px;}
.sp-content-cp-wel h2 { color:#F60; font-size:25px; text-transform:uppercase; line-height:30px; margin:0; margin-bottom:10px; font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-2px;}

.sp-content-cp-r { margin-bottom:20px;}
.sp-content-cp-r h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r ul { list-style:none; padding:0; margin:20px 0 20px 0;}
.sp-content-cp-r ul li { margin-bottom:5px;}
.sp-content-cp-r ul li .col-txt{ width:100%; box-sizing:border-box;}
.sp-content-cp-r ul li .col-txt a h3 { font-size:16px; color:#fff;line-height:24px;margin:0; font-weight:normal;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r ul li .col-txt a:hover h3 { color:#FF0;}
.sp-content-cp-r > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r > .sp-more a:hover {color:#FF0;}

.sp-content-cp-r-pw { margin-bottom:20px;}
.sp-content-cp-r-pw h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw ol { padding:0 0 0 20px; margin:20px 0 20px 0;}
.sp-content-cp-r-pw ol li { margin-bottom:5px;}
.sp-content-cp-r-pw ol li .col-txt{ width:100%; box-sizing:border-box;}
.sp-content-cp-r-pw ol li .col-txt a h3 { font-size:16px; color:#fff;line-height:24px;margin:0; font-weight:normal;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw ol li .col-txt a:hover h3 { color:#FF0;}

.sp-content-cp-r-pw > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw > .sp-more a:hover {color:#FF0;}

.sp-content-r-rk { margin-bottom:40px;}
.sp-content-r-rk h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol { padding:0 0 0 20px; margin:20px 0 20px 0;}
.sp-content-r-rk ol li { margin-bottom:5px;}
.sp-content-r-rk ol li .col-txt-l{ width:50%; float:left; box-sizing:border-box; padding-right:10px;}
.sp-content-r-rk ol li a > .col-txt-l h3 { font-size:13px; color:#fff;line-height:21px; margin:0; font-weight:normal;text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol li a:hover > .col-txt-l h3 { color:#FF0;}
.sp-content-r-rk ol li .col-txt-r{ width:50%; float:right; box-sizing:border-box;}
.sp-content-r-rk ol li a > .col-txt-r h4 { font-size:13px; color:#fff;line-height:21px;margin:0; font-weight:normal;text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol li a:hover > .col-txt-r h4 { color:#FF0;}

.sp-content-r-rk > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk > .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-cp { margin-bottom:40px;}
.sp-content-cp h1 { color:#F60; font-size:40px; text-transform:uppercase; line-height:55px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp h2 { color:#F60; font-size:37px; text-transform:uppercase; line-height:52px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp ul { list-style:none; padding:0; margin:20px 0 0 0;}
.sp-content-cp ul li { float:left; width:25%; box-sizing:border-box;}
.sp-content-cp ul li a > .sp-pedigree-content { margin:2px; padding:0; position:relative; border:1px #444 solid;}
.sp-content-cp ul li a:hover > .sp-pedigree-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-cp ul li a > .sp-pedigree-content > .sp-pedigree-name h3 {position: absolute; background: rgba(51,51,51,0.8); padding:2px 7px;margin:0;color:#fff;font-size:14px; font-family: 'Conv_Kanit-Light', sans-serif;text-transform:uppercase;bottom:0;right:0;text-align:center;float:right;line-height:16px;}
.sp-content-cp ul li a:hover > .sp-pedigree-content > .sp-pedigree-name h3{background:#F60; color:#fff; cursor: pointer;}

.sp-content-cp-wel { margin-bottom:20px;}
.sp-content-cp-wel h2 { color:#F60; font-size:25px; text-transform:uppercase; line-height:30px; margin:0; margin-bottom:10px; font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-2px;}

.sp-content-cp-r { margin-bottom:20px;}
.sp-content-cp-r h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r ul { list-style:none; padding:0; margin:20px 0 20px 0;}
.sp-content-cp-r ul li { margin-bottom:5px;}
.sp-content-cp-r ul li .col-txt{ width:100%; box-sizing:border-box;}
.sp-content-cp-r ul li .col-txt a h3 { font-size:16px; color:#fff;line-height:24px;margin:0; font-weight:normal;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r ul li .col-txt a:hover h3 { color:#FF0;}
.sp-content-cp-r > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r > .sp-more a:hover {color:#FF0;}

.sp-content-cp-r-pw { margin-bottom:20px;}
.sp-content-cp-r-pw h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw ol { padding:0 0 0 20px; margin:20px 0 20px 0;}
.sp-content-cp-r-pw ol li { margin-bottom:5px;}
.sp-content-cp-r-pw ol li .col-txt{ width:100%; box-sizing:border-box;}
.sp-content-cp-r-pw ol li .col-txt a h3 { font-size:16px; color:#fff;line-height:24px;margin:0; font-weight:normal;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw ol li .col-txt a:hover h3 { color:#FF0;}

.sp-content-cp-r-pw > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw > .sp-more a:hover {color:#FF0;}

.sp-content-r-rk { margin-bottom:40px;}
.sp-content-r-rk h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol { padding:0 0 0 20px; margin:20px 0 20px 0;}
.sp-content-r-rk ol li { margin-bottom:5px;}
.sp-content-r-rk ol li .col-txt-l{ width:50%; float:left; box-sizing:border-box; padding-right:10px;}
.sp-content-r-rk ol li a > .col-txt-l h3 { font-size:13px; color:#fff;line-height:21px; margin:0; font-weight:normal;text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol li a:hover > .col-txt-l h3 { color:#FF0;}
.sp-content-r-rk ol li .col-txt-r{ width:50%; float:right; box-sizing:border-box;}
.sp-content-r-rk ol li a > .col-txt-r h4 { font-size:13px; color:#fff;line-height:21px;margin:0; font-weight:normal;text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol li a:hover > .col-txt-r h4 { color:#FF0;}

.sp-content-r-rk > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk > .sp-more a:hover {color:#FF0;}


 }

@media (min-width: 992px) 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-cp { margin-bottom:40px;}
.sp-content-cp h1 { color:#F60; font-size:45px; text-transform:uppercase; line-height:55px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp h2 { color:#F60; font-size:42px; text-transform:uppercase; line-height:52px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp ul { list-style:none; padding:0; margin:20px 0 0 0;}
.sp-content-cp ul li { float:left; width:25%; box-sizing:border-box;}
.sp-content-cp ul li a > .sp-pedigree-content { margin:2px; padding:0; position:relative; border:1px #444 solid;}
.sp-content-cp ul li a:hover > .sp-pedigree-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-cp ul li a > .sp-pedigree-content > .sp-pedigree-name h3 {position: absolute; background: rgba(51,51,51,0.8); padding:2px 7px;margin:0;color:#fff;font-size:14px; font-family: 'Conv_Kanit-Light', sans-serif;text-transform:uppercase;bottom:0;right:0;text-align:center;float:right;line-height:16px;}
.sp-content-cp ul li a:hover > .sp-pedigree-content > .sp-pedigree-name h3{background:#F60; color:#fff; cursor: pointer;}

.sp-content-cp-wel { margin-bottom:20px;}
.sp-content-cp-wel h2 { color:#F60; font-size:25px; text-transform:uppercase; line-height:30px; margin:0; margin-bottom:10px; font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-2px;}

.sp-content-cp-r { margin-bottom:20px;}
.sp-content-cp-r h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r ul { list-style:none; padding:0; margin:20px 0 20px 0;}
.sp-content-cp-r ul li { margin-bottom:5px;}
.sp-content-cp-r ul li .col-txt{ width:100%; box-sizing:border-box;}
.sp-content-cp-r ul li .col-txt a h3 { font-size:16px; color:#fff;line-height:24px;margin:0; font-weight:normal;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r ul li .col-txt a:hover h3 { color:#FF0;}
.sp-content-cp-r > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r > .sp-more a:hover {color:#FF0;}

.sp-content-cp-r-pw { margin-bottom:20px;}
.sp-content-cp-r-pw h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw ol { padding:0 0 0 20px; margin:20px 0 20px 0;}
.sp-content-cp-r-pw ol li { margin-bottom:5px;}
.sp-content-cp-r-pw ol li .col-txt{ width:100%; box-sizing:border-box;}
.sp-content-cp-r-pw ol li .col-txt a h3 { font-size:16px; color:#fff;line-height:24px;margin:0; font-weight:normal;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw ol li .col-txt a:hover h3 { color:#FF0;}

.sp-content-cp-r-pw > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw > .sp-more a:hover {color:#FF0;}

.sp-content-r-rk { margin-bottom:40px;}
.sp-content-r-rk h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol { padding:0 0 0 20px; margin:20px 0 20px 0;}
.sp-content-r-rk ol li { margin-bottom:5px;}
.sp-content-r-rk ol li .col-txt-l{ width:50%; float:left; box-sizing:border-box; padding-right:10px;}
.sp-content-r-rk ol li a > .col-txt-l h3 { font-size:13px; color:#fff;line-height:21px; margin:0; font-weight:normal;text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol li a:hover > .col-txt-l h3 { color:#FF0;}
.sp-content-r-rk ol li .col-txt-r{ width:50%; float:right; box-sizing:border-box;}
.sp-content-r-rk ol li a > .col-txt-r h4 { font-size:13px; color:#fff;line-height:21px;margin:0; font-weight:normal;text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol li a:hover > .col-txt-r h4 { color:#FF0;}

.sp-content-r-rk > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk > .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-cp { margin-bottom:40px;}
.sp-content-cp h1 { color:#F60; font-size:45px; text-transform:uppercase; line-height:55px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp h2 { color:#F60; font-size:42px; text-transform:uppercase; line-height:52px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp ul { list-style:none; padding:0; margin:20px 0 0 0;}
.sp-content-cp ul li { float:left; width:25%; box-sizing:border-box;}
.sp-content-cp ul li a > .sp-pedigree-content { margin:2px; padding:0; position:relative; border:1px #444 solid;}
.sp-content-cp ul li a:hover > .sp-pedigree-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-cp ul li a > .sp-pedigree-content > .sp-pedigree-name h3 {position: absolute; background: rgba(51,51,51,0.8); padding:2px 7px;margin:0;color:#fff;font-size:14px; font-family: 'Conv_Kanit-Light', sans-serif;text-transform:uppercase;bottom:0;right:0;text-align:center;float:right;line-height:16px;}
.sp-content-cp ul li a:hover > .sp-pedigree-content > .sp-pedigree-name h3{background:#F60; color:#fff; cursor: pointer;}

.sp-content-cp-wel { margin-bottom:20px;}
.sp-content-cp-wel h2 { color:#F60; font-size:25px; text-transform:uppercase; line-height:30px; margin:0; margin-bottom:10px; font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-2px;}

.sp-content-cp-r { margin-bottom:20px;}
.sp-content-cp-r h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r ul { list-style:none; padding:0; margin:20px 0 20px 0;}
.sp-content-cp-r ul li { margin-bottom:5px;}
.sp-content-cp-r ul li .col-txt{ width:100%; box-sizing:border-box;}
.sp-content-cp-r ul li .col-txt a h3 { font-size:16px; color:#fff;line-height:24px;margin:0; font-weight:normal;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r ul li .col-txt a:hover h3 { color:#FF0;}
.sp-content-cp-r > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r > .sp-more a:hover {color:#FF0;}

.sp-content-cp-r-pw { margin-bottom:20px;}
.sp-content-cp-r-pw h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw ol { padding:0 0 0 20px; margin:20px 0 20px 0;}
.sp-content-cp-r-pw ol li { margin-bottom:5px;}
.sp-content-cp-r-pw ol li .col-txt{ width:100%; box-sizing:border-box;}
.sp-content-cp-r-pw ol li .col-txt a h3 { font-size:16px; color:#fff;line-height:24px;margin:0; font-weight:normal;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw ol li .col-txt a:hover h3 { color:#FF0;}

.sp-content-cp-r-pw > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-cp-r-pw > .sp-more a:hover {color:#FF0;}

.sp-content-r-rk { margin-bottom:40px;}
.sp-content-r-rk h2 { color:#F60; font-size:20px; text-transform:uppercase; line-height:25px; margin:0; font-weight: normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol { padding:0 0 0 20px; margin:20px 0 20px 0;}
.sp-content-r-rk ol li { margin-bottom:5px;}
.sp-content-r-rk ol li .col-txt-l{ width:50%; float:left; box-sizing:border-box; padding-right:10px;}
.sp-content-r-rk ol li a > .col-txt-l h3 { font-size:13px; color:#fff;line-height:21px; margin:0; font-weight:normal;text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol li a:hover > .col-txt-l h3 { color:#FF0;}
.sp-content-r-rk ol li .col-txt-r{ width:50%; float:right; box-sizing:border-box;}
.sp-content-r-rk ol li a > .col-txt-r h4 { font-size:13px; color:#fff;line-height:21px;margin:0; font-weight:normal;text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk ol li a:hover > .col-txt-r h4 { color:#FF0;}

.sp-content-r-rk > .sp-more a {font-size:14px; color:#F60;line-height:21px;margin:0; font-weight:normal; text-transform:uppercase;font-weight:normal;font-family:"Conv_CodaCaption-ExtraBold", Tahoma, sans-serif;letter-spacing:-1px;}
.sp-content-r-rk > .sp-more a:hover {color:#FF0;}

}