/*general*/



@media screen and (min-width: 768px){

.carousel-caption {

    right: 20%;

    left: 56%;

    padding-bottom: 30px;

    top: 0;

    right: 0;

}

}









/*mobile*/

@media screen and (min-width: 200px) and (max-width: 499px) {



/*carsoul----------------------------------------------------*/    

    header .navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 0;

    border: 3px solid;

    border-radius: 0;

    font-family: 'Libre Baskerville', serif;

    font-weight: 600;

}

    

    .navbar-brand {

    float: left;

     height:0;

     padding: 0px 0px; 

     font-size:0;

    line-height:0;

}

    

    

    .navbar-brand>img {

    display: block;

    position: absolute;

    top: 0;

    z-index: 9999999;

    width: 20%;

    border: 3px solid;

    border-top: 0px;

    left: 41%;

}

    

    #toggle{

 

            position: static;

 

    }

    

    .contain {

    display: inline-block;

    cursor: pointer;

    margin: 9px 20px;

    top: 0;

    position: absolute;

    right: 0;

}

    

    

    .bar1, .bar2, .bar3 {

    width: 18px;

    height: 3px;

    background-color: #333;

    margin: 3px 0;

    transition: 0.4s;

}

    

    

    .change .bar3 {

    -webkit-transform: rotate(45deg) translate(-8px, -8px);

    transform: rotate(45deg) translate(-4px, -3px);

}

    collapse.collapse {

    display: block!important;

    height: auto!important;

    padding-bottom: 0;

    overflow: visible!important;

    padding-top: 0;

}

    

    .navbar-nav {

    margin: 0px 0px;

}

    

    .nav>li>a {

    position: relative;

    display: block;

    margin: 0px 12px;

    padding: 0 0;

}



header{

    

    background-image:url('../img/bg-header.png');

    background-repeat:no-repeat;

    background-position-x: 62%;

    background-size:cover

    

    

}

    

    #eng {

        

        display:inline-block;

            font-size: 10px;

        

        

    }

    

    #pt{

        

        

        display:inline-block;

            font-size: 10px;

        

        

    }

    

    

    #navbar-menu {

        

        

    display: none;

    height: 210px;

    border: 0px;



        

        

        

    }

    

    

    #navbar-menu #home{

    margin-top: 59px;

    margin-bottom: 5px;

    font-size:12px;

            display:inline-block;



    

    }

    

    #navbar-menu #nossas,#amoagem,#contactos,#produtosmenu{

        

    margin-bottom: 6px;

    margin-top:5px;

    font-size:12px;

    display:inline-block;

        

        

    }

    

    

    

    

    #carou .carousel-caption h3 {

    font-size: 30px;

    font-family: 'Neuton', serif;

    font-style: italic;

    font-weight: bold;

    letter-spacing: 3px;

    text-align: center;

}

        

#carou .carousel-indicators li {

    display: block;

    width: 5px;

    height: 5px;

    margin: 0 0 9px 0;

}

    #carou .carousel-indicators {

    position: absolute;

    bottom: 10px;

    left: 95%;

    z-index: 15;

    right: 0;

    width: 0;

    padding-left: 0;

    margin-left: 0;

    text-align: right;

    list-style: none;

    top: 33.5%;

}

    

    

    

    

#carou .carousel-caption p{

    

    font-size:20px;

    font-family: 'Neuton', serif;

    font-style: italic;

        text-align:center





}

    

    

    

    

    

    

/*moagem--------------------------------------------------*/    

    

    #moagem {

    text-align: center;

    border-top: 4px solid;

}





    #moagem img {

    margin-top: 45px;

    margin-bottom: 17px;

}

    

#moagem p {

    font-size: 13px;

    color: #353535;

    font-family: 'Montserrat', sans-serif;

    font-weight: 600;

    margin-top: 34px;

    margin-bottom: 61px;

}

    

    #moagem .head-moagem {

    font-size: 24px;

    font-family: 'Neuton', serif;

    margin-top: 0;

    margin-bottom: 0;

}

    

    

    

        /*nossas---------------------------------------------------*/

    #nossastop {

    border-top: 4px solid;

    margin-bottom: 30px;

}

    #nossastop #navbars ul li {

    display: inline-block;

    margin: 0 5px;

    font-size: 12px;

    text-transform: uppercase;

}

    

    

    #nossastop #navbars ul li button {



    font-size: 10px;

    font-weight:500



}

    

    #nossastop .select:hover{

    

    

    border:5px solid black;

    box-sizing: border-box



    

}

    

    #nossastop .select div{

    

        position:absolute;

    bottom:4%;

    right:4%;

    font-size:16px;

    color:black;

    display:none;

    

    

    

}



    

    /*contcatos-----------------------------------*/

    

    

    .contactos {

    font-family: 'Montserrat', sans-serif;

    font-size: 13px;

    color: #ffffff;

    text-align: center;

}

    

    

    .contactos .contactos1 .contactos1-text2 p{

            text-align: left;

            font-size: 13px;

        

}



    

    

    .contactos .cont-bg {

        

        background-color: #252525;

        padding-top: 50px;

        

    }

    

    

    

    .contactos .contactos1 .contactos1-text1 .header1 {

    font-size: 29px;

    font-family: 'Neuton', serif;

    margin-bottom: 27px;

    margin-top: -13px;

}

    .contactos .contactos1 .contactos1-text1 p {

    font-family: 'Montserrat', sans-serif;

    font-size: 13px;

            margin-bottom: 14px;

}

    

    .contactos .contactos2 label {

    display: block;

    width: 100%;

    text-align: left;

    margin-top: 35px;

}

    

    .contactos .contactos2 .text-area {

    margin-top: 38px;

    margin-bottom: 31px;

}

    

    

    .contactos .contactos2 .btn-default {



    margin: 51px 0px 60px 0px;



}

    

    

    .contactos .contactos2 .btn-default {

    background-color: transparent;

    border: 3px solid #ffffff;

    font-size: 14px;

    color: #ffffff;

    padding: 10px 53px;

    margin: 61px 0px 80px 0px;

    font-family: 'Montserrat', sans-serif;

    letter-spacing: 2px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}

    

    

#map {

        height: 300px;

        width: 100%;

       }

    

    #moagem iframe{

    

    width:100%;

    height:100%

    

    

}

    

    #moagem .videos{

    

    width:100%;

    height:300px;

    

    

        }

    

    

    

    

    #moagem video{

    

    width:100%;

    height:507px

    

    

    }

    /*footer----------------------*/



    footer .rights {

    margin-bottom: 24px;

    text-align: center;

    margin-top:0px

}

    

    

    footer .rights .copyright {



    text-align: center;

}

    



    footer img{

            width: 31%;

        

        

        

        

    }

    

   }









/*landscape*/



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



    

    

      header .navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 0;

    border: 3px solid;

    border-radius: 0;

    font-family: 'Libre Baskerville', serif;

    font-weight: 600;

}

    

    .navbar-brand {

    float: left;

     height:0;

     padding: 0px 0px; 

     font-size:0;

    line-height:0;

}

    

    

    .navbar-brand>img {

    display: block;

    position: absolute;

    top: 0;

    z-index: 9999999;

    width: 20%;

    border: 3px solid;

    border-top: 0px;

    left: 41%;

}

    

    #toggle{

 

            position: static;

 

    }

    

    .contain {

    display: inline-block;

    cursor: pointer;

    margin: 9px 20px;

    top: 0;

    position: absolute;

    right: 0;

}

    

    

    .bar1, .bar2, .bar3 {

    width: 18px;

    height: 3px;

    background-color: #333;

    margin: 3px 0;

    transition: 0.4s;

}

    

    

    .change .bar3 {

    -webkit-transform: rotate(45deg) translate(-8px, -8px);

    transform: rotate(45deg) translate(-4px, -3px);

}

    collapse.collapse {

    display: block!important;

    height: auto!important;

    padding-bottom: 0;

    overflow: visible!important;

    padding-top: 0;

}

    

    .navbar-nav {

        margin: -8px 0px;

}

    



header{

    

    background-image:url('../img/bg-header.png');

    background-repeat:no-repeat;

    background-size:cover;

        background-position-x: 241%;

    

    

}

    

    #eng {

        

        display:inline-block;

            font-size: 10px;

        

        

    }

    

    #pt{

        

        

        display:inline-block;

            font-size: 10px;

        

        

    }

    

    

    #navbar-menu {

        

        

    display: none;

    height: 210px;

    border: 0px;



        

        

        

    }

    

    

    #navbar-menu #home{

    margin-top: 59px;

    margin-bottom: 5px;

    font-size:12px;

                display:inline-block



    

    }

    

        

    #navbar-menu #nossas,#amoagem,#contactos, #produtosmenu{

        

    margin-bottom: 6px;

    margin-top:6px;

    font-size:12px;

        display:inline-block

        

        

    }

    

    

    

  /*carsoul----------------------------------------------------*/    

    

    .carousel-caption {

    position: absolute;

    right: 15%;

    bottom: 20px;

    top: 0;

    left: 62%;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0,0,0,.6);

        width:100%

}

    #carou .carousel-caption h3 {

    font-size: 37px;

    font-family: 'Neuton', serif;

    font-style: italic;

    font-weight: bold;

    letter-spacing: 3px;

    text-align: left;

}

        

#carou .carousel-indicators li {

    display: block;

    width: 5px;

    height: 5px;

    margin: 0 0 9px 0;

}

    #carou .carousel-indicators {

    position: absolute;

    bottom: 10px;

    left: 95%;

    z-index: 15;

    right: 0;

    width: 0;

    padding-left: 0;

    margin-left: 0;

    text-align: right;

    list-style: none;

    top: 41.5%;

}

    

    

    

    

#carou .carousel-caption p{

    

    font-size:22px;

    font-family: 'Neuton', serif;

    font-style: italic;

        text-align:left





}

    

    

    

    

    

/*moagem--------------------------------------------------*/    

    #moagem {

    text-align: center;

    border-top: 4px solid;

}



    #moagem img {

    margin-top: 45px;

    margin-bottom: 17px;

}

    

#moagem p {

    font-size: 13px;

    color: #353535;

    font-family: 'Montserrat', sans-serif;

    font-weight: 600;

    margin-top: 34px;

    margin-bottom: 61px;

}

    

    #moagem .head-moagem {

    font-size: 24px;

    font-family: 'Neuton', serif;

    margin-top: 0;

    margin-bottom: 0;

}

    

    

        

    /*nossas---------------------------------------------------*/

    

    #nossastop {

    border-top: 4px solid;

}

    #nossastop #navbars ul li {

    display: inline-block;

    margin: 0 11px;

    font-size: 14px;

    text-transform: uppercase;

}

    

    #nossastop #navbars ul li button {



    font-size: 15px;



}



    

    /*contcatos-----------------------------------*/

    

    

    .contactos {

    font-family: 'Montserrat', sans-serif;

    font-size: 13px;

    color: #ffffff;

    text-align: center;

}

    

    

    .contactos .contactos1 .contactos1-text2 p{

            text-align: left;

            font-size: 13px;

        

}



    

    

    .contactos .cont-bg {

        

        background-color: #252525;

        padding-top: 50px;

        

    }

    

    

    

    .contactos .contactos1 .contactos1-text1 .header1 {

    font-size: 29px;

    font-family: 'Neuton', serif;

    margin-bottom: 27px;

    margin-top: -13px;

}

    .contactos .contactos1 .contactos1-text1 p {

    font-family: 'Montserrat', sans-serif;

    font-size: 13px;

            margin-bottom: 14px;

}

    

    .contactos .contactos2 label {

    display: block;

    width: 100%;

    text-align: left;

    margin-top: 35px;

}

    

    .contactos .contactos2 .text-area {

    margin-top: 38px;

    margin-bottom: 31px;

}

    

    

    .contactos .contactos2 .btn-default {



    margin: 51px 0px 60px 0px;



}

    

    

#map {

        height: 300px;

        width: 100%;

       }

    

    #moagem iframe{

    

    width:100%;

    height:100%

    

    

}

    

    #moagem .videos{

    

    width:100%;

    height:300px;

    

    

        }

    

    

    

    

    #moagem video{

    

    width:100%;

    height:507px

    

    

    }

    /*footer----------------------*/



    footer .rights {

    margin-bottom: 24px;

    text-align: center;

    margin-top:0px

}

    

    

    footer .rights .copyright {



    text-align: center;

}

    



    footer img{

            width: 17%;

        

        

        

        

    }

    



    

   }





/*ipad*/



@media screen and (min-width: 767px) and (max-width:1022px) {



    header .navbar {



    border: 4px solid;



}

    

    .nav>li>a {

    position: relative;

    display: block;

    margin: 0px 15px;

    padding: 0 0;

    font-size: 10px;

}

    

    .navbar-brand>img {

    border: 4px solid;

            top: -4px;



}

    

    

/*carsoul----------------------------------------------------*/    

    

    #carou .carousel-caption h3 {

    font-size: 44.75px;

    font-family: 'Neuton', serif;

    font-style: italic;

    font-weight: bold;

    letter-spacing: 3px;

    text-align: left;

}

    

    #carou .carousel-indicators {

    position: absolute;

    bottom: 10px;

    left: 95%;

    z-index: 15;

    right: 0;

    width: 0;

    padding-left: 0;

    margin-left: 0;

    text-align: right;

    list-style: none;

    top: 30.5%;

}

    

    

    

    

#carou .carousel-caption p{

    

    font-size:40px;

    font-family: 'Neuton', serif;

    font-style: italic;

        text-align:left





}

    

    

    

    

    

/*moagem--------------------------------------------------*/    

    

    #moagem {

    text-align: center;

    border-bottom: 10px solid;

    border-top: 10px solid;

}





   /*moagem---------------------------------------*/ 

    #moagem img {

    margin-top: 80px;

    margin-bottom: 25px;

}

    

    

    #moagem p {

        

            margin-bottom: 80px;



        

        

    }

    

    /*nossas---------------------------------------------------*/

    #nossastop #navbars ul li {

    display: inline-block;

    margin: 0 15px;

    font-size: 14px;

    text-transform: uppercase;

}

    

    

    

    #nossastop #navbars ul li button {

    color: #333333;

    margin-bottom: 0px;

    text-decoration: none;

    font-family: 'Libre Baskerville', serif;

    font-size: 18px;

    border: none;

    background-color: transparent;

    outline: none;

    box-shadow: 0 0;

    padding: 0 0;

    box-sizing: border-box;

    letter-spacing: 2px;

    text-transform: uppercase;

    cursor: pointer;

}

    

    

    #nossastop #navbars #todasbtn{



        margin-left: 0;

    

    

        }

    

    

    

    #nossastop .select div{

    

        position:absolute;

    bottom:4%;

    right:4%;

    font-size:20px;

    color:black;

    display:none;

    

    

    

}

    

#nossastop .select:hover{

    

    

    border:7px solid black;

    box-sizing: border-box



    

}



    



    /*contcatos-----------------------------------*/

    .contactos .contactos1 .contactos1-text2 p{

    text-align: left;

}



    

    

    

    

    

    

    /*footer----------------------*/



    footer .rights {

    margin-bottom: 46px;

    text-align: center;

    margin-top:0px

}

    

    

    footer .rights .copyright {



    text-align: center;

}

    

    

   }











/*ipad pro*/



@media screen and (min-width: 1023px) and (max-width:1200px) {



    

   /*moagem---------------------------------------*/ 

    #moagem img {

    margin-top: 80px;

    margin-bottom: 25px;

}

    

    

    #moagem p {

        

            margin-bottom: 80px;



        

        

    }

    

    

    

        #moagem1{

        

        

            text-align: center;

        

    }

    

    

    #nossastop #navbars #todasbtn {

    margin-left: 15px;

}

    

    

/*footer=====================================================*/

.contactos .contactos1 .contactos1-text1 .header1 {

    font-size: 30px;

    font-family: 'Neuton', serif;

    margin-bottom: 24px;

    margin-top: -13px;

}    

    

    

    

    

    

    

    

/*footer=====================================================*/    

    

 footer .rights {

    

    text-align: center;

    

    

    }





footer .rights .copyright{

    

    font-family: 'Montserrat', sans-serif;  

    font-size:12px;

    text-transform: uppercase;

    text-align:center;

    font-weight:bold

}







    

    

   }







@media screen and (min-width: 1600px){



    

    

    

#moagem .container {

    width: 1572px;

}

    

    footer .container{    

        width: 1572px;

}

    

    

    .carousel-caption {

    right: 20%;

    left: 67%;

    padding-bottom: 30px;

    top: 0;

    right: 0;

}

    

    }