@media screen and (min-width:769px) and (max-width:991px){
	    html{
	        font-size: 12px !important;
	    }
	    
	    .yige-service .content li,
	    .yige-service .content li:nth-child(even) {
            display: flex!important;
            flex-direction: column!important;
            height: 880px!important;
        }
        
        .yige-service .content li{
            height: 880px!important;
        }

	      
	    .brand-top > .col-md-offset-2 {
	        width: 100%!important;
	        margin-bottom: 30px;
	    }
	    .brand-top > .col-md-offset-2>div {
	        padding: unset!important;
	    }
	    .column{
	        display: flex;
	        align-items: center;
	    }
		.diycontainer{
			width: 750px;
			padding:0 24px;
		}
		.container{
			width: 750px;
			padding:0 24px;
		}
		.header{
			width: 750px;
		}
		.firstContainer{
			width: 750px;
		}
		/*second*/
		.second-box .describe h3 {
           width: initial; 
         
        }
		/*second end*/
		/*fourth*/
		.fourth-box .imgbox .imgitem div h2 {
            padding-left: 24px;
         
        }
		/*fourth end*/
		/*fifth*/
		.fifth_navbox ul li {
            padding-left: 20px;
            width: calc(100% - 30px);
        }
        .fifth_navbox ul li img {
            margin-right: 20px;
        }
        .fifth_content {
            width: 60%;
            padding-left:20px;
        }
        .fifth_content .swiper-wrapper .swiper-slide {
             padding-left: initial; 
            overflow: hidden;
        }
        .fifth_content h1 {
             width: calc(100% - 20px);
            overflow: hidden;
        }
        .fifth_content h3 {
             width: calc(100% - 20px);
             height: 64px;
        }
		/*fifth end*/
		/*sixth*/
		.sixth .diycontainer{
		    flex-direction: column;
		    
		}
		.sixth .diycontainer .sixth_navbox{
		    width: 100%;
		}
		.sixth .diycontainer .sixth_content{
		    width: 100%;
		}
		/*sixth end*/
		/*seventh*/
		.seventh_box_right{
		    padding-left: 45px;
		}
		.seventh_box_right h3 {
            
             width: 100%; 
        
        }
	    /*seventh end*/
		/*footer*/
		.footer h1{
        
        	width: initial;
        
        }
        
         .footer .diycontainer .left {
            width: 50%;
            padding-right: 0;
        }
        .footer .diycontainer .right {
            width: 50%;
            display: flex;
            flex-direction: column;
            padding-left: 10%;
            justify-content: space-between;
        }
        .form-wrap:nth-of-type(2){
            margin-left: -50vw;
        }
        .footer .diycontainer .right .form-control {
            width: initial;
        }
		/*footer end*/
	}