@media screen and (max-width:1169px) {
.auto-container {
width:96%;
}
.effect.effect-twelve img {
max-width: 100%;
transform: inherit;
-webkit-transform: inherit;
}
.box-tab {
width: 32%;
margin: 4px;
}	
.box {
width: 48%;
margin: 5px 7px;
}
.tab-container {
padding: 15px 0;
}
.wrapper.tab-item h3:after {
display:none;
}
.tab .effect .tab-text {
padding: 20px;
}
.service {
min-height: 250px;
}
.owl-nav button.owl-next span, .owl-nav button.owl-prev span {
font-size: 35px;
border: 0;
padding: 0;
}

}











@media screen and (max-width:767px) {
	
.auto-container {
width:96%;
}
.nav-left img {
width: 100px;
}
.why-choose-outer h1 {
font-size: 30px;
padding: 0px !important;
margin: 0px;
}
.why-choose-outer h2 {
font-size: 18px;
margin: 0px 0px 5px;
font-weight: 400;
}
.why-choose-outer p {
font-size: 14px;
margin-bottom: 5px;
}
.service {
width: 100%;
margin: 34px 0px;
padding: 10px;
min-height: 160px;
}
.service h3 {
font-size: 20px;
margin: 5px 0px;
}
.page-content-outer img {
width: 100%;
margin: 0px;
padding-bottom: 10px !important;
}
.page-content-outer:before {
display:none;
}

.contact-left {
width: 100%;
}
.contact-right {
width: 100%;
padding-top:10px;
}
.contact-outer:after {
display:none;
}
.contact-outer {
padding: 20px 0px;
}
.contact-outer h4 {
font-size: 25px;
}
.contact-left ul li .fa {
font-size: 17px;
width: 40px;
height: 40px;
padding: 10px;
}
.title-outer {
padding: 50px 0px;
margin:60px 0px 0px;
}
.title-outer h1 {
font-size: 40px;
}
.page-content-outer p {
font-size: 15px;
}
.page-content-outer h2 {
font-size: 20px;
}
.copy-right p {
font-size: 14px;
}
.wrapper.tab-item h3 {
display:none;
}
.tab-container {
padding: 20px 0;
}
section#style_12 {
overflow: hidden;
}
.box-tab {
margin: 10px 0px;
width: 100%;
}
.box {
width: 100%;
margin: 10px 0px;
}
.tab .effect .tab-text {
padding: 43px;
}
.owl-nav button.owl-next span, .owl-nav button.owl-prev span {
font-size: 20px;
border: 0;
padding: 0;
}
.service-inner {
padding: 30px 0px 0px;
}





.main-links {
width: 100%;
}
.main-links ul h4 {
font-size: 23px;
margin-bottom: 5px !important;
}
.main-links ul {
margin: 10px 0px !important;
}
.copy-left {
width: 100%;
text-align: center;
}
.copy-right {
width: 100%;
text-align: center;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
right: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 20px;
color: #fff;
display: block;
border-bottom: 1px solid #ffffff4a;
transition: 0.3s;
}

.sidenav a:hover {
color: #f1f1f1;
}

.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 25px;
border:0;
margin-left: 50px;
}
.menubutton {
display: block;
position: absolute;
top: 16px;
color: #000;
right: 20px;
font-size: 25px;
}
.nav-right ul li {
width: 100%;
}
.nav-right ul li a {
color: #fff;
padding: 10px 20px;
font-weight: 100;
}
.wrapper.tab-item h3:after {
left: 219px;
}
.grid-width3, .grid-width6 {
max-height: inherit !important;
max-width: 100%!important;
}
.effect.effect-twelve img {
width: 100%;
}
.effect.effect-twelve {
border: none;
}
.effect.effect-twelve:hover img {
transform: inherit!important;
}
.effect.effect-twelve img {
transform: inherit!important;
-webkit-transform: inherit;
}

}