/* File Name: responsive.css */

/* >>> 1200px x 991px <<< */

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

.quemsomos .titlepage {
width: 800px;
margin-left: auto;
margin-right: auto;
}

.address-map, .address-phones {
width: 270px;
margin-left: auto;
margin-right: auto;
text-align: right;
}

.address-phones h3{
width: 150px;
margin-top: 10px ;
margin-left: auto;
}

.address-street h3{
margin-top: 10px ;
}

}

/* >>> 990px x 766px <<< */

@media only screen and (max-width: 990px) and (min-width: 766px) {

nav.main-menu {
float: right;
margin: 40px 0 0 0;
}

.main-menu ul>li a {
font-size: 20px;
padding: 20px 20px 20px;
}

.header-search {
padding: 15px 0px;
}

.quemsomos .titlepage {
width: 600px;
margin-left: auto;
margin-right: auto;
}

.services-sao .titlepage,
.services-seo .titlepage,
.services-sao1 .titlepage,
.services-sao2 .titlepage,
.services-seo1 .titlepage,
.services-seo2 .titlepage {
width: 540px;
margin-bottom: 10px;
}

.services-sao .titlepage h2,
.services-seo .titlepage h2,
.services-sao1 .titlepage h2,
.services-sao2 .titlepage h2,
.services-seo1 .titlepage h2,
.services-seo2 .titlepage h2 {
font-size: 30px;
line-height: 40px;
width: 500px;
margin-bottom: 10px;
}

.address-map, .address-phones {
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.address-phones h3{
width: 150px;
margin-left: auto;
margin-right: auto;
}

}


/* >>> 765px x 576px <<< */

@media only screen and (max-width: 765px) and (min-width: 576px) {

.logo {
text-align: center;
}

.cart-content-right {
padding-bottom: 5px;
}

.mg {
margin: 0px 0px;
}

.menu-area-main {
height: 156px;
overflow-y: auto;
}

.megamenu>.row [class*="col-"] {
padding: 0px;
}

.menu-area-main .megamenu .men-cat {
padding: 0px 15px;
}

.menu-area-main .megamenu .women-cat {
padding: 0px 15px;
}

.menu-area-main .megamenu .el-cat {
padding: 0px 15px;
}

.mean-container a.meanmenu-reveal {
top: 75px;
}

.mean-container .mean-nav {
margin-top: 69px;
}

.mean-container .mean-nav ul li a.mean-expand {
height: 19px;
}

.category-box.women-box {
display: none;
}

.cart-box {
display: inline-block;
margin: 0px 30px;
}

.wish-box {
float: none;
margin: 0px 30px;
display: inline-block;
}

.menu-add {
display: none;
}

.category-box {
display: none;
}

.mean-container .mean-nav ul li ol {
padding: 0px;
}

.mean-container .mean-nav ul li a {
padding: 10px 20px;
width: 100%;
}

.mean-container .mean-nav ul li li a {
width: 100%;
padding: 1em 4%;
}

.mean-container .mean-nav ul li li li a {
width: 100%;
}

.header-search {
padding: 15px 0px;
}

#collapseFilter.d-md-block {
padding: 30px 0px;
}

.quemsomos .titlepage {
width: 500px;
margin-left: auto;
margin-right: auto;
}

.services-sao .titlepage,
.services-seo .titlepage,
.services-sao1 .titlepage,
.services-sao2 .titlepage,
.services-seo1 .titlepage,
.services-seo2 .titlepage {
width: 500px;
margin-bottom: 10px;
}

.services-sao .titlepage h2,
.services-seo .titlepage h2,
.services-sao1 .titlepage h2,
.services-sao2 .titlepage h2,
.services-seo1 .titlepage h2,
.services-seo2 .titlepage h2 {
font-size: 18px;
line-height: 30px;
width: 500px;
margin-bottom: 10px;
}

.address-map, .address-phones, .address-street {
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.address-street h3{
width: 250px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

.address-phones h3{
width: 150px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

}


/* >>> 575px <<< */

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

.cart-content-right {
padding-bottom: 5px;
}

.megamenu>.row [class*="col-"] {
padding: 0px;
}

.menu-area-main .megamenu .men-cat {
padding: 0px 15px;
}

.menu-area-main .megamenu .women-cat {
padding: 0px 15px;
}

.menu-area-main .megamenu .el-cat {
padding: 0px 15px;
}

.mean-container .mean-bar {
min-height: 0px;
}

.mean-container a.meanmenu-reveal {
top: -25px;
}

.mean-container .mean-nav {
margin-top: 0px;
}

.mean-container .mean-nav ul li a {
padding: 1em 4%;
width: 100%;
}

.mean-container .mean-nav ul li li a {
width: 100%;
padding: 1em 5%;
}

.mean-container .sub-full.megamenu-categories ol li a {
padding: 5px 0px;
text-transform: capitalize;
width: 100%;
}

.megamenu .sub-full.megamenu-categories .women-box .banner-up-text a {
width: auto;
border: none;
float: none;
}

.menu-area-main {
height: 172px;
overflow-y: auto;
}

.mean-container .mean-nav ul li a.mean-expand {
top: 0;
}

.quemsomos .titlepage{
width: 360px;
margin-left: auto;
margin-right: auto;
}

.services-sao .titlepage,
.services-seo .titlepage,
.services-sao1 .titlepage,
.services-sao2 .titlepage,
.services-seo1 .titlepage,
.services-seo2 .titlepage {
width: 330px;
margin-bottom: 10px;
}

.services-sao .titlepage h2,
.services-seo .titlepage h2,
.services-sao1 .titlepage h2,
.services-sao2 .titlepage h2,
.services-seo1 .titlepage h2,
.services-seo2 .titlepage h2 {
font-size: 18px;
line-height: 30px;
width: 330px;
margin-bottom: 10px;
}

.address-map, .address-phones, .address-street {
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.address-street h3{
width: 250px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
}

.address-phones h3{
width: 150px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

}




/* >>> 1200px x 991px <<< */

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

.main-menu ul>li a {
padding: 7px 20px 0 20px;
}

.full-slider_cont h1 {
font-size: 51px;
line-height: 61px;
}

.relative {
position: absolute;
top: 44%;
transform: translateY(-50%);
bottom: 0;
padding: 0;
}

.quemsomos .titlepage {
width: 800px;
margin-left: auto;
margin-right: auto;
}

.contact .contact-box {
padding: 30px 30px;
}

.contact .contact-box .contact-us {
padding: 10px 19px;
margin-bottom: 20px;
}

.contact .contact-box .textarea {
margin-bottom: 20px;
padding: 11px 19px;
}

.contact .contact-box .send {
padding: 7px 50px;
}

.footer .address h2 {
font-size: 20px;
}

}


/* >>> 990px x 766px <<< */

@media (max-width: 990px) and (min-width: 766px) {

.main-menu ul>li a {
font-size: 20px;
padding: 8px 8px 0 8px;
}

.full-slider_cont h1 {
font-size: 40px;
line-height: 50px;
}

.relative {
position: absolute;
top: 39%;
transform: translateY(-50%);
padding: 0;
border: 0 aliceblue;
bottom: 0;
}

.banner-main .carousel-caption h1 {
color: #fff;
font-size: 59px;
line-height: 60px;
font-weight: bold;
}

.banner-main .carousel-caption p {
font-size: 17px;
padding: 9px 0px 18px 0px;
}

.banner-main .carousel-caption a {
width: 182px;
padding: 8px 0;
}

.top_layer::before {
height: 250px;
top: -80px;
}

.main_bt {
margin-right: 15px;
padding: 10px 41px 10px 41px;
}

.quemsomos .titlepage {
width: 680px;
margin-left: auto;
margin-right: auto;
}

.services .titlepage {
padding: 0px 0px 50px;
}

.contact .contact-box {
padding: 20px 30px;
}

.contact .contact-box .contact-us {
padding: 10px 19px;
margin-bottom: 18px;
}

.contact .contact-box .textarea {
margin-bottom: 18px;
padding: 11px 19px;
}

.contact .contact-box .send {
padding: 7px 50px;
}


.address-map, .address-phones {
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.address-street {
width: 300px;
}


ul.socil_link li {
padding-right: 15%;
}

.footer .newsletter .subscribe {
padding: 21px 0;
width: 113px;
}

}


/* >>> 765px x 576px <<< */

@media (max-width: 765px) and (min-width: 576px) {

.mean-container .mean-bar {
margin-top: 0px;
}

.relative {
position: absolute;
top: 39%;
transform: translateY(-50%);
padding: 0;
bottom: 0;
}

.banner-main .carousel-caption h1 {
font-size: 45px;
line-height: 50px;
}

.banner-main .carousel-caption p {
font-size: 17px;
padding: 7px 0px 20px 0px;
}

.carousel-item img {
width: 100%;
}

.top_layer::before {
height: 160px;
top: -55px;
}

.quemsomos .titlepage {
width: 500px;
margin-left: auto;
margin-right: auto;
}

.services .titlepage {
padding: 0px 0px 50px;
}

.contact-row {
width: 400px;
}

.contact .contact-box {
margin-top: 30px;
}

ul.contant_icon {
margin-bottom: 20px;
}


.address-map, .address-phones, .address-street {
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.address-street h3{
width: 250px;
margin-left: auto;
margin-right: auto;
}

.address-phones h3{
width: 150px;
margin-left: auto;
margin-right: auto;
}

}


/* >>> 575px <<< */

@media (max-width: 575px) {

.header {
padding-bottom: 0px;
}

.logo {
text-align: center !important;
padding-bottom: 0px;
float: inherit;
}

#main_slider .carousel-control-prev,
#main_slider .carousel-control-next {
width: 40px;
height: 40px;
}

.relative {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 0;
bottom: 0;
}

.banner-main .carousel-caption h1 {
font-size: 26px;
line-height: 50px;
margin-bottom: 19px;
}

.banner-main .carousel-caption p {
font-size: 17px;
padding: 7px 0px 20px 0px;
display: none;
}

.carousel-item img {
width: 100%;
}

.top_layer::before {
height: 100px;
top: -35px;
}

.mean-container .mean-bar {
margin-top: 0;
}

.head-top {
display: none;
}

.full-slider_cont h1 {
font-size: 32px;
line-height: 46px;
}

.main_bt {
padding: 5px 24px 5px 24px;
margin-right: 10px;
}

.quemsomos .titlepage h2,
.services .titlepage h2,
.contact .titlepage h2 {
font-size: 26px;
width: 330px;
}

.read-more {
margin-top: 30px;
}

.width {
width: 100%;
}

.read-more a {
width: 192px;
padding: 12px 0px;
font-size: 16px;
}

.quemsomos .titlepage,
.services .titlepage,
.contact .titlepage {
width: 330px;
margin-left: auto;
margin-right: auto;
}

.services .titlepage {
padding: 0px 0px 40px;
}

.contact .contact-box {
margin-top: 30px;
}

.contact-row {
width: 330px;
}
    
.address-map, .address-phones, .address-street {
width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.address-street h3{
width: 250px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
}

.address-phones h3{
width: 150px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}


.copyright p {
font-size: 16px;
padding: 0 15px;
}
.footer .newsletter .subscribe {
width: 120px;
padding: 21px 0;
}
ul.contant_icon {
margin-bottom: 20px;
}

}