@charset "utf-8";
/* CSS Document */

@media (max-width:299.99px){

body {


}
p {
    font-size: large;

}

.btn  {
    padding-right: 13px;
    background-color: #5CFC55;
    border-radius: 7px;
    padding-left: 13px;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    clear: both;
    margin-top: 3%;
    display: inline-block;
    border: 1px solid #000000;
    font-size: 2rem;
    margin-bottom: 7px;
}
.box-top {
    text-align: center;
    float: none;
}
.box-top .top-left {
    width: 12%;
    float: left;
    margin-left: 5%;
    margin-top: 3%;
}
.box-top .top-left img {
    width: 100%;
}

.box-top .top-right {
    width: 12%;
    float: right;
    margin-right: 5%;
    margin-top: 3%;
}

.box-top .top-right img {
    width: 100%;
}
.box-clear {
    clear: both;
    float: none;
    text-align: center;
    width: 69%;
    min-width: 255px;
    margin-left: auto;
    margin-right: auto;
    height: 13px;
    margin-bottom: 2%;
    border-bottom: 1px solid #C0C0C0;
    padding-top: 28px;
}
.row-1 {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 1199px;
    width: 100%;


}
.box-card-left  {
	margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 2%;
    float: none;
    width: 95%;
}
.box-card-right  {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center;
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 5%;
    float: none;
    width: 95%;
}
.card {
    width: 99%;
}
.card img {
    width: 100%;
    max-width: 400px;
}


.price-sale {
    border: 5px solid #45A219;
    background-color: rgba(217,249,221,0.29);

}
.price-norm {
    background-color: rgba(255,233,234,0.51);
    border: 5px solid #CB070A;
}


.row-2 {
    text-align: center;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    border: 1px dashed #F80000;
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 2%;
    padding-bottom: 6%;
    background-color: rgba(252,236,223,0.34);
    float: none;
    width: 70%;
}
.pss  {
    font-size: 26px;
    text-align: left;
}













}





@media (min-width:300px){

body {


}
p {
    font-size: large;

}

.btn  {
    padding-right: 2%;
    background-color: #5CFC55;
    border-radius: 7px;
    padding-left: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    text-decoration: none;
    clear: both;
    margin-top: 3%;
    display: inline-block;
    border: 1px solid #000000;
    font-size: 303%;
    margin-bottom: 3%;
}
.box-top {
    text-align: center;
    float: none;
}
.box-top .top-left {
    width: 12%;
    float: left;
    margin-left: 5%;
    margin-top: 3%;
}
.box-top .top-left img {
    width: 100%;
}

.box-top .top-right {
    width: 12%;
    float: right;
    margin-right: 5%;
    margin-top: 3%;
}

.box-top .top-right img {
    width: 100%;
}
.box-clear {
    clear: both;
    float: none;
    text-align: center;
    width: 69%;
    min-width: 255px;
    margin-left: auto;
    margin-right: auto;
    height: 13px;
    margin-bottom: 2%;
    border-bottom: 1px solid #C0C0C0;
    padding-top: 28px;
}
.row-1 {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;

}
.box-card-left  {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 2%;
    float: none;
    width: 96%;
}
.box-card-right  {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center;
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 5%;
    float: none;
    width: 95%;
}
.card {
    width: 99%;
}
.card img {
    width: 100%;
    max-width: 400px;
    margin-top: 3%;
    margin-bottom: 5%;
}


.price-sale {
    border: 5px solid #45A219;
    background-color: rgba(217,249,221,0.29);

}
.price-norm {
    background-color: rgba(255,255,255,1.00);

}


.row-2 {
    text-align: center;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    border: 1px dashed #F80000;
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 2%;
    padding-bottom: 6%;
    background-color: rgba(252,236,223,0.34);
    float: none;
    width: 70%;
}
.row-2 p.pss  {
    text-align: left;
    font-size: 16px;
}
.back-dll-01 {
    background-color: rgba(255,255,255,1.00);
    padding-left: 0px;
    padding-right: 0px;
}
.back-01 {
    background-color: rgba(228,235,244,0.79);
    padding-top: 5%;
    padding-bottom: 5%;
}
.img-down {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}
.card-img-down {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

















}

@media (min-width:1200px){
.box-card-left {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    padding-top: 3%;
    padding-left: 2%;
    padding-right: 2%;
    float: none;
    width: 96%;
}
.img-down {
    width: 30%;
}



/*.box-card-left  {
    max-width: 440px;
    float: left;
    clear: left;

}
.box-card-right  {
    max-width: 440px;
    clear: right;
    float: right;

}*/
	
}

@media (min-width:300px){
/*Размер текста*/
.card-title  {
    font-size: clamp(3em, 2.5cqw + 0.5em, 10em);
    font-weight: 600;
}
.card-text {
    font-size: clamp(0.5rem, 2.5cqw + 0.5rem, 2.5rem);
}
.text-price {
    font-size: clamp(2em, 2.5cqw + 1rem, 5em);
}
.text-dll {
    color: rgba(16,8,126,1.00);
    font-weight: 600;
    border: 1px dashed rgba(129,179,195,1.00);
    padding-top: 2%;
    padding-right: 3%;
    padding-left: 1%;
    padding-bottom: 4%;
}


	
	
}

@media (min-width:1200px){
/* Размер текста */
.card-title  {
    font-size: 3em;
}
.card-text {
    font-size: 1.5rem;
}
.text-price {
    font-size: 2rem;
}	


	
}