/******************************/
/* LAPTOP */

@media (min-width: 1250px) and (max-width: 1500px){

    /******************************/ 
    /* RELIKT > 2 > DESC */

    .relikt-desc{
        width: 65vw;
        margin: auto;
    }

    .relikt-desc-left{
        width: 55%;
    }

    .relikt-desc-right {
        width: 40%;
    }

    /******************************/ 
    /* RELIKT > 3 > TABLE */

    .relikt-table{
        width: 50vw;
    }

    /* Relikt > 3 > Table > Tablica > 1 */

    .table-sastav-display .table-data-one{
        width: 40vw;
    }
    
    .table-sastav-display .table-data-two{
        width: 15vw;
    }

    table.table-hide tr td:last-child {
        width: 55vw;
        border-top: 0px;
        text-align: center;
      }

    /* Relikt > 3 > Table > Tablica > 2 */

    .table-potrosnja-display .table-data-one{
        width: 40vw;
    }
    
    .table-potrosnja-display .table-data-two{
        width: 15vw;
    }

    /******************************/ 
    /* RELIKT > 4 > MANUFACT */

    .relikt-manufact{
        width: 70vw;
    }

    .relikt-manufact-right{
        width: 55%;
    }

    .relikt-manufact-right h4{
        width: 100%;
    }

    .relikt-manufact-left{
        width: 40%;
    }


    /******************************/ 
    /* RELIKT > 5 > PACKAGING */

    .relikt-packaging{
        width: 50vw;
    }

    .relikt-packaging-content{
        justify-content: space-evenly;}

    .relikt-packaging-content img{
        width: 13%;
    }

    /******************************/ 
    /* RELIKT > 6 > IMPACT */

    .relikt-impact{
        max-width: 70vw;
    }

    .relikt-impact-left{
        width: 55%;
    }

    .relikt-impact-right{
        width: 40%;
    }

    /******************************/ 
    /* RELIKT > 7 > INGREDIENTS */

    .relikt-ingredients{
        width: 50vw;
    }

    .relikt-ingredients-content img{
        width: 20vw;
    }

    /******************************/ 
    /* RELIKT > 8 > ORGANIC */

    .relikt-organic{
        width: 70vw;
    }

    .relikt-organic-left{
        width: 40%;
    }

    .relikt-organic-right{
        width: 55%;
    }

    /******************************/ 
    /* RELIKT > 10 > COMPANY */

    .relikt-company{
        width: 50vw;
    }

    .relikt-company-content img{
        width: 30vw;
    }


    /******************************/ 
    /* RELIKT > 9 > DOCUMENTS */

    .relikt-documents{
        width: 70vw;
    }

    .document{
        width: 18%;
        margin: auto;
    }

    .document img{

        margin-top: 30px;
        margin-bottom: 30px;
    }



} 





@media (min-width: 990px) and (max-width: 1250px) 
{
    /******************************/ 
    /* RELIKT > 2 > DESC */

    .relikt-desc{
        width: 75vw;
        margin: auto;
    }

    .relikt-desc-left{
        width: 55%;
    }

    .relikt-desc-right {
        width: 40%;
    }

    /******************************/ 
    /* RELIKT > 3 > TABLE */

    .relikt-table{
        width: 55vw;
    }

    /* Relikt > 3 > Table > Tablica > 1 */

    .table-sastav-display .table-data-one{
        width: 40vw;
    }
    
    .table-sastav-display .table-data-two{
        width: 15vw;
    }

    table.table-hide tr td:last-child {
        width: 55vw;
        border-top: 0px;
        text-align: center;
      }

    /* Relikt > 3 > Table > Tablica > 2 */

    .table-potrosnja-display .table-data-one{
        width: 40vw;
    }
    
    .table-potrosnja-display .table-data-two{
        width: 15vw;
    }

    /******************************/ 
    /* RELIKT > 4 > MANUFACT */

    .relikt-manufact{
        width: 75vw;
    }

    .relikt-manufact-right{
        width: 55%;
    }

    .relikt-manufact-right h4{
        width: 100%;
    }

    .relikt-manufact-left{
        width: 40%;
    }


    /******************************/ 
    /* RELIKT > 5 > PACKAGING */

    .relikt-packaging{
        width: 55vw;
    }

    /******************************/ 
    /* RELIKT > 6 > IMPACT */

    .relikt-impact{
        max-width: 75vw;
    }

    .relikt-impact-left{
        width: 55%;
    }

    .relikt-impact-right{
        width: 40%;
    }

    /******************************/ 
    /* RELIKT > 7 > INGREDIENTS */

    .relikt-ingredients{
        width: 55vw;
    }

    .relikt-ingredients-content img{
        width: 20vw;
    }

    /******************************/ 
    /* RELIKT > 8 > ORGANIC */

    .relikt-organic{
        width: 75vw;
    }

    .relikt-organic-left{
        width: 40%;
    }

    .relikt-organic-right{
        width: 55%;
    }

    /******************************/ 
    /* RELIKT > 10 > COMPANY */

    .relikt-company{
        width: 55vw;
    }

    .relikt-company-content img{
        width: 30vw;
    }


    /******************************/ 
    /* RELIKT > 9 > DOCUMENTS */

    .relikt-documents{
        width: 75vw;
    }

    .document{
        width: 18%;
        margin: auto;
    }

    .document img{

        margin-top: 30px;
        margin-bottom: 30px;
    }



}
    

/******************************/
/* TABLET */

@media (min-width: 480px) and (max-width: 990px) 
{
    /******************************/ 
    /* RELIKT > 2 > DESC */

    .relikt-desc{
        width: 75vw;
        flex-direction: column-reverse;
    }

    .relikt-desc-right{
        width: 60%;
    }

    .relikt-desc-left{
        width: 90%;
        text-align: center;
    }

    .relikt-desc-left h3{
        margin: auto;
    }


    /******************************/ 
    /* RELIKT > 3 > TABLE */

    .relikt-table{
        width: 65vw;
    }

    /* Relikt > 3 > Table > Tablica > 1 */

    .table-sastav-display .table-data-one{
        width: 45vw;
    }
    
    .table-sastav-display .table-data-two{
        width: 20vw;
    }

    table.table-hide tr td:last-child {
        width: 65vw;
      }

    /* Relikt > 3 > Table > Tablica > 2 */

    .table-potrosnja-display .table-data-one{
        width: 45vw;
    }
    
    .table-potrosnja-display .table-data-two{
        width: 20vw;
    }

    /******************************/ 
    /* RELIKT > 4 > MANUFACT */

    .relikt-manufact{
        width: 75vw !important;
    }

    .relikt-manufact-left{
        width: 60%;
        margin: auto;
    }

    .relikt-manufact-right h4{
        margin: auto;
    }

    .relikt-manufact-right {
        width: 90%;
        text-align: center;

    }

    .relikt-manufact-left img{
        width: 100%;    
    }


    /******************************/ 
    /* RELIKT > 5 > PACKAGING */

    .relikt-packaging{
        width: 65vw;
    }

    /******************************/ 
    /* RELIKT > 6 > IMPACT */

    .relikt-impact{
        width: 75vw;
        max-width: 75vw;
        flex-direction: column-reverse;
    }

    .relikt-impact-left{
        width: 90%;
        text-align: center;
    }

    .relikt-impact-right{
        width: 60%;
    }

    .relikt-impact-left h4{
        margin: auto;
    }

    .relikt-impact-left h5{
        padding-top: 15px;
        margin: auto;
        text-align: center;
    }

    .relikt-impact-left-two{
        margin-top: 5px;
    }

    /******************************/ 
    /* RELIKT > 7 > INGREDIENTS */

    .relikt-ingredients{
        width: 65vw;
    }

    .relikt-ingredients-content img{
        width: 30vw;
    }

    /******************************/ 
    /* RELIKT > 8 > ORGANIC */

    .relikt-organic{
        width: 75vw;
        flex-direction: column;
    }

    .relikt-organic-left{
        width: 60%;
    }
    .relikt-organic-right{
        width: 90%;
        text-align: center;
    }

    .relikt-organic-right h4{
        margin: auto;
    }


    /******************************/ 
    /* RELIKT > 10 > COMPANY */

    .relikt-company{
        width: 65vw;
    }

    .relikt-company-content img{
        width: 40vw;
    }


    /******************************/ 
    /* RELIKT > 9 > DOCUMENTS */

    .relikt-documents{
        width: 75vw;
    }

    .relikt-documents

    .document{
        width: 40%;
        margin: auto;
    }

    .document img{
        margin-top: 30px;
        margin-bottom: 30px;
    }


}

/******************************/
/* MOBILE */

@media (max-width: 480px) 
{    
    /******************************/ 
    /* RELIKT > 2 > DESC */

    .relikt-desc{
        width: 80vw;
        flex-direction: column-reverse;
    }

    .relikt-desc-right{
        width: 75%;
    }

    .relikt-desc-left{
        width: 100%;
        text-align: center;
    }

    .relikt-desc-left h3{
        width: 100%;
        margin: auto;
    }


    /******************************/ 
    /* RELIKT > 3 > TABLE */

    .relikt-table{
        width: 80vw;
    }

    /* Relikt > 3 > Table > Tablica > 1 */

    .table-sastav-display .table-data-one{
        width: 60vw;
    }
    
    .table-sastav-display .table-data-two{
        width: 30vw;
    }

    .relikt-table-bttn{
        margin-bottom: 30px;}

    th{
        font-size: 14px;
    }

    tr{
        font-size: 14px;
    }

    /* Relikt > 3 > Table > Tablica > 2 */

    .table-potrosnja-display .table-data-one{
        width: 60vw;
    }
    
    .table-potrosnja-display .table-data-two{
        width: 30vw;
    }

    table.table-hide tr td:last-child {
        width: 90vw;
      }


      
    @media (max-width: 340px) 
    {

        .relikt-table-bttn{
            font-size: 14px;
        }
            
        button{
            font-size: 0.8em !important;
        }
        
    }

    /******************************/ 
    /* RELIKT > 4 > MANUFACT */

    .relikt-manufact{
        width: 80vw !important;
    }

    .relikt-manufact-right{
        width: 100%;
        text-align: center;
    }

    .relikt-manufact-right h4{
        width: 100%;
        margin: auto;
    }

    .relikt-manufact-left {
        width: 75%;
        margin: auto;
    }

    .relikt-manufact-left img{
        width: 100%;    
    }

    /******************************/ 
    /* RELIKT > 5 > PACKAGING */

    .relikt-packaging{
        width: 80vw;
    }

    .relikt-packaging-content h4{
        margin: auto;
        text-align: center;
    }

    .contact-ecopest-field{
        margin-top: 7px;}

        
    @media (max-width: 321px) 
    {

        .relikt-packaging-bttn{
            font-size: 14px;
        }}

    /******************************/ 
    /* RELIKT > 6 > IMPACT */

    .relikt-impact{
        max-width: 80vw;
        width: 80vw;
        flex-direction: column-reverse;
    }

    .relikt-impact-left{
        width: 100%;
        text-align: center;
    }

    .relikt-impact-right{
        width: 75%;
    }

    .relikt-impact-left h4{
        width: 100%;
        margin: auto;
    }

    .relikt-impact-left h5{
        padding-top: 15px;
        margin: auto;
        text-align: center;
    }

    .relikt-impact-left-two{
        margin-top: 5px;
    }

    /******************************/ 
    /* RELIKT > 7 > INGREDIENTS */

    .relikt-ingredients{
        width: 80vw;
    }

    .relikt-ingredients-content img{
        width: 40vw !important;
    }

    @media (max-width: 321px) 
    {

        .relikt-ingredients-buttons{
            font-size: 14px;
        }}

    /******************************/ 
    /* RELIKT > 8 > ORGANIC */

    .relikt-organic{
        width: 80vw;
        flex-direction: column;
    }

    .relikt-organic-left{
        width: 75%;
        text-align: center;
    }

    .relikt-organic-right{
        width: 100%;
        text-align: center;
    }

    .relikt-organic-right h4{
        width: 100%;
        margin: auto;
    }



    /******************************/ 
    /* RELIKT > 10 > COMPANY */

    .relikt-company{
        width: 80vw;
    }

    .relikt-company-content img{
        width: 40vw;
    }

    @media (max-width: 321px) 
    {

        .relikt-company-buttons{
            font-size: 14px;
        }}



    /******************************/ 
    /* RELIKT > 9 > DOCUMENTS */

    .relikt-documents{
        width: 65vw;
    }

    .document{
        width: 100%;
        margin: auto;
    }


    .document img{
        margin-top: 30px;
        margin-bottom: 30px;
    }

}