@media screen and (min-height:750px) {

    .Slogan {
        top: 15%;
    }
}

@media screen and (max-width:1540px) {

    .Slogan {
        top: 12%;
    }
}

@media screen and (max-width:1450px) {

    .Slogan {
        top: 8%;
    }
}

@media screen and (max-width:1270px) {

    .Slogan {
        top: 5%;
    }

        .Slogan .Txt1 {
            font-size: 40px;
            line-height: 50px;
            max-width: 720px;
        }

        .Slogan .Txt2 {
            margin-top: 20px;
            font-size: 20px;
            font-weight: 100;
            line-height: 35px;
            letter-spacing: 0px;
            color: #fff;
        }

    .BtVisit {
        margin-top: 20px;
    }
}
@media screen and (max-width:1200px) {

    

    .BodyBack{
        background-image:none;
        background-color:#f1d121;
    }

    .BodyBack2{
        background-image:none;
        background-color:#a9cdc3;
    }

    .Section15 {
        background-image:none;
        background-color:#f1d121;
    }

    .Section14 {
        background-image:none;
        background-color:#a9cdc3;
    }

    .C9 {
        height:0px;
        background-image: none;
    }

    .C6 {
        padding-left:30px;
        padding-right:30px;
    }

    .C10 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .C7 {
        padding-top: 100px;
        padding-bottom: 100px;
        padding-left:30px;
        padding-right:30px;
    }

    .C55 {
        padding-top: 150px;
        position: relative;
        padding-left:30px;
        padding-right:30px;
    }

    .Section10 {
        background-color: transparent;
        background-position: center bottom;
        background-size:cover;
    }

    .C3{
        padding-left:30px;
        padding-right:30px;
    }

    .C4{
        padding-left:30px;
        padding-right:30px;
    }

    .Brand {
        width: 46%;
        display: table;
    }

    .About .Images {
        display:none;
    }

    .About .Txts {
        width: 62%;
        float: left;
        padding: 55px;
        padding-bottom: 0px;
        position: relative;
        top: 0px;
    }

    .C5{
        padding-left:30px;
        padding-right:30px;
    }

    .Model5 {
        background-image:none;
        background-color:#fff;
    }
}

@media screen and (max-width: 1000px) {

    .Section16 {
        background-image: none;
    }

    .fristNew {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .rAreaNewsModel4 {
        margin-bottom: 0px;
    }

        .rAreaNewsModel4 .Txts {
            display: table;
            padding-left: 30px;
            padding-right: 30px;
            transform: translateY(-50%);
        }

            .rAreaNewsModel4 .Txts h1 {
                font-size: 30px;
                line-height: 35px;
            }

    .rAreaNewsModel4Detail {
        margin-bottom: 0px;
    }

        .rAreaNewsModel4Detail .Txts {
            display: table;
            padding-left: 30px;
            padding-right: 30px;
            padding-top: 60px;
            padding-bottom: 60px;
            transform: none;
        }

            .rAreaNewsModel4Detail .Txts h1 {
                font-size: 30px;
                line-height: 35px;
            }

    .BtVisit {
        left: 60px;
    }

    .Products .Product .Item {
        width: 100% !important;
        padding-left: 20px;
        padding-right: 20px;
        float: none;
        clear:both;
    }

    .Section8 {
        padding-bottom: 100px;
    }

   .C5{
        max-width:100%;
    }

    .About .Txts {
       padding-left: 30px;
        padding-right: 30px;
    }

    .Model4 .Txts h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .Model5 .Txts {
        padding-left: 40px;
        padding-right: 40px;
    }

    .About .Txt2 {
        font-size: 30px;
        line-height: 38px;
    }

    .Model5 .Txts h1 {
        font-size: 30px;
        line-height: 38px;
    }

    .News .Txts h1 {
        font-size: 30px;
        line-height: 38px;
    }

    .Numbers .Txt2 {
        font-size: 30px;
        line-height: 38px;
    }

    .ImagesSlide .Txt1 {
        padding-left:30px;
    }

    .ImagesSlide .Bts {
        margin-right:30px;
    }

}

@media screen and (max-width: 850px) {

    .LinkConditions {
        width: 100%;
        display: table;
        margin-top: 0px;
        margin-bottom:30px;
    }

    .Condicions .Txts {
        padding-bottom: 50px;
    }

    .Condicions {
        width: 100%;
        display: table;
    }

    .Azeitona2 {
       display: none;
    }

    .Malagueta2 {
        display: none;
    }

    .AboutUsPoupup .Txt1 {
        font-size: 30px;
        line-height: 40px;
    }

    .AboutUsArea {
        padding: 25px;
    }

    .Numbers .Active {
        width:2px;
        right:-2px;
    }

    .Lateral {
        width: 100%;
        right:-100%;
    }
    .C4{
        padding-left:0px;
        padding-right:0px;
    }
    .Slogan {
        top: 12%;
    }

    .Section1 {
        
    }

    .Slogan .Bts {
        margin-bottom: 10px;
    }

    .Slogan .Txt1 {
        font-size: 34px;
        line-height: 44px;
        max-width: 720px;
        padding-left:30px;
        padding-right:30px;
    }

    /*.Slogan .Txt2 {
        display:none;
    }*/

    .Slogan .Txt2 {
        margin-top: 0px;
        font-size: 16px;
        line-height: 26px;
        padding:20px;
        padding-top:10px;
    }

    .Pescador {
        top: 0px;
    }

    .Brands .Fl {
        float: none;
        clear:both;
    }
    .Brands .Fr {
        float: none;
        clear:both;
    }
    .Brand {
        width:100%;
        margin-top:100px;
    }

    .About .Video {
        display:table;
        width: auto;
        height:400px;
        float: none;
        clear:both;
        margin:auto;
    }

    .About .Video img {
        width: 100%;
        height:auto;
    }

    .About .Video .Play {
        top: 50%;
        transform: translateY(-50%);
    }

    .About .Txts {
        width: 100%;
        float: none;
        clear:both;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom:100px;
    }

    .About .Txt1 {
        text-align:center;
    }

    .About .Txt2 {
        text-align:center;
    }

    .About .Txt3 {
        text-align:center;
    }

    .About .Bt {
        margin-left:auto;
        margin-right:auto;
    }

    .Numbers .Bts {
        width: 100%;
        float: none;
        clear:none;
        margin-bottom:50px;
        display:table;
    }

    .Numbers .Bt1 {
        float:left;
    }

    .Numbers .Bt2 {
        float:left;
        border-top: 1px solid #D1D2D3;
        border-left:none;
    }

    .Numbers .Bt3 {
        float:left;
        border-top: 1px solid #D1D2D3;
        border-left:none;
    }

    .NumbersData {
        width: 100%;
    }

    .Numbers .Txts {
        width: 100%;
        float: none;
        clear:none;
        padding: 0px;
        margin-bottom:50px;
    }

    .Numbers .Graphic {
        width: 100%;
        float: none;
        clear:none;
    }

    .Model4 {
        margin-top: 260px;
    }

    .Model4 .Right {
        display:table;
        float: none;
        clear:none;
        width: 100%;
    }

    .Model4 .Left {
        float: none;
        clear:none;
        width: 100%;
        display:table;
        margin-bottom:50px;
    }

    .Model4 .Txts {
        padding-left: 30px;
        padding-right: 30px;
    }

    .Model5 .Txts {
        padding-left: 30px;
        padding-right: 30px;
    }

    .Model5 .Right {
        float: none;
        clear:none;
        width: 100%;
        padding-bottom:50px;
    }

    .Model5 .Left {
        float: none;
        clear:none;
        width: 100%;
    }

    .Contacts .Left {
        float: none;
        clear:none;
        width: 100%;
    }

    .Contacts .Txt4 {
        width: 50%;
    }

    .Contacts .Txt5 {
       padding-left:20px;
    }

    .Contacts .Right {
        float: none;
        clear:none;
        width: 100%;
    }


    .Footer {
        display: table;
        width: 100%;
        padding: 15px;
        padding-left:30px;
        padding-right:30px;
    }

    .Footer .Left {
        float: none;
        clear:none;
        width: 100%;
        font-weight: 600;
    }

    .Footer .Right {
        float: none;
        clear:none;
        width: 100%;
        display:table;
        margin-top:10px;
    }

    .Footer .Right a {
        float: left;
        color: #000;
        margin-left: 0px;
        margin-right: 15px;
        
    }

    .Section8 {
        background-image: url(/images/back2.jpg);
    }

    .Section9 {
       background-image: url(/images/back2.jpg);
    }

    .Texbox1 {
        float: none;
        clear:both;
        width: 100%;
    }

    .Texbox2 {
        float: none;
        clear:both;
        width: 100%;
    }

    /*.Malagueta{
        display:none;
    }

    .Tomate{
       display:none;
    }

    .Malagueta2{
        display:none;
    }

    .Peixe{
        display:none;
    }

    .Azeitona{
        display:none;
    }

    .Azeitona2{
        display:none;
    }*/

    .Malagueta{
        left:0px;
    }

    .Tomate{
        right:0px;
    }

    .Malagueta2{
        left:0px;
    }

    .Peixe{
        right:0px;
    }

    .Azeitona{
        left:0px;
    }

    .Azeitona2{
        left:0px;
    }


    .rAreaForm {
        width: 50%;
    }

    .rLeft {
        width: 100%;
    }
    .rRight {
        width: 100%;
        float:left;
    }

    .rCheck2 {
        display: table;
        clear: both;
        float: none;
    }

    .rBt {
        display:table;
        clear:both;
        float: none;
        margin-top: 15px;
    }

    .rAreaForm6 {
        padding-top: 30px;
    }

    .rAreaForms {
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 100px;
    }



    .Section16 {
        background-image: none;
    }

    .rAreaNewsModel4  {
        margin-bottom:0px;
    }

    .rAreaNewsModel4 .Right {
        float: none;
        clear: both;
        width: 100%;
        height: auto !important;
    }

    .rAreaNewsModel4 .Left {
        float: none;
        clear: both;
        width: 100%;
        height:auto !important;
    }

    .rAreaNewsModel4 .Txts {
        position: relative;
        width: 100%;
        top: initial;
        display: table;
            padding-left: 30px;
    padding-right: 30px;
        transform: none;
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .fristNew {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .rAreaNewsModel4 .Txts h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .rAreaNewsModel4 .Txts .Text p {
        font-size: 14px;
        line-height: 24px;
    }

    .rAreaNewsModel4 .Txts .Text{
        font-size: 14px;
        line-height: 24px;
    }



    .rAreaNewsModel4Detail {
        margin-bottom: 0px;
    }

        .rAreaNewsModel4Detail .Right {
            position: relative;
            float: none;
            clear: both;
            top: initial;
            left: initial;
            width: 100%;
            height: auto !important;
        }

        .rAreaNewsModel4Detail .Left {
            position: relative;
            float: none;
            clear: both;
            width: 100%;
            height: auto !important;
            top: initial;
            left: initial;
        }

    .rAreaNewsModel4Detail .Txts h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .rAreaNewsModel4 .Txts .Text p {
        font-size: 14px;
        line-height: 24px;
    }

    .rAreaNewsModel4 .Txts .Text {
        font-size: 14px;
        line-height: 24px;
    }

    .reclamacoes {
        clear:both;
        float:none;
        margin-top:15px;
    }
    
}

@media screen and (max-width: 500px) {

    .Cookie {
        width: 80%;
    }

    .BtVisit {
        display:none;
    }

    .rAreaForm {
        width: 100%;
    }

    .rTxt2 {
        padding-left:10px;
        padding-right:10px;
    }

    .rTxt3 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .rAreaForm2 {
        width: 100%;
    }

    .rAreaForms {
        padding-top: 30px;
    }

    .Contacts .Txt5 {
        width: 100%;
    }
    .Pescador{
        width:100%;
    }

    .Brand .Logo{
        width:100%;
        max-width:250px;
    }

    .AboutProduct .Txts img{
        width:100%;
        max-width:250px;
    }

     .Contacts .Txt5 {
       padding-left:0px;
       float:none;clear:both;
    }

     .Contacts .Txt4{
         width:100%;
     }

}

@media screen and (max-width: 380px) {

}