/* Menu */

nav h1{
  margin-top: 0px;
  margin-bottom:0px;
}
.navbar{
  border-radius:0;
}
.navbar-header{
  margin:0px !important;
}


#myNavbar {
  font-family: Roboto, sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 0;
}
.navbar-inverse {
  background: rgba(255, 255, 255, 0)!important;
  border-color: #ffffff;
  border:0;
}
.navbar-collapse{
  background: url("../images/bg-menu.png") #eeeeee repeat-x;
  margin-right:0 !important;
}


.navbar-inverse .navbar-nav>li>a {
    color: #626264;
    font-size: 14px;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #323234;
}

.navbar-inverse .navbar-toggle {
    border-color: #cccccc;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 0px 0px;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width:60px;
    height:60px;
    background: url("../images/bg-menu.png") #eeeeee repeat-x;
    border: 0px solid transparent;
    border-radius: 0px;
}
.navbar-toggle span:hover{
  color:#003366;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}


ul.navbar-nav{
  padding: 5px 0 5px 10px;
  margin: 0 0px;
}
ul.navbar-right{
  padding: 0;
}
.container-fluid {
    padding:0;
    background: url("../images/bg-menu.png") #eeeeee repeat-x;
}
.rexroth{
	width: 93px;
    height: 60px;
	background: url("../images/rexroth-logo.png") no-repeat center;
	float: right;
    /*background-size: 100% auto;*/
    background-size: contain;
    margin-right: 10px;
}
.navbar .nav > li {
  z-index: 1001;
}
.logo-rexroth{
        display:none;
    }
/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */


}


/* Change breakpoint*/
@media (max-width: 1342px) {
    .container-fluid {
        padding:0;
        background: none;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 4px solid #ffffff !important;
        box-shadow: inset 0 4px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .logo-rexroth{
       /* display: inline-table;*/
       /*display:none;*/
    }
    .navbar-nav.navbar-right {
        /*display:none;*/
    }
    .btn-nav{
          padding:40px 5px !important;
        }


}

/* Desktop */

	@media screen and (min-width: 737px) {
        .container-fluid {
        padding:0;
        background: none;
    }
    .btn-nav{
          padding:40px 5px !important;
        }
		/* Banner */





		/* Form */



		/* Button */



		/* Box */



		/* Wrappers */



		/* Nav */



		/* Articles */



	}

/* Tablet */

	@media screen and (min-width: 737px) and (max-width: 1320px) {
         .container-fluid {
            padding:0;
            background: none;
        }
		/* Banner */



		/* Wrappers */



		/* Articles */
        /* Home - Quem Somos */
        h2.title{
          font-size:2em !important;
        }
        h2.title{
          line-height:30px !important;
        }
        h2.title::after {
          border-bottom: 3px solid;
          padding: 10px 0;
        }
        .home-saiba-mais{
          display: block;
        }
        .btn-nav{
          padding:40px 5px !important;
        }


        /* Form */
         #contacts_form{
            width: 90%;
            margin: 30px auto;
            float: none;
        }
        #contacts_form input[type="text"]:first-of-type, #contacts_form input[type="email"]:nth-of-type(2){
            width:90%;
            float:none;

        }
        #contacts_form input[type="text"]:nth-of-type(3), #contacts_form textarea, #contacts_form input[type="text"]:nth-of-type(5) {
             width:90%;
            float:none;

        }
        #contacts_form input, #contacts_form textarea {
            padding: 3%;
            width: 90%;
            float: none;
        }
        #contacts_form input[type="email"]:nth-of-type(2) {
          float: none;
        }
        input[type="text"],
	    input[type="password"],
	    input[type="email"],
	    textarea {
            padding:5px 20px;
        }

        /*Nav*/
        .rexroth{
	        width: 191px;
            height: 65px;
	        background: url("../images/rexroth-logo.png") no-repeat center;
	        float: right;
            position:absolute;
            bottom:10px;
            right: 10px;
            background-size: contain;
            margin:10px;
        }
        .logo-eq{
          content:url("../images/logo_eq.png");
        }



	}
    /* iPads (portrait and landscape) ----------- */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
        /* Styles */
        /* Nav */
        .rexroth{
	        width: 191px;
            height: 65px;
	        background: url("../images/rexroth-logo.png") no-repeat center;
	        float: right;
            position:absolute;
            bottom:10px;
            right: 10px;
            /*background-size: 100% auto;*/
            background-size: contain;
            margin:10px;
        }
    }

    /* Mobile */

	@media screen and (max-width: 736px) {
        .container-fluid {
        padding:0;
        background: none;
        }
        .rexroth{
          background-position: left -4px bottom;
        }


        /*Basic*/
        header{
          top:5px;
          height: 50px;
        }
        .headerLogo img{
          height: 50px;
        }
        .navbar-toggle {
            width:50px;
            height:50px;
        }
        .new-homeSlider{
            margin: 70px 0 30px 0;

        }
        .home-servico h4 {
          height:auto;
        }
        .btn-nav{
          padding:40px 5px !important;
        }


		/* Banner */

            /* Forms*/
        #contacts_form{
            width: 95%;
            margin: 30px auto;
            float: none;
        }
        #contacts_form input[type="text"]:first-of-type, #contacts_form input[type="email"]:nth-of-type(2){
            width:95%;
            float:none;

        }
        #contacts_form input[type="text"]:nth-of-type(3), #contacts_form textarea, #contacts_form input[type="text"]:nth-of-type(5) {
             width:95%;
            float:none;

        }
        #contacts_form input, #contacts_form textarea {
            padding: 3%;
            width: 95%;
            float: none;
        }
        #contacts_form input[type="email"]:nth-of-type(2) {
          float: none;
        }
        .contacts_info {
            float: none;
            text-align: center;
            width: auto;
            margin-top: 40px;
        }
         input[type="text"],
	    input[type="password"],
	    input[type="email"],
	    textarea {
            padding:5px 15px;
        }



		/* Home - Quem Somos */
        h2.title{
          font-size:1.3em !important;
        }
        h2.title{
          line-height:25px !important;
        }
        h2.title::after {
          border-bottom: 2px solid !important;
          padding: 5px 0 !important;
        }
        .text-sobre-nos{
          display: none;
        }

        /* BRP - Home*/
        h1.logo-brp{
         max-width:300px;
         float: none;
         text-align:center;
         margin: 0px auto;
         margin-top:50px;
        }


        h1.logo-brp img{
            max-width: 300px;
        }
        h1.logo-brp a{
            display: block;
            width: 100%;
            height: 80px;
        }
        h4.text-brp {
            margin-top: 50px;
            margin-left:10px;
            padding: 0;
            width: 90%;
            text-align: center;
        }


		/* Galeria */
        .caption{
            font-size: 12px;
        }
        .new-caption-area {
            width: 99%;
        }
        iframe{
          width:99% !important;
          height: auto !important;
        }

        /* News */
        .list-news h4, .list-news h5, .share{
          padding-left: 15px;
        }
        article.news *{
          text-align:center;
          max-width:460px;
        }
        article.news img{
          margin: 0 auto;
          padding: 15px 0;
        }
        article.news .row{
          max-width: 460px !important;
        }
        article.news .list-news *{
          margin-top: 0 !important;
          margin-bottom: 0 !important;
          text-align: left !important;
        }


        /* Products*/
        div.product-image-content{
            width: 90%;
            margin: 0 auto;
            margin-top: 70px;
            margin-bottom: 40px;
        }
        h2.produtos {
            color: #ffffff;
            font-size:18px;
            line-height: normal;
            display:flex;
            align-items: center;
            justify-content: center;
        }


        /* Galeria*/
        div.gallery-detail *{
          text-align:center;
        }



		/* List */



		/* Box */



		/* Wrappers */



		/* Nav */
        .rexroth{
	        width: 191px;
            height: 65px;
	        background: url("../images/rexroth-logo.png") no-repeat center;
	        float: right;
            position:absolute;
            bottom:10px;
            right: 10px;
            /*background-size: 100% auto;*/
            background-size: contain;
            margin:10px;
        }
        .logo-eq{
          content:url("../images/logo_eq.png");
        }



		/* Articles */



		/* Copyright */

        /*Catalogos*/
        .accordion-close, .accordion-open{
          width:95%;
          margin-left:10px;
        }
        .accordion-close:hover{
          background-color: #003366;
          color:#ffffff;
        }



	}
    /* Smartphones (portrait and landscape) ----------- */
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    }


    /* Smartphones (portrait) ----------- */
    @media only screen and (max-width : 320px) {
    /* Styles */
    }