@-ms-viewport {
  width: device-width;
}

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

.slicknav_menu {
	display:none;
}
.services-mobile{
display:none;}

.about-menu {
display:none;}

}

@media only screen and (min-width: 951px) and (max-width: 1199px) {
.slicknav_menu {
	display:none;
}
.services-mobile{
display:none;}

.about-menu {
display:none;}

}




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

body{
overflow-x:hidden;
margin-left:auto;
margin-right:auto;
width:100%;
min-width:320px;
max-width:100%;
height:auto;
background-color:white;
}

.article{
margin-left:auto;
margin-right:auto;
min-width:320px;
max-width:100%;
}


.main{
margin-left:auto;
margin-right:auto;
min-width:320px;
max-width:100%;
height:auto;
background-color:white !important;}

.header {
background-color:white;}


.header_resize {
margin-left:auto;
margin-right:auto;
min-width:320px;
max-width:100%;
}

.content_resize{
max-width:100%;
}

.footer{
float:left;
max-width:100%;
min-width:100%;
}

.footer_resize{
float:left;
margin-left:auto !important;
margin-right:auto !important;
width:92.5% !important;
}

.mainbar{
max-width:100px;
}

.one-half{
display:none;}

.one-third{
display:none;}

.logo h1 {
}

.menu_nav {
display:none;}

.topmenu {
display:none;}

.hbg_img {
max-width:90%;
height:20%;}

.services-mobile {
margin-left:50px;
width:100%;
text-align:left;}

#gallery{
width:130% !important;
max-height:40%;
margin-right:-100%;}

#gallery ul li.click i img.default{
max-width:200px;
max-height:200px;
float:left;}

#gallery ul li.click i{
max-width:200px;}

#gallery ul{
max-width:100px;

}

.gallery-des{
margin-left:20px;
width:80%;}


#gallery ul li.click i img {
width:100% !important;}


.infobox{
margin-left:10px;
max-width:100%;}

input[type="text"], input[type="password"], input[type="search"], input[type="url"], input[type="email"], input[type="number"], input[type="phone"], select, textarea {
max-width:100%;}

.contact-page {
width:100%;
height:auto;

}

.map-location{
width:100%
}

.maps{
width:100%;

}

.col-12{
width:100%
}

.col-24{
float:right;
margin-left:200px;
width:100%;
height:100%;}

.contact-p{
margin-left:0px;}

.contact {
margin-top:40px;

}




html {
margin-left:auto;
margin-right:auto;
width:100%;
}


}



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

body{
overflow-x:hidden;
margin-left:auto;
margin-right:auto;
width:100%;
min-width:320px;
max-width:100%;
height:auto;
background-color:white;
}

.article{
float:left;
min-width:320px;
max-width:100%;
}


.main{
margin-left:auto;
margin-right:auto;
min-width:320px;
max-width:100%;
height:auto;
background-color:white !important;}

.header {
background-color:white;}


.header_resize {
margin-left:auto;
margin-right:auto;
min-width:320px;
max-width:100%;
}

.content_resize{
max-width:100%;
}

.footer{
float:left;
max-width:100%;
min-width:100%;
}

.footer_resize{
float:left;
margin-left:auto !important;
margin-right:auto !important;
width:92.5% !important;
}

.mainbar{
max-width:100px;
}

.one-half{
display:none;}

.one-third{
display:none;}

.logo h1 {
}

.menu_nav {
display:none;}

.topmenu {
display:none;}

.hbg_img {
max-width:90%;
height:20%;}

.services-mobile {
width:100%;
margin-left:50px;
text-align:left;}

#gallery{
max-width:100%;;
max-height:100%;
margin-right:-70%;}

#gallery ul li.click i img.default{
max-width:200px;
max-height:200px;
float:left;}

#gallery ul li.click i{
max-width:200px;}

#gallery ul{
max-width:100px;
margin-left:-20px;
}

.gallery-des{
margin-left:20px;
width:80%;}


#gallery ul li.click i img {
width:100% !important;}


.infobox{
margin-left:10px;
max-width:100px;}

input[type="text"], input[type="password"], input[type="search"], input[type="url"], input[type="email"], input[type="number"], input[type="phone"], select, textarea {
max-width:200px;}

.contact-page {
width:100%;
height:auto;

}

.map-location{
width:100%
}

.maps{
width:100%;

}

.col-12{
float:left;
margin-top:-60px;
width:100%;}

.col-24{

width:100%; 
height:100%;}

.contact-p{
margin-left:0px;}

.contact {
margin-top:40px;

}

.close {
display:none;}


html {
margin-left:auto;
margin-right:auto;
width:100%;
}


}





@media only screen and (min-width: 320px) and (max-width: 479px){

body{
overflow-x:hidden;
margin-left:auto;
margin-right:auto;
width:100%;
min-width:320px;
max-width:100%;
height:auto;
background-color:white;
}

.article{
margin-left:auto;
margin-right:auto;
min-width:320px;
max-width:100%;
}


.main{
margin-left:auto;
margin-right:auto;
min-width:320px;
max-width:100%;
height:auto;
background-color:white !important;}

.header {
background-color:white;}


.header_resize {
margin-left:auto;
margin-right:auto;
min-width:320px;
max-width:100%;
}

.content_resize{
max-width:100%;
}

.footer{
float:left;
max-width:100%;
min-width:100%;
}

.footer_resize{
float:left;
margin-left:auto !important;
margin-right:auto !important;
width:88.8% !important;
}

.mainbar{
max-width:100px;
}

.one-half{
display:none;}

.one-third{
display:none;}

.logo h1 {
}

.menu_nav {
display:none;}

.topmenu {
display:none;}

.hbg_img {
max-width:90%;
height:20%;}

.services-mobile {
width:100%;
margin-left:50px;
text-align:left;}

#gallery{
max-width:330px;
max-height:300px;}

#gallery ul li.click i img.default{
max-width:200px;
max-height:200px;
float:left;}

#gallery ul li.click i{
max-width:200px;}

#gallery ul{
max-width:100px;
margin-left:-20px;
}

.gallery-des{

width:80%;}

#gallery ul li.click i img {
width:100% !important;}



.infobox{
margin-left:10px;
max-width:100px;}

input[type="text"], input[type="password"], input[type="search"], input[type="url"], input[type="email"], input[type="number"], input[type="phone"], select, textarea {
max-width:200px;}

.contact-page {
width:100%;
height:auto;

}

.map-location{
width:100%
}

.maps{
width:100%;

}

.col-12{
margin-top:-60px;
width:80%;}

.col-24{

width:100%; 
height:100%;}

.contact-p{
margin-left:0px;}

.contact {
margin-top:40px;

}

.close {
display:none;}


html {
margin-left:auto;
margin-right:auto;
width:100%;
}

}