@media (min-width: 768px) {}

@media (max-width: 500px) {
    .login .content {
        width: 90%;
    }
    .checkout-page-content .checkout-row label {
        width: 43%;
    }
}

@media (max-width: 348px) {

    .roof__wishlist,
    .roof__share {
        top: 302px !important;
    }
    .sistem-prime {
        margin-top: 114px !important;
    }
    .assab {
        height: 63px !important;
        font-size: 10px !important;
    }
    .table-container th, td {
        padding: 6px !important;
    }
    .breadcrumb > li {
        font-size: 11px;
    }
}
    

@media (max-width: 415px) {
    .qty-row .cart-product-total {
        margin-top: 13px;
    }
    .qty-row {
        display: block;
    }
    .promo-field label {
        width: 120% !important;
    }

}

@media (max-width: 768px) {
    .slider-inner {
        margin-top: -80px !important;
        margin-bottom: -80px;
    }

    .product_carousel .carousel-container {
        margin-left: 35px;
    }

    .cart-top {
        padding: 0 2rem 0rem 2rem;
    }

    #cart-notification .cart-product-attr-group {
        padding: 0;
    }

    #cart-notification .cart-attr-title {
        width: 24%;
    }

    .inputpop {
        margin-bottom: 20px;
    }
    #slidetop{
        display: none !important;
    }
}
@media (max-width: 543px) {
    .product-container {
        padding: 10px !important;
        
    }
    .table-container img {
        width: 60px;
    }
    .table-container th, td {
        padding: 10px;
        font-size: 10px !important;
    }
    .element12 {
        bottom: 348px !important;
    }
    .contact__pfirst p span, .text-right p a, .contact__pfirst p {
        font-size: 10px !important;
    }
}
@media (max-width: 550px) {
    .slider-inner {
        margin-top: -43px !important;
    }
}

@media (min-width: 992px) {
    .mobile-logo {
        display: none;
    }

    .desktop-logo {
        display: block !important;
    }

    .sistem-w-img {
        display: none;
    }
    .cod__camp_alx_1{
        display: none !important;
      }
}

@media (max-width: 991px) {
    .desktop-logo {
        display: none;
    }

    .mobile-logo {
        display: inline-block !important;
    }

    .header-height {
        padding: 0 !important;
    }

    .ishislider .owl-carousel .owl-nav .owl-prev.ishi-style-nav5,
    .ishislider .owl-carousel .owl-nav .owl-next.ishi-style-nav5 {
        left: 101px;
    }

    .roof__wishlist,
    .roof__share {
        top: 260px;
    }

    .product-right {
        padding-left: 15px;
    }

    .btn__datasheet_dw {
        bottom: -42px !important;
        z-index: 9998;
    }

    .sistem-w-img {
        max-width: 100%;
        height: auto;
        margin-top: 20px;
        z-index: 999;
        position: relative;
        margin-left: 15px;
        margin-right: 15px;
    }
    .element12 {
        justify-content: flex-start;
        bottom: 315px;
        position: relative;
    }
    .sistem-prime {
        margin-top: 65px;
    }
    .sistem-prime p {
        font-size: 12px;
        margin-top: 13px;
        max-width: 100%;
        display: block;
        margin-left: 1rem;
    }
    .description-assab {
        padding-left: 2rem;
        margin-left: 2rem;
        line-height: 19px;
    }
    .assab{
        height: 80px;
        padding-left: 2rem;
        font-size: 12px;
        margin-top: 18px;
    }
    .assab img {
        max-width: 73px;
    }
    
    .other .header-top .container {
        padding: 0 15px;
    }
    #sync2 {
        margin-bottom: 30px !important;
    }
    .cod__camp_alx_1{
        display: block;
    }
    .cod__camp_alx_2{
      display: none;
    }
    .order-history .cart-item .cart-product-attr-group {
      width: 100%;
    }
    .cart-attr-val {
        text-align: right;
    }
    .order-history .cart-item .cart-bottom {
        padding-right: 0;
    }
    .my_btn_promo {
        margin-top: 2rem;
      }
   
    

}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

@media (max-width: 1500px) {
    .slider-inner {
        margin-top: 50px;
    }
}

@media (max-width: 768px) {
    .timeline::after {
        left: 25px;
    }

    .date-con {
        right: auto;
    }

    .timeline .left__about .date-con {
        border-right: 2px solid #28A73F;
        border-left: none;

    }

    .container__about {
        width: 100%;
        padding-left: 40px;
        padding-right: 10px;
    }

    .container__about.right__about {
        left: 0%;
    }

    .container__about.left__about::after,
    .container__about.right__about::after {
        left: 21px;
    }

    .container__about__about.left__about::before,
    .container__about.right__about::before {
        left: 100px;
        border-color: transparent #006E51 transparent transparent;
    }

    .container__about.left__about .content__about,
    .container__about.right__about .content__about__about {
        display: table-footer-group;
        bottom: -59px;
    }

    .left__about .date-con svg {
        transform: scaleX(-1);
    }

    .container__about.right__about .content__about {
        padding-top: 112px;
        padding-left: 0;
    }

    .container__about .content__about p {
        font-size: 14px;
        line-height: 21px;
    }

    .order-history .date {
        width: 30%;
        font-size: 14px;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .order-history .total {
        display: none;
    }

    .order-history .button {
        width: 17%;
    }

    .order-history .products {
        display: none;
    }

    .table-responsive {
        border: 1px solid #202020;
    }

    .promo-field label {
        width: 100%;
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ishislider .owl-carousel .owl-dots {
        display: none !important;
    }

    .login .content .forget-form,
    .login .content .login-form,
    .login .content .register-form,
    .login .content .forget-form {
        padding: 0px 7px;
    }

    .sistem-w {
        width: auto;
        height: auto;
        font-size: 14px;
        line-height: 22px;
        padding-left: 2rem;
        padding-top: 10px;
    }

    .logo-w,
    .logo-ws {
        font-size: 14px;
    }
    .block__products_all {
        max-width: 568px !important;
    }
    .product-thumb .product-description {
        height: 80px;
    }
    .product-thumb .price {
        margin-top: 0px;
    }
}

@media (max-width: 992px) {
    .line___roof_vertical_about {
        height: calc(100% - 40px);
    }

    .header-text-about p {
        font-size: 16px;
        line-height: 21px;
        padding-right: 24px;
    }

    .partial__title_about {
        font-size: 14px !important;
        line-height: 21px !important;
        width: 320px !important;
    }

    .feature-block {
        margin-bottom: 40px;
    }

    #footer.other-footer {
        margin-top: 0 !important;
    }

    .map__content_about {
        margin-top: -10px;
        margin-bottom: 40px;
    }

    .no-margin-bottom {
        margin-bottom: 0 !important;
    }

    .contact__block_col {
        padding-right: 0 !important;
    }

    .right_tel__contact {
        display: block;
        margin: 0;
    }

    .contact__pfirst,
    .text-right {
        width: 100%;
        margin-left: 0px;
    }

    .text-right {
        padding: 23px 10px 13px 20px;
    }

    .contact__pfirst {
        display: flex;
        padding: 7px 10px 0px 20px;
    }

    .contact__pfirst p {
        line-height: 21px;
    }

    .contact__pfirst img,
    .text-right p svg {
        display: none;
    }

    .contact__pfirst p span,
    .text-right p a,
    .contact__pfirst p {
        font-size: 12px;
    }

    .list-group a {
        padding: 0;
    }

    .line___roof_vertical_hide {
        display: none;
    }

    .sec__block_contact {
        border-left: 5px solid #28A73F;
    }

    .text-right p {
        margin-bottom: 18px;
    }

    .text-right::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: linear-gradient(to right, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 1) 50%, rgba(32, 32, 32, 0) 100%);
    }

    .contact__pfirst a svg {
        right: 10px;
        position: absolute;
        top: 18px;
    }

    .text-right a svg {
        right: 10px;
        position: absolute;
        top: 26px
    }

    .top_menu_slide {
        display: inline-grid;
        margin: 14px 10px 0px 20px;
    }

    .top_menu_slide a {
        color: #939393;
        margin-bottom: 10px;
        font-size: 14px;
        padding-left: 15px;
        font-weight: 500;
    }

    .top_menu_slide .dropdown-item:first-child {
        margin-top: 20px;
    }

    .top_menu_slide .dropdown-item:last-child {
        margin-bottom: 20px;
    }

    .top_menu_slide .dropdown-item.active {
        border-left: 2px solid #28A73F;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
    }

    .user-link-slide {
        margin: 21px 10px 20px 34px;
        list-style-type: none;
        display: list-item;
    }

    .user-link-slide li a {
        margin-bottom: 10px;
        margin-left: 10px;
        display: ruby;
        color: #939393;
    }

    .user-link-slide li {
        margin-bottom: 10px;

    }

    .info-menu-slide .info {
        margin-left: 20px;
        border-left: 2px solid #28A73F;
        padding-left: 12px;
        display: grid;
        margin-bottom: 20px;
    }

    .info-menu-slide .bb a {
        line-height: 21px;
        font-size: 12px;
    }

    .info ul li {
        font-size: 12px;
        margin-bottom: 4px;
    }

    .info,
    .info a {
        font-size: 12px;
        line-height: 19px;
    }

    .lista li img {
        margin-right: 7px;
        width: 12px;
    }

    .info-img-slide {
        justify-content: center;
        display: flex;
        padding: 25px 0px;
        border-image: linear-gradient(to right, transparent, #403c3c, transparent) 1 stretch;
        border-bottom: 1px solid transparent;
    }

    .info-menu-slide .footer-aftertext {
        text-align: center;
        margin: 0;

    }

    .info-padd-border {
        padding-top: 22px;
        border-top: 1px solid transparent;
        border-image: linear-gradient(to right, transparent, #403c3c, transparent) 1 stretch;
        padding-bottom: 4px;
        border-bottom: 1px solid transparent;
    }

    #footer {
        margin-top: 16px;
    }

    #footer .block-social ul li {
        margin: 4px !important;
    }

    #menu-icon .nav-icon {
        width: 40px;
        height: 40px;
        top: -5px;
        position: absolute;
        left: 10px;
    }

    .cart-title>a {
        font-size: 15px;
    }

    .cart-container .cart-attr-val {
        margin-left: 35px;
        font-size: 12px;
    }

    .checkout-page-content .checkout-row {
        display: flow-root;
    }

    .checkout-page-content .checkout-field {
        width: 100%;
    }

    .checkout-page-content .checkout-field {
        margin: 1rem 0rem;
    }

    .checkout-page-content {
        margin-top: 14px;
    }

    .checkout-page-content .checkout-field {
        height: 40px;

    }

    .checkout-page-content .checkout-row label {
        line-height: 27px;
        height: 27px;
    }

    .checkout-page-content .checkout-field input,
    select {
        height: 27px;
        font-size: 14px;
    }

    .buttons {
        display: none !important;
    }

    .buttons-mobile-none {
        display: block !important;
        margin-bottom: 40px;
    }

    .checkout-page-content .buttons-mobile-roof .radio,
    .checkout-page-content .payment_method .radio {
        right: 3rem;
    }

    .checkout-page-content .buttons-mobile-roof,
    .checkout-page-content .payment_method {
        padding: 0rem 1rem;
    }

    .checkout-page-content .roof_text,
    .checkout-page-content .payment_text {
        height: 40px;
    }

    .back-to-cart {
        display: none;
    }

    .checkout-page-content .group-label {
        padding: 0 1rem;
    }

    #tab_delivery .checkout-row .checkout-field select {
        font-size: 14px;
        height: 27px;
        padding: 0px 12px;
    }

    .line___roof_vertical_map {
        width: 3px;
    }

    .checkout-page-content .checkout-map {
        margin-bottom: 10px;
    }

    .payment_message {
        margin-bottom: 0px;
        margin-top: 13px;
        margin-left: 0;
        font-size: 12px;
    }

    .totals-container {
        display: block;
        color: white;
        font-size: 14px;
        line-height: 3rem;
        width: 100%;
        margin: 10rem auto 3rem;
    }

    .totals-row {
        padding: 0.5rem 0;
    }

    .my_btn {
        width: 100%;
    }

    .totals-row-label {
        font-size: 16px;
        font-weight: bold;
    }

    .hide-mobile {
        display: none;
    }

    .checkout-page-content .address {
        margin: 1rem 0rem 1rem 0;
    }

    .checkout-page-content .address-text {
        margin-left: 0;
        justify-content: space-between;
    }

    .contact,
    .icon-hide {
        display: none !important;
    }

    .checkout-page-content .address-text .text-main {
        width: calc(100% - 80px);
        font-size: 12px;
        margin-left: 0rem;
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        align-items: flex-start;
        justify-content: center;
        background-color: #151515 !important;
        background: linear-gradient(196.64deg, rgba(92, 65, 65, 0.075) 11.5%, rgba(255, 255, 255, 0.015) 70.65%);
        border: 1px solid #202020;
        padding-left: 3rem;
    }

    .checkout-page-content .address-text .icon {
        width: 70px;
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        align-items: center;
        justify-content: center;
        background-color: #151515 !important;
        background: linear-gradient(196.64deg, rgba(92, 65, 65, 0.075) 11.5%, rgba(255, 255, 255, 0.015) 70.65%);
        border: 1px solid #202020;
    }

    .checkout-page-content .address-text {
        background-color: transparent;
        background: linear-gradient(196.64deg, rgba(92, 65, 65, 0) 11.5%, rgba(255, 255, 255, 0) 70.65%);
        border: none;
    }

    .checkout-page-content .radio:has(input:checked)~.address-text {
        border-left: 5px solid #28a73f;
    }

    .account-page-content {
        display: list-item;
        width: 100%;
    }

    .account-menu {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 206px;
        border-right: none;
        border-bottom: 1px solid #262626;
        margin-bottom: 30px;
    }

    .account-page .page-title {
        padding-left: 0;
    }

    .account-menu a {
        font-size: 14px;
    }

    .account-content.order-history {
        padding-left: 1.5%;
        padding-right: 1.5%;
    }

    .order-history .cart-right {
        width: 100%;
    }

    .order-history .cart-item {
        flex-direction: row;
    }

    .order-history .single-order {
        height: 50px;
    }

    .account-content.order-history,
    .account-content.order-transaction,
    .account-content.wishlist,
    .account-content.promo {
        padding-left: 0;
    }

    .account-content.promo {
        display: block;
    }
    .table-container {
        margin-top: 30px;
        font-size: 12px;
    }
    .table-container th, td {
        padding: 15px;
    }
    .table-container td svg {
        width: 80%;
    }
    .text-instal{
          font-size: 12px;
          line-height: 18px;
          border-left: 0;
          padding-left: 0;
      }
      .sistem-text-ce{
        text-align: center;
        justify-content: center;
      }
      .table-container-second img,
      .container-elements-ins2 img{
        width: 100%;
    }
    .cart-title {
        line-height: 1.5rem;
    }



}

@media (min-width: 1200px) {
    #information-information {
        max-width: 1200px !important;
    }

    #product-product {
        max-width: 1290px !important
        
    }
    #content{
        padding-right: 0 !important;
        padding-left:  0 !important;
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .product-thumb .button-group {
        top: 22px !important;
    }
    .product-image .carousel-container {
        margin: 0 auto;
        position: relative;
    }
    .variation-slider {
        padding: 0px 100px;
        margin-bottom: 25px;
    }
}
@media (min-width: 991px) and (max-width: 1200px) {
    .feature-block p {
        margin-top: 14px;
        font-size: 12px;
    }

    .contact__pfirst {
        top: 3px;
        margin-left: 10px;
    }

    .line___roof_vertical {
        top: 50px;
    }

    .promo-field label {
        width: 43%;
    }

    .sis-line img {
        top: 15px;
        right: 12px;
        position: absolute;
        max-width: 565px;
    }

    .element12 {
        margin-right: -137px;
    }
    .description-assab {
        padding-left: 3rem;
        margin-left: 3rem;
    }
    .block__products_all {
        max-width: 995px !important;
    }
    .product-thumb .button-group {
        bottom: 395px;
    }
    .bridge__info_down {
        top: 250px;
    }
    .price__block {
        padding: 10px 25px;
    }
    .product-image {
        height: 577px;
    }
    .image-v {
        height: calc(110px* 4);
    }
    .image-variant-item-group {
        width: 22%;
    }
    .product-left .thumbnail img {
        margin-top: 115px;
    }
    .product_carousel {
        margin-bottom: 25px;
    }
    .quantity-controls #button-cart {
        right: -55px;
    }
}

@media (max-width: 1200px) {
    .feature-block p {
        margin-top: 15px;
    }

    .line___roof_vertical_about {
        height: 140px;
        top: 180px;
    }

    .product-left .thumbnail {
        width: 100%;
        display: contents;
    }

    .product-left-title {
        margin-bottom: 0;
    }

    .order-history .date {
        width: 40%;
    }

    .order-history .products {
        width: 56%;
        padding-left: 1rem;
        overflow-y: hidden;
        overflow-x: hidden;
        transform: translateX(0);
        transition: transform 0.5s ease;
    }

    .order-history .total {
        width: 18%;
        padding-bottom: 0.5rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .order-history .order-details {
        padding-left: 0;
    }

    #_desktop_top_menu {
        left: 40px;
    }

    #top-menu>li {
        margin-left: 25px;
    }

    .language-selector {
        margin: 15px 0;
    }

    .owl-prev,
    .owl-next {
        display: none !important;
    }

}