@media only screen and (max-width: 480px) {
.container .sixteen.columns {
width: 100%;
}
.slick-prev, .slick-next {
    display:none!important;
    }

#back-top span {
    
    display:none!important;
    }
.parallax-windowhome {
    min-height: 250px;
    width: 100%;
    }
  
.divHome {
  height: 250px;
}

.parallax-windowcompany{
    min-height: 250px;
    width: 100%;
    }
  
.company {
  height: 250px;
}

.h5{    font-size: 17px;
    
    }
.parallax-windowconcept{
    min-height: 250px;
    width: 100%;
    }
  
.concept {
  height: 250px;
}
h1 {
    font-size: 22px;}

.parallax-windowfranchise{
    min-height: 250px;
    width: 100%;
    }
  
.franchise {
  height: 250px;
}


.parallax-windowcompan{
    min-height: 250px;
    width: 100%;
    }
  
.compan {
  height: 250px;
}
body{
    font-size:12px;
    }

.grid1 li {
    display: block;
    float: left;
    width: 100%;
    margin: 2px auto;
}
.prod-img {
    width: auto!important;
    margin: 0 auto;
    text-align: center;
    height: 190px;
}
.grid1 li:nth-child(3n+3) {
    width: 100%;
   
}
.inputbox{
    width:90%;
    }
#meniuresponsive {
display: none;
}
.buton {
background-color: #ccebdc;
display: block;
position: absolute;
z-index: 999;
float: right;
right: 0px;
top: 0px;
}
#header {
background-color: transparent;
height: 60px;
box-shadow: none;
}
.nav {
width: 100%;
}
.navwithanchor {
width: 100%;
}
.navwithanchor1 {
width: 100%;
}
.navwithanchor2 {
width: 100%;
}
.nav a {
height: 42px;
line-height: 42px;
width: 100%;
text-align: left;
padding: 0px 5%;
border-top: 1px #A4A8A7 solid;

}
.nav a:hover{
background-color: rgba(227, 245, 237, 0.83);
color: #1A1E1C;
}
        
.navwithanchor1 a:hover{    background-color: rgba(227, 245, 237, 0.83);
color: #1A1E1C;}
             
.navwithanchor a:hover{
    background-color: rgba(227, 245, 237, 0.83);
color: #1A1E1C;
    }
.container {
width: 100%!important;
}
.navwithanchor a {
height: 42px;
line-height: 42px;
width: 100%;
text-align:left;
border-top: 1px #A4A8A7 solid;

}
.navwithanchor1 a {
height: 42px;
width: 100%;
line-height: 42px;
text-align: left;
border-top: 1px #A4A8A7 solid;

}
.navwithanchor2 a {
height: 42px;
width: 100%;
line-height: 42px;
border-top: 1px #A4A8A7 solid;
text-align:left;
}
textarea {
width: 100%!important;
}
.HalfDiv {
    width: 95%;
float: left;
}
.compan {
height: auto;
}
.franchise {
height: auto;
}
.concept {
height: auto;
}
.company {
height: auto;
}
.txtfranchise {
width: 100%;
}
.imgfranchise {
width: 100%!important;
margin-right:0px;
}
.divSection {
width: 82%!important;
}
#top-header {
margin: 0px auto;
width: 100%;
 height: 60px;

}
.container .eleven {
width: 77%!important;
}
.container .four {
width: 25%!important;
margin: 0 auto;
padding: 7px 0px 8px 0px;
text-align: center;
}
.container .three {
width: 7%;
float: left;
}
.row {
margin-bottom: 17px;
}
.siteLogo {
margin: 0 auto;
    width: 55px;
text-align: center;
}
.tableCompany td {
 padding: 5px;
}
.container .fifteen.columns {
float: right;
width: 100%;
height: 310px;
background-color: #CCEBDC;
}
.SearchTab {
width: 240px;
}
.slicknav_menu {
display: block;
}
.hide {
display: none;
}
#navigation {
display: none;
}
.slicknav_nav li {
width: 100%;
}



.message-us{
        width: 90%;
    }
.divcontact {
width: 100%!important;
text-align: center;
position: relative!important;
}
#mygallery img {
width: 100%!important;
height: auto!important;
margin-bottom: 5px;
}
.galleria-image-nav {
top: 60%;
}
.prod-cntright {
bottom: 105px!important;
}
.galleria-thumbnails-container {
height: 80px;
}
.divImg {
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
.divImg:first-child {
width: 100%!important;
}
.prod-box {
    width: 100%;
    margin:0px;
}
.grid li {
    width: 100%!important;
    margin: 0 auto;
    height:250px!important;
    text-align: center;
}
.galleria-thumbnails .galleria-image img {
width: 50px!important;
height: 50px!important;
}
#galleria {
height: 430px;
}

.galleria-stage {
height: 300px;
}
.titleh1 {
width: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    
    .grid li {
    width: 100%!important;
    margin: 0 auto;
    text-align: center;
}
    .prod-img {
    width: auto!important;
    margin: 0 auto;
    text-align: center;
    height: 240px;
}
    .grid1 li:nth-child(3n+3) {
    width: 100%;
    
}
    
    
#meniuresponsive {
display: none;
}
.buton {
background-color: #ccebdc;
display: block;
position: absolute;
z-index: 999;
float: right;
right: 0px;
top: 0px;
}
#header {
background-color: transparent;
height: 60px;
box-shadow: none;
}
    
.navwithanchor {
width: 100%;
}
  
.navwithanchor2 {
width: 100%;
}

.container {
width: 100%!important;
}
.navwithanchor a {
height: 42px;
line-height: 42px;
width: 100%;
text-align: left;
border-top: 1px #A4A8A7 solid;
}
 
.navwithanchor2 a {
height: 42px;
width: 100%;
line-height: 42px;
border-top: 1px #A4A8A7 solid;
text-align: left;
}
    
    
    
    
    
    
.nav {
width: 100%;
}
.navwithanchor1 {
width: 100%;
}
.nav a {
height: 42px;
line-height: 42px;
width: 100%;
text-align: left;

border-top: 1px #A4A8A7 solid;
}
.navwithanchor1 a {
height: 42px;
width: 100%;
line-height: 42px;
text-align: left;
border-top: 1px #A4A8A7 solid;
}
.imgfranchise {
width: 100%;
margin-right: 0%;
}
#top-header {
margin: 0px auto;
width: 100%;
    height: 60px;
}
.txtfranchise {
width: 100%;
}
#galleria {
height: 460px;
}
.galleria-stage {
height: 300px;
}
.galleria-thumbnails-container {
height: 100px;
}
.divSection {
width: 95%;
}
.prod-cntright {
bottom: 130px;
}
.container {
width: 100%!important;
}
.container .eleven {
width: 77%!important;
}
.container .four {
    width: 15%!important;
margin: 0 auto;
padding: 7px 0px 8px 0px;
text-align: center;
}
.slick-prev {
  
    display:none!important;
}

.slick-next {
    
        display:none!important;
    }
.compan {
    height: 1300px;
}
.siteLogo {
margin: 0 auto;
width: 55px;
text-align: center;
}
.container .three {
width: 7%;
float: left;
}
.row {
margin-bottom: 17px;
}
.container .fifteen.columns {
float: right;
width: 100%;
height: 310px;
background-color: #CCEBDC;
}
.grid {
width: 100%;
}
#navigation {
display: none;
}
.slicknav_menu {
display: block;
}
.hide {
display: none;
}
.slicknav_nav li {
width: 100%;
}
.divcontact {
top: 61px;
left: 0px;
width: 100%;
text-align: center;
position: initial;
}
.prod-box {
width:100%;
margin:0px;
}
.grid li {
width: 100%!important;
}
.divImg {
margin-left: 2px;
margin-right: 2px;
}
.divImg:nth-child(3n+3) {
width: 99%;
}
.galleria-thumbnails .galleria-image img {
width: 75px!important;
height: 75px!important;
}
.titleh1 {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 958px) {
#header {
background-color: rgba(0, 0, 0, 0);
height: 60px;
box-shadow: none;
}
.slick-prev {
  
    display:none!important;
}

.slick-next {
    
        display:none!important;
    }
    
    .compan {
    height: 1500px;
}
.navwithanchor1 {
width: 100%;
}
.navwithanchor1 a {
height: 42px;
width: 100%;
    
line-height: 42px;
text-align: left;
border-top: 1px #A4A8A7 solid;
}

#meniuresponsive {
    display: none;
}

#top-header {
margin: 0px auto;
width: 100%;
height: 60px;
}
.buton {
background-color: #ccebdc;
display: block;
position: absolute;
z-index: 999;
float: right;
right: 0px;
top: 0px;
}
.divSection {
width: 100%;
}
.container {
width: 100%;
}

.siteLogo {
    width: 55px;
}
.container .eleven {
width: 49%!important;
}
.container .four {
width: 15%!important;
margin: 0 auto;
padding: 8px 0px 8px 0px;
text-align: center;
}
.container .three {
width: 20%;
float: left;
}
    
.navwithanchor a {
height: 42px;
line-height: 42px;
width: 100%;
text-align: left;
border-top: 1px #A4A8A7 solid;
}

.navwithanchor2 a {
height: 42px;
width: 100%;
line-height: 42px;
border-top: 1px #A4A8A7 solid;
text-align: left;
}
.row {
margin-bottom: 17px;
}
.container .fifteen.columns {
     
float: right;
width: 100%;
height: 310px;
background-color: #CCEBDC;

}
.navwithanchor {
width: 100%;
}

.navwithanchor2 {
width: 100%;
}
.nav a {
height: 42px;
line-height: 42px;
width: 100%;
text-align: left;
border-top: 1px #A4A8A7 solid;
}

.nav {
width: 100%;
}
.slicknav_menu {
display: none;
}
.grid {
width: 750px;
}
#navigation {
height: 100%;
margin-top: 3px;
}
#ctl00_MenuTop a.static {
padding: 5px 22px !important;
}
.slicknav_nav li {
width: 100%;
}
.divcontact {
top: 61px;
left: 0px;
width: 100%;
text-align: center;
position: initial;
}
.divImg:nth-child(3n+3) {
width: 99%;
}

.prod-box {
width: 360px;
}
.grid li {
width: 370px!important;
}
.titleh1 {
width: 100%;
}
}
@media only screen and (min-width: 959px) and (max-width: 1023px) {
    .slick-prev {
  
    display:none!important;
}

.slick-next {
    
        display:none!important;
    }
.titleh1 {
width: 100%;
}
.nav {
width: 65%;}
 .navwithanchor {
    width: 65%;}   
    
    .navwithanchor a {
padding: 0px 18px;}
.nav a{padding: 0px 18px;}
.navwithanchor1 a {
padding: 0px 18px;}    
.navwithanchor2 a{ padding: 0px 18px;}

.divcontact {
width: 75%;
}
#top-header {
width: 950px;
}
.container .eleven {
width: 49%!important;
}
.container .four {
width: 15%!important;
}
.container .fifteen.columns {
height: 66px;
width: 85%!important;

}
.container .three {
width: 20%;
float: right;
}
.row {
margin-bottom: 17px;
}
#navigation {
height: auto;
margin-top: 55px;
}
#ctl00_MenuTop a.static {
padding: 5px 22px !important;
}
.slicknav_menu {
display: none;
}
.slicknav_nav li {
width: 100%;
}
#mainContent img {
height: auto;
}
.ChouImg img {
width: 45%!important;
height: auto!important;
margin-right: 25px;
margin-bottom: 15px;
}
.divImg {
margin-left: 4px;
margin-right: 4px;
}
.divImg:nth-child(3n+3) {
width: 99%;
}
.grid li img {
width: 100%;
}
.grid li {
width: 315px!important;
}
.prod-box {
width: 315px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.container {
width: 100%;
}
#top-header {
width: 100%;
}
.container .eleven {
width: 49%!important;
}
.container .three {
width: 20%;
float: right;
}
.row {
margin-bottom: 17px;
}
.semore {
width: 1024px;
}
.titleh1 {
width: 100%;
}
.divImg {
margin-left: 5px;
margin-right: 5px;
}
.divcontact {
width: 80%;
margin: 0 auto;
}
.navwithanchor {
width:65%;

}

.navwithanchor a {
padding: 0px 18px;}
.nav a{padding: 0px 18px;}
.navwithanchor1 a {
padding: 0px 18px;}    
.navwithanchor2 a{ padding: 0px 18px;}

.nav {
width: 65%;
}
.container .four {
width: 16%!important;
}
.navwithanchor1 {
width: 15%;
}
#navigation {
height: auto;
margin-top: 55px;
}
.container .fifteen.columns {
width: 80%;
}
#ctl00_MenuTop a.static {
padding: 5px 22px !important;
}
.slicknav_menu {
display: none;
}
.slicknav_nav li {
width: 100%;
}
.ChouImg img {
width: 45%!important;
height: auto!important;
margin-right: 25px;
margin-bottom: 15px;
}
.grid li {
width: 330px!important;
}
.prod-box {
width: 320px;
}
}