@charset "utf-8";
/* CSS Document */

@media (max-width:1366px){
.banner-up {
    background: url(../images/bnr-txt-bg.jpg) center no-repeat;
    padding: 40px 18% 30px 8%;
    background-size: cover;
}
.banner .slick-dots {
    right: 10%;
}

.inner-banner-up {
    background: url(../images/bnr-txt-bg.jpg) center no-repeat;
    padding: 40px 18% 30px 8%;
    background-size: cover;
}

}

@media (max-width:768px){

.container{
	
}

.cont_pad0{
	padding:0;
	}

.header {
	padding:0;	
}
.header-in {
    padding: 10px 0 0 0;
}
.affix .menu {
    position: absolute;
	margin-top: 0px;
}

.navbar-inverse .navbar-toggle {
    border: none;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background: none;
}
.menu ul li {
    display: block;
    margin: 0;
}
.menu ul li a:after {
    content: none;
}
.navbar-nav {
    margin: 0;
    margin-top: 0px;
}
.menu ul li a {
    background: #340f3f;
	color:#fff;
}
.menu ul li.active a {
    background: #6c1d84;
	color:#fff;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a b, .navbar-inverse .navbar-nav>.active>a:focus b, .navbar-inverse .navbar-nav>.active>a:hover b{
    background: #6c1d84;
	color:#fff;
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a b {
    color: #fff;
    padding: 0;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background: #6c1d84;
}
.navbar-inverse .navbar-nav>li>a{
	padding:10px 20px;
	border-bottom:1px solid #471456;
}
.navbar-inverse .navbar-nav>li:last-child>a{
	border:none;
}
.menu ul li:hover{
	transform:none;
}
.menu {
    padding: 0 15px;
    min-height: auto;
	background:none;
    position: relative;
    margin-top: -60px;
	text-align: left;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}

.navbar-toggle {
    padding: 10px 0;
}

.bars{
	display:inline-block;
}
.bar1, .bar2, .bar3 {
    width: 28px;
    height: 2px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
	cursor:pointer;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-7px, 5px);
    transform: rotate(-45deg) translate(-7px, 5px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -4px);
    transform: rotate(45deg) translate(-6px, -4px);
}

.logo{
	padding: 0 15px;

}
.logo img {
    width: 55%;
	display: inline-block;
}

.call {
    display: none;
}

.products-in{
	padding:0 0 10px 0;
	}
.products-in h2{
	margin-top:25px;
	margin-bottom: 15px;
}
.latest-left{
	padding-left:0px;
}
.latest-right {
    padding: 0;
    margin-top: 20px;
}
.latest-right h2{
	font-size:21px;
	text-align: center;
	margin:0;
}
.latest-slider-left{
	padding-left: 0px;
	text-align:center;
	display: inline-block;
}
.latest-app-last img{
	display: inline-block;
	float: none;
}
.latest-app-last{
	text-align: center;
	margin-top:20px;
	}
.slick-slide img{
	display: inline-block;
	width:100%;
	}	

.ad {margin: 0;}

.footer-logo{
	padding:10px 0;
}
.footer-bot-content{
	text-align: center;
	padding: 10px 0;
}
.footer-bot-content p {
    font-size: 12px;
	margin: 10px 0 7px 0;
}
.footer-bot-content ul{
	float: none;
	text-align: center;
}
.welcome{
	padding:35px 0;
	}
.products{
	padding:30px 0;
}
.products-1 {
    padding: 10px 22px;
}

.footer-top {margin: 20px 0;}
.footer-top a{
    font-size: 9px;
    padding: 5px;
    margin: 0;
}
.footer-logo {
    text-align: center;
}
.footer-logo img {
    width: 130px;
    display: inline-block;
    margin: 0 auto;
}
.footer-logo h2 {
    text-align: left;
}
.footer-logo ul {
    text-align: left;
}
.footer-logo h3, .footer-logo h4, .footer-logo h5 {
    text-align: left;
}


	
.latest-app img{
	float: none;
}

.contact_form{
	padding:20px 0;
	}

.latest-news{
	padding-top:35px;
	padding-bottom:35px;
}
.latest-app p{
	margin-top:10px;
}
.latest .slick-prev {
    left: 0;
    top: 57% !important;
}
.latest .slick-next {
    right: 0;
    left: auto;
    top: 57% !important;
    right: 27px;
}.latest-slider-right {min-height: auto;}


.prod_single_cont{
	border: none;
}

.banner-up {padding: 15px; min-height: 185px;}
.banner-up h2 {font-size: 15px; line-height: 20px;}
.banner-up p {font-size: 12px; width: 100%; padding-left: 0px;}
.banner-up p:before {width: 50px; margin-top: 4px; margin-left: -60px;}

.inner-banner-up {padding: 15px;}
.inner-banner-up h2 {font-size: 15px; line-height: 20px;}
.inner-banner-up p {font-size: 12px; width: 100%; padding-left: 0px;}
.inner-banner-up p:before {width: 50px; margin-top: 4px; margin-left: -60px;}

.banner .slick-dots li button::before {font-size: 12px; padding: 2px; width: 23px; height: 23px;}
.banner .slick-dots li { margin: 0 0 0 8px;}
.banner .slick-dots {right: 3%; top: 51%;}
.banner .slick-prev, .banner .slick-next {display: none !important;}


.abt_cont {
    padding: 30px 0;
}
.abt_cont h2 {
    font-size: 17px;
    margin: 20px 0 10px 0;
    font-weight: 400;
}
.abt_cont p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    width: 100%;
	text-align: justify;
}
.abt_cont span {font-size: 15px;}

.footer {
    padding: 0 0 15px 0;
}
.footer-dummy {
    padding: 10px;
}

.ser_cont {
    padding: 30px 0;
}
.ser_cont p {
    font-size: 14px;
    line-height: 22px;
    width: 100%;
	background: none; 
    padding-left: 0px;
    text-align: justify;
}

.prod_cont{
	 padding:30px 0;
}
.prod_single_cont h3 {
    min-height: auto;
}
.prod_single_cont {
    margin: 10px 0 30px 0;
    min-height: auto;
}
.prod_adj {
    padding: 20px 0 30px 0;
}
.prod_adj_lft {
    padding: 0;
}
.prod_adj_lft h5 {
    margin-bottom: 20px;
}

.contact_add h2 {
    margin-bottom: 20px !important;
}
.contact_add ul li:last-child {
    border-bottom: 1px solid #dcdcdc;
	margin-bottom:30px;
}
.conatct_map {
    margin-top: 0;
    padding: 0;
}

.prod_single {
    border-bottom: 1px dashed #612573;
    padding: 40px 0 10px 0;
}
.prod_cont h2 {
    margin: 10px 0 0px 0;
}

.products-left {
    padding: 0;
    margin-bottom: 20px;
}
.products-right {
    padding: 0;
}

.banner-up-new-left {
    padding: 0;
    display: none;
}
.latest {
    padding: 0;
}
.latest-slider-left img {
	width:100%;
}

.bguaatttb h2{ font-size:20px;}
.bguaatttb{ padding:20px 0;}

}

@media (max-width:768px){
	.service-img img{
		display:inline-block;
		float:none;
	}
	.service-img{text-align:center;}
}