html {scroll-behavior: smooth;}

body {
    margin: 0;
    /* margin-top: 8px; */
    /* margin-bottom: 8px; */
    font-family: 'Open Sans', sans-serif;
    padding-left: 180px;
    padding-right: 180px;
    background-color: rgb(204, 204, 204);
}

.topnav {
    overflow: hidden;
    background-color: rgb(250, 250, 250);
}

.topnav a {
    float: left;
    display: block;
    color: rgb(51, 51, 51);
    text-align: center;
    padding: 12px 16px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
}

.topnav a:hover, .topnav .current-subpage, .dropdown .current-dropdown-subpage, .dropdown:hover .dropbtn {color: rgb(255, 71, 71);}

.topnav .barsbtn {display: none;}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: rgb(51, 51, 51);
    padding: 12px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgb(250, 250, 250);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    margin-top: -2px;
}

.dropdown-content a {
    float: none;
    color: rgb(51, 51, 51);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 15px;
    font-weight: 100;
    border-bottom: 1px solid rgb(238, 238, 238);
    transition: 0.2s;
}

.dropdown:hover .dropdown-content {display: block;}

.dropdown-content a:hover {
    color: rgb(255, 71, 71);
    background-color: rgb(242, 242, 242);
    margin-left: 0px;
}

.dropdown-content a:not(:first-child):before {display: none;}

@media screen and (max-width: 725px) {
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
        margin-left: 1px;
    }
    .topnav a.barsbtn {
        float: right;
        display: block;
    }
    .dropdown:not(:first-child):before {display: none;}
}

@media screen and (max-width: 725px) {
    body {
        margin: 0;
        padding: 0;
    }
    .topnav.responsive {position: relative;}
    .topnav.responsive .barsbtn {
        position: absolute;
        right: 0;
        top: 0;
        color: rgb(255, 71, 71);
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
    }
    .topnav a:not(:first-child):before {display: none;}
    .images, video {
        width: 100%;
        background-size: contain;
    }
    #image-11,
    #image-13,
    #image-14,
    #image-16,
    #image-18,
    #image-20,
    #image-21,
    #image-22 {margin-top: 8px;}
    #image-12 {margin-top: 30px;}
    #image-15 {margin-top: 29px;}
    #image-17 {margin-top: 31px;}
    #image-19 {margin-top: 18px;}
    #banner-1,
    #banner-2,
    #banner-3 {
        float: right;
        width: 22%;
        margin-top: 28px;
        margin-left: 7px;
        margin-bottom: 20px;
    }
    .counterimg {
        float: right;
        margin-top: -153px;
    }
    footer {max-width: 225px;}
}

@media screen and (max-width: 1024px) {
    .copyright-text {
        text-align: center;
    }
    
    .design-and-developed-by {
        padding: 30px;
    }
}

.topnav a:not(:first-child):before {
    content: ' | ';
    margin-left: -19px;
    margin-right: 9px;
    vertical-align: 3%;
    color: rgb(204, 204, 204);
    font-weight: 400;
    cursor: default;
}

.dropdown:not(:first-child):before {
    content: ' | ';
    margin-left: -3px;
    margin-right: -8px;
    vertical-align: 1%;
    color: rgb(204, 204, 204);
    font-weight: 400;
    cursor: default;
}

main {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 11px;
    margin-top: -20px;
    background-color: white;
}

h2, h3 {
    margin-bottom: -14px;
    font-weight: 400;
    color: rgb(255, 71, 71);
}

li {font-weight: 100;}

h4 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
}

p {
    font-size: 17px;
    line-height: 25px;
    color: rgb(51, 51, 51);
}

.image-description {
    font-size: 12px;
    font-weight: 100;
    margin-top: -7px;
}

footer {padding-right: 118px;}

.prehladavat-podla-kategorie-all-popular,
.prehladavat-podla-kategorie-all-product,
.prehladavat-podla-kategorie-all-promotion,
.prehladavat-podla-kategorie-all-low-price,
.prehladavat-podla-kategorie-all-great-value,
.prehladavat-podla-kategorie-all-reviews,
.prehladavat-podla-kategorie-all-blog,
.prehladavat-podla-kategorie-seller-portal,
.prehladavat-podla-kategorie-all-black-friday,
.prehladavat-podla-kategorie-aliexpress-assistant {
    font-size: 14px;
    font-weight: 400;
    color: rgb(153, 153, 153);
    text-decoration: none;
}

.comma {
    font-size: 14px;
    font-weight: 400;
    color: rgb(153, 153, 153);
}

.prehladavat-podla-kategorie-all-popular:hover,
.prehladavat-podla-kategorie-all-product:hover,
.prehladavat-podla-kategorie-all-promotion:hover,
.prehladavat-podla-kategorie-all-low-price:hover,
.prehladavat-podla-kategorie-all-great-value:hover,
.prehladavat-podla-kategorie-all-reviews:hover,
.prehladavat-podla-kategorie-all-blog:hover,
.prehladavat-podla-kategorie-seller-portal:hover,
.prehladavat-podla-kategorie-all-black-friday:hover,
.prehladavat-podla-kategorie-aliexpress-assistant:hover {
    color: rgb(255, 153, 0);
}

.copyright-text {
    font-size: 13px;
    font-weight: 100;
    color: rgb(153, 153, 153);
    margin-top: 36px;
    margin-bottom: 1px;
}

.design-and-developed-by {
    float: right;
    font-size: 13px;
    font-weight: 100;
    color: rgb(153, 153, 153);
    margin-top: -26px;
    margin-bottom: 0px;
    text-align: center;
}

@media screen and (min-width: 725px) {
    #image-1,
    #image-2,
    #image-3 {width: 77%;}
    #image-4,
    #image-5,
    #image-6 {width: 60%;}
    #image-7 {width: 90%;}
    #image-8,
    #image-23 {width: 80%;}
    #image-9 {width: 60%;}
    #image-10 {width: 25%;}
    #image-11,
    #image-13,
    #image-14,
    #image-16,
    #image-18,
    #image-20,
    #image-21,
    #image-22 {
        width: 35%;
        margin-top: 8px;
    }
    #image-12 {
        width: 35%;
        margin-top: 30px;
    }
    #image-15 {
        width: 35%;
        margin-top: 29px;
    }
    #image-17 {
        width: 35%;
        margin-top: 31px;
    }
    #image-19 {
        width: 35%;
        margin-top: 18px;
    }
    #banner-1,
    #banner-2,
    #banner-3 {
        float: right;
        width: 22%;
        margin-top: 28px;
        margin-left: 7px;
        margin-bottom: 20px;
    }
    video {width: 77%;}
    .counterimg {
        float: right;
        margin-top: -88px;
    }
}

.horizontal-rule {
    border-bottom: 1.5px solid rgb(238, 238, 238);
    margin-top: 6px;
    margin-bottom: -8px;
}

.image-description-horizontal-rule {
    border-bottom: 1.5px solid rgb(238, 238, 238);
    margin-top: -11px;
    margin-bottom: -8px;
}

.design-and-developed-by-horizontal-rule {
    border-bottom: 1.5px solid rgb(238, 238, 238);
    margin-top: 42px;
    margin-bottom: -38px;
}

.nakupovat-btn {
    border-radius: 3px;
    background-color: rgb(255, 71, 71);
    border: none;
    color: white;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    width: 200px;
    cursor: pointer;
}

span {margin: 15px;}

strong {font-weight: 600;}

.nakupovat-btn span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    font-weight: 500;
}

.nakupovat-btn span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -15px;
    transition: 0.5s;
}

.nakupovat-btn:hover span {padding-right: 25px;}

.nakupovat-btn:hover span:after {
    opacity: 1;
    right: 0;
}

#scroll-to-top-btn-1,
#scroll-to-top-btn-2,
#scroll-to-top-btn-3,
#scroll-to-top-btn-4,
#scroll-to-top-btn-5,
#scroll-to-top-btn-6,
#scroll-to-top-btn-7,
#scroll-to-top-btn-8,
#scroll-to-top-btn-9,
#scroll-to-top-btn-10,
#scroll-to-top-btn-11,
#scroll-to-top-btn-12,
#scroll-to-top-btn-13,
#scroll-to-top-btn-14,
#scroll-to-top-btn-15,
#scroll-to-top-btn-16,
#scroll-to-top-btn-17,
#scroll-to-top-btn-18,
#scroll-to-top-btn-19,
#scroll-to-top-btn-20,
#scroll-to-top-btn-21,
#scroll-to-top-btn-22,
#scroll-to-top-btn-23,
#scroll-to-top-btn-24 {
    float: right;
    margin-top: 5px;
    color: white;
    border-radius: 3px;
    background-color: rgb(255, 71, 71);
    text-align: center;
    padding: 13px;
}

table {
    border-collapse: collapse;
    border-radius: 3px;
    box-shadow: 0 0 4px rgb(0, 0, 0, .25);
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    margin-top: 19px;
}

th {
    background-color: rgb(255, 71, 71);
    color: white;
    text-align: left;
    font-size: 15px;
}

th,
td {padding: 11px 15px;}

tr:nth-child(even) {background: rgb(242, 242, 242);}