/*karacasulu product feature css start*/
@import url(“https://asset.msi.com/event/nb/2018/Prestige_Limited_Edition/css/Fonts_CenturyGothic.css”);
@import url(“https://fonts.googleapis.com/css2?family=Sarpanch:wght@800&display=swap”);
body {
margin: 0;
}
#krcsl-feature {
background: #fff;
color: #000;
font-family: “CenturyGothic”, ‘Open Sans’, arial, sans-serif;
font-size: 20px;
line-height: 1.6;
text-align: center;
}
.krcsl-feature-note {
background: #fff;
color: #000;
font-family: “CenturyGothic”, ‘Open Sans’, arial, sans-serif;
font-size: 12px;
line-height: 1.6;
text-align: left;
}
.krcsl-feature {
width: 100%;
max-width: 1200px;
padding: 20px 0 100px 0;
display: flex;
margin: 0 auto;
justify-content: center;
align-items: center;
}
.krcsl-feature:nth-of-type(2) .krcsl-img:nth-of-type(3),
.krcsl-feature:nth-of-type(2) .krcsl-img:nth-of-type(4),
.krcsl-feature:nth-of-type(6) .krcsl-img:nth-of-type(2) {
/* margin: 50px 0; */
}
#krcsl-feature img {
width: 100%;
/* max-width: 100%; */
}
#krcsl-feature img.auto {
width: auto;
}
#krcsl-feature .krcsl-img-xs {
display: none;
}
#krcsl-feature .krcsl-title {
font-size: 36px;
color: #000;
padding: 20px 25px 15px;
font-weight: bold;
}
#krcsl-feature .krcsl-title_s {
font-size: 20px;
color: #000;
padding: 10px;
font-weight: bold;
}
#krcsl-feature .nvp_b {
font-size: 23px;
font-weight: bold;
}
#krcsl-feature .nvp_b1 {
font-size: 36px;
font-weight: bold;
}
#krcsl-feature .nvp {
line-height: 1.2;
}
#krcsl-feature .krcsl-title-little {
font-size: 30px;
color: #000;
padding: 20px 25px 15px;
font-weight: bold;
line-height: 1.2;
}
#krcsl-feature .torx {
font-size: 36px;
color: #000;
padding: 0 25px 15px;
font-weight: bold;
}
#krcsl-feature .krcsl-title2 {
font-size: 45px;
color: #000;
padding: 20px 25px 15px;
font-weight: bold;
}
#krcsl-feature .krcsl-txt {
padding: 0px 25px 20px;
}
#krcsl-feature .note {
font-size: 16px;
color: #FF0000;
}
#krcsl-feature .krcsl-table {
padding: 10px 25px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#krcsl-feature .krcsl-tb {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
}
#krcsl-feature .krcsl-tb-title {
color: #000;
border-bottom: #000 1px solid;
font-size: 22px;
padding-bottom: 5px;
margin-bottom: 10px;
text-transform: uppercase;
}
/**Youtube RWD**/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 960px) {
#krcsl-feature .krcsl-table {
display: block;
}
#krcsl-feature .krcsl-tb {
margin: 15px auto;
}
}
#krcsl-feature .krcsl-img {
line-height: 0;
}
#krcsl-feature .icons {
display: flex;
justify-content: center;
align-items: center;
}
#krcsl-feature .icon {
width: 80px;
height: auto;
margin: 20px 40px 0;
}
#krcsl-feature img.hz {
width: 100px;
}
#krcsl-feature .modelName {
width: 600px;
}
.krcsl-box {
/* display: block; */
width: 33%;
padding: 0 10px;
box-sizing: border-box;
overflow: hidden;
flex-wrap: wrap;
}
#krcsl-feature .krcsl-feature .krcsl-flex {display: flex; justify-content: space-around;}
#krcsl-feature .krcsl-feature .krcsl-flex .flex-item {flex:0 0 49%; justify-content: space-around;}
#krcsl-feature .textleft{text-align: left;}
#krcsl-feature .textleft1{text-align: right;}
#krcsl-feature .item_top img {width: 80%;}
#krcsl-feature .blod_text_big {font-weight: bold; font-size: 50px; padding-right:10px;}
#krcsl-feature .p10{padding: 10px 0;}
#krcsl-feature .mtb20{margin: 25px 0;}
#krcsl-feature .mtb21{margin: 25px 50px;}
#krcsl-feature .mtb30{margin: 25px 30px 0 0;}
@media screen and ( max-width:768px) {
#krcsl-feature .krcsl-feature .krcsl-flex, #krcsl-feature .krcsl-feature {
flex-wrap: wrap;
flex-direction: column !important;
}
#krcsl-feature .krcsl-feature .krcsl-flex .flex-item {text-align: center;}
#krcsl-feature .blod_text_big {font-size:30px;}
.krcsl-box {
width: 100%;
padding: 0 5%;
}
}











Değerlendirmeler
Henüz değerlendirme yapılmadı.