@media only screen and (min-width: 1200px) {
.container {
    max-width: 1300px;
}
}

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



@media only screen and (max-width: 767px) {
	
	.navbar-light .navbar-collapse {
		background:#fff !important;
	}
	
	.navbar-light .navbar-nav .nav-link {
		color:#000 !important;
		line-height:35px;
	}
	
	.banner-product-inner .image img {
		height:100%;
	}
	
	.company-group {
		position:relative;
	}
	
	.champol-logo {
		 width: 330px;
	}

	.banner-product-inner .content {
		padding: 10% 10% 10% 10%;
	}
	
	.content img {
		width: 310px;
	}
}

@media only screen and (max-width: 768px) {
	.work .work-text p {
		width:100%;
	}
	
	.navbar {
		display:block;
	}
	
	.navbar-light .navbar-nav .nav-link {
		padding:0 3px !important;
		margin-left: -17px !important;
	}
	
	.section-box-eleven figure {
		bottom:-100%;
	}
	
	 .connect .dropdown-menu  {
		left:-124px;
	}
	
	.start-header.scroll-on {
		
		padding:10px;
	}
	
		  .product-view {
    /* background: #fff; */
    height: auto;
    overflow: hidden;
    float: none;
    width: 100%;
}

.product-view li {
	display:table;
	    margin-bottom: 18px;
}

.product-view .product-cirlce-img img {
	width:100%;
	padding-left:0;
}
.product-view .left {
    width: 100%;
    float: left;
    text-align: right;
    padding-top: 34px;
}
.left li:first-child {
    position: relative;
    left: 0px;
}

.left li:nth-child(2) {
    position: relative;
    left: 0px;
    top: 0px;
}

.left li:nth-child(3) {
    position: relative;
    left: 0px;
    top: 0px;
}

.left li:nth-child(4) {
    position: relative;
    left: 0px;
    top: 0px;
}

.left li:last-child {
    position: relative;
   left: 0px;
    top: 0px;
}

.product-view .product-cirlce-img {
    width: 100%;
    text-align: center;
    float: left;
}

.product-view .right {
    width: 100%;
    float: left;
    text-align: left;
    padding-top: 34px;
}

.right li:first-child {
    position: relative;
    left: 0px;
}

.right li:nth-child(2) {
    position: relative;
    left: 0px;
    top: 0px;
}

.right li:nth-child(3) {
    position: relative;
    left: 0px;
    top: 0px;
}

.right li:nth-child(4) {
    position: relative;
    left: 0px;
    top: 0px;
}

.right li:last-child {
    position: relative;
   left: 0px;
    top: 0px;
}
}