@media only screen and (min-width: 100px) and (max-width: 800px){
	.navi_header_menu {
	    clear: left!important;
	    top: 72px!important;
	    height: 247px!important;
	    position: relative!important;
	    z-index: 500;
	    border: 1px #00933A solid!important;
	    padding-left: 10px!important;
	    width: 260px!important;
	    background: #eee!important;
	}
	.navi_header_menu ul {
	    display: list-item!important;
	    padding: 2px 40px 2px 15px!important;
	    background: none!important;
	}
	.navi_header_menu ul a {
		float: none!important;

	}
	.navi_header_menu ul li a {
	    padding-left: 5px!important;
	    background:none!important;
	    border-bottom: 1px dotted black;
	}
	.navi_header_menu ul li:first-of-type{
		padding-top: 20px;
	}
	.navi_header_menu ul li:last-child{
		border-bottom: none;
	}
	.navi_header_menu ul li a:hover{
		
		color: #6fc995!important;
		padding: 0 20px!important;
	}
	.navi_header_menu ul li {
	    height: 28px;
	    background: none!important;
	    float: none!important;
	}
    button img{
		width: 20px!important;
	}
	
	#main_content{
		min-height: 560px!important;
	}
	.main-content-client{
		overflow: hidden!important;
	}
	#main_content_page{
		overflow: hidden!important;
	}
	#header{
		position: relative!important;
	}
	#content_box{
		margin-top: 120px;
	}
	#content_box .content_text{
		margin: 0px!important;
		padding: 0px!important;
	}
	#flash{

		position: relative!important;
	}
	.content_text p{
		padding: 5px!important;
	}
	#flash .banner_news a:first-of-type{
		margin-top: 2px!important;
	}

#wrap-slide {
    /* width: inherit !important; */
}

#wrap-slide .swiper {
    /* top: -7px !important; */
}

#w-news {
    /* display: block !important; */
}
	#footer{
		padding-left: 0px!important;
		border-left: 2px solid #FFF;
    	border-right: 2px solid #FFF;
	}
	#flash .banner_news img:nth-of-type(2){
		margin-left: -10px!important;
	}
	/*about*/
	#content_box1{
		margin-left: 0px!important;
		width: 287px!important;
	}
	#breadcrumb{
		margin-left: 3px!important; 
	}
	#content_box1 .content_text{
		margin: 0px!important;
		padding: 5px 0px 10px 0px!important;

	}
	/*site map*/

	
	#sitemap_box{
		width: 280px!important;
	}

	
}
@media only screen and (min-width: 100px) and (max-width: 350px) {
   #wrapper,#header,#main_content,#content_box,.content_text,#flash,#footer,#main_content_page,#page_img1{
		width: 299px!important;
   }
   #header #language{
   		right: 32px!important;
   }
   .banner_news a{
		position: absolute!important;
	}
	#btn-menu{
		top: -16px;
	}
	#flash{
		height: 103px!important;
	}
   #flash a img{
		margin-top: 3px!important;
    	margin-left: -7px!important;
    	width: 289px!important;
    	height: 90px!important;
	}	
	
	#content_box .headline{
		width: 260px!important;
		margin: 0px!important;
	}
	#contact_box{
		margin-left: 10px!important;
	}
	#contact_box,#partner_box{
		float: left!important;
		width: 110px!important;
		margin-right: 10px!important;
	}
	.banner_news{
		margin-left: 0!important;
		height: 35px!important;
		padding: 0px!important; 

	}
	.banner_news img{
		display: none;
	}
	#footer ul li:first-of-type{
		margin-left: 70px!important; 
	}
	/*about*/
	#contact_box2{
		width: 126px!important;
	}
	#content_box1 .headline{
		width: 274px!important;
		margin-left: 0px!important;
	}
	#page_img1{
		margin-right: 0px!important;
	}
	#page_img1 img{
		width: 149px!important;
		margin: 0px!important;
		
	}
	/*for client*/
	#content_box2{
		width: 290px!important;
		margin-left: 0px!important;
	}
	#content_box2 .content_text{
		padding: 10px 0!important;
		margin-left: 0px!important;
	}
	#content_box2 .headline{
		width: 290px!important;
        margin: 0px!important;
	}
	#page_img{
		margin-right: 60px!important;
	}
	#page_img #contact_box2{
		width: 135px!important;
	}
	/*areas*/
	#main_content_page #page_img1{
		width: 290px!important;
	}
	#page_img1 .float{
		width: 129px!important;
	}
	/*site map*/
	#sitemap_box .content_text{
		width: 200px!important;
	}
    #sitemap_box .headline{
		width: 230px!important;
	}
    #sitemap_box {
        margin-left: 10px!important;
    }
	/*privacy*/
	#privacy_content .headline{
		width: 280px!important;
	}
	#privacy_content{
		width: 290px!important;
	}
  
}
@media only screen and (min-width: 100px) and (max-width: 450px) {
	
}
@media only screen and (min-width: 350px) and (max-width: 450px) {
	#wrapper,#header,#main_content,#content_box,.content_text,#flash,#footer,#main_content_page{
		width: 339px!important;
   }
   #wrapper{
   		border: none;
   }
   #header #language{
   		right: 32px!important;
   }
   .banner_news a{
		position: absolute!important;
	}
	#flash{
		height: 119px!important;
	}
   #flash a img{
		margin-top: -3px!important;
    	margin-left: -7px!important;
    	width: 335px!important;
    	height: 114px!important;
	}
	#flash .banner_news a:first-of-type {
    	margin-top: 13px!important;
 }

#wrap-slide {
    width: inherit !important;
}

#wrap-slide {
    width: inherit !important;
}

#wrap-slide .swiper {
    top: -7px !important;
    left: 5px !important;
}

#w-news {
    display: block !important;
}
	#content_box .headline{
		width: 310px!important;
		margin: 0px!important;
	}
	#contact_box{
		margin-left: 30px!important;
	}
	#contact_box,#partner_box{
		float: left!important;
		width: 110px!important;
		margin-right: 17px!important;
	}
	.banner_news{
		margin-left: 0!important;
		height: 35px!important;
		padding: 0px!important; 

	}
	.banner_news img{
		display: none;
	}
	#footer ul li:first-of-type{
		margin-left: 70px!important; 
	}

	/*about*/
	#content_box1 .headline{
		width: 320px!important;
		margin-left: 0px!important;
	}
	#contact_box2{
		width: 135px!important;
	}
	#page_img1{
		margin-right: 1px!important;
		width: 312px;
	}
	#page_img1 img{
		width: 155px!important;
	}
	/*for client*/
	#content_box2{
		width: 290px!important;
		margin-left: 0px!important;
	}
	#content_box2 .content_text{
		padding: 10px 0!important;
		margin-left: 0px!important;
	}
	#content_box2 .headline{
		width: 330px!important;
        margin: 0!important;
	}
	#page_img{
		margin-right: 80px!important;
	}
	/*site map*/
	#sitemap_box .content_text{
		width: 230px!important;
	}
	#sitemap_box{
		padding-left: 0px!important;
	}
    #sitemap_box .headline{
		width: 260px!important;
	}
	/*privacy*/
	#privacy_content .headline{
		width: 310px!important;
	}
	#privacy_content{
		width: 320px!important;
	}

    
}
@media only screen and (min-width: 100px) and (max-width: 400px) {
    
}
@media only screen and (min-width: 420px) and (max-width: 550px) {
	#wrapper,#header,#main_content,#content_box,.content_text,#flash,#footer,#main_content_page{
		width: 455px!important;
   }
   #header #language{
   		right: 32px!important;
   }
   .banner_news a{
		position: absolute!important;
	}
	#flash{
		height: 119px!important;
	}
    #flash a img{
		margin-top: -1px!important;
    	margin-left: -7px!important;
    	width: 445px!important;
    	height: 114px!important;
	}
	#flash .banner_news a:first-of-type {
    	margin-top: 13px!important;
 }

#wrap-slide {
    width: inherit !important;
}

#wrap-slide .swiper {
    top: -7px !important;
    left: 9px !important;
}

#w-news {
    display: block !important;
}
	
	#content_box .headline{
		width: 426px!important;
		margin: 0px!important;
	}
	#contact_box{
		margin-left: 70px!important;
	}
	#contact_box,#partner_box{
		float: left!important;
		width: 110px!important;
		margin-right: 30px!important;
	}
	.banner_news{
		margin-left: 0!important;
		height: 35px!important;
		padding: 0px!important; 

	}
	.banner_news img{
		display: none;
	}
	#footer ul li:first-of-type{
		margin-left: 150px!important; 
	}
	/*about*/
	#content_box1 .headline{
		width: 430px!important;
		margin-left: 0px!important;
         background: url(https://diakoptics.com/mdata/authortt/bluewheelservices-com/media/contents/522hnWWPVAe914O23TJC.gif) no-repeat!important;
	}
	#contact_box2{
		width: 158px!important;
	}
	#page_img1{
		margin-right: 40px!important;
		width: 350px!important;
	}
	#page_img1 img{
		width: 169px!important;
	}
	/*for client*/
	#page_img #contact_box2{
		width: 148px!important;
	}
	#content_box2{
		width: 260px!important;
		margin-left: 0px!important;
	}
	#content_box2 .content_text{
		padding: 10px 0!important;
		margin-left: 0px!important;
		width: 270px!important;
	}
	#content_box2 .headline{
		width: 260px!important;
        margin: 0px!important;
	}
	#page_img{
		margin-right: 0px!important;
	}
	#contact_box2{
		padding: 12px 4px!important;
	}
	#content_box2 p{
		padding: 0!important;
	}
    /*site map*/
    #sitemap_box .headline{
		width: 260px!important;
	}
	#sitemap_box .content_text{
		width: 230px!important;
	}
	/*privacy*/
	#privacy_content .headline{
		width: 415px!important;
	}
	#privacy_content{
		width: 425px!important;
	}
    
}
@media only screen and (min-width: 550px) and (max-width: 700px) {
	#wrapper,#header,#main_content,#content_box,.content_text,#flash,#footer,#page_img1,#main_content_page{
		width: 545px!important;
   	}
   	.banner_news a{
		position: absolute!important;
	}
   	#header #language{
   		right: 32px!important;
   }
   #flash{
		height: 140px!important;
	}
   	#flash a img{
		margin-top: -6px!important;
    	margin-left: -7px!important;
    	width: 535px!important;
    	height: 140px!important;
	}
	#flash .banner_news a:first-of-type {
    	margin-top: 15px!important;
 }

#w-news {
    display: block !important;
}

div#wrap-slide .swiper {
    top: -7px !important;
    left: 10px !important;
}
	
	#content_box .headline{
		width: 510px!important;
		margin: 0px!important;
	}
	#contact_box{
		margin-left: 140px!important;
	}
	#contact_box,#partner_box{
		float: left!important;
		width: 110px!important;
		margin-right: 30px!important;
	}
	.banner_news{
		margin-left: 0!important;
		height: 35px!important;
		padding: 0px!important; 

	}
	.banner_news img{
		display: none;
	}
	#footer ul li:first-of-type{
		margin-left: 180px!important; 
	}
    /*about*/
	#content_box1 .headline{
		width: 520px!important;
		margin-left: 0px!important;
        background: url(https://diakoptics.com/mdata/authortt/bluewheelservices-com/media/contents/522hnWWPVAe914O23TJC.gif) no-repeat!important;
	}
	#contact_box2{
		width: 159px!important; 
		padding: 12px 4px!important;
	}
	#page_img1{
		margin-right: 70px!important;
		width: 350px!important;
	}
	#page_img1 img{
		width: 169px!important;
	}
	/*for client*/
    #page_img  #contact_box2{
        width: 147px!important;
    }
	#content_box2{
		width: 300px!important;
		margin-left: 0px!important;
	}
    
	#content_box2 .content_text{
		padding: 10px 0!important;
		margin-left: 0px!important;
		width: 350px!important;
	}
	#content_box2 .headline{
		width: 340px!important;
        margin: 0!important;
	}
	#page_img{
		margin-right: 0px!important;
	}
	.contact-client{
		width: 150px!important;
	}

	/*site map*/
	#sitemap_box .content_text{
		width: 300px!important;
	}
	#sitemap_box{
		padding-left: 0px!important;
        margin-left: 100px!important;
	}
    #sitemap_box .headline {
        width: 330px!important;
    }
	/*privacy*/
	#privacy_content .headline{
		width: 515px!important;
	}
	#privacy_content{
		width: 525px!important;
	}
    
}
@media only screen and (min-width: 700px) and (max-width: 750px) {
	#wrapper,#header,#main_content,#flash,#footer,#main_content_page{
		width: 700px!important;
   	}
   	#content_box{
   		width: 100px!important;
   	}
   	#flash {
    	height: 190px!important;
   	}
   	.banner_news{
   		width: 0px!important;
   	}
   	.banner_news a{
   		font-size: 11px!important;
   	}
   	.news_text{
   		width: 120px!important;
   		margin-left: 0px!important;
   	}
   	#content_box{
   		margin-top: 10px;
   	}
   	#content_box .content_text{
   		padding: 0 13px 0px 13px!important;
   		width: 430px!important;
   	}
   	#contact_box{
   		margin-right: 10px!important;
   	}
   	#content_box .headline{
   		width: 427px!important;
        margin: -9px 0px!important
   	}
   	#partner_box{
   		margin:90px -210px 5px 0!important;
   	}
   	#footer ul li:first-of-type{
		margin-left: 260px!important; 
	}
	/*about*/
	#content_box1 .headline{
		width: 370px!important;
		margin-left: 0px!important;
	}
	#contact_box2{
		width: 115px!important;
		font-size: 13px;
	}
	#page_img1{
		margin-right: 0px!important;
		width: 290px!important;
	}
	#page_img1 img{
		width: 140px!important;
	}
	/*for client*/
    #page_img  #contact_box2{
        width: 147px!important;
    }
	#content_box2{
		width: 300px!important;
		margin-left: 0px!important;
	}
	#content_box2 .content_text{
		padding: 10px 0!important;
		margin-left: 0px!important;
		width: 500px!important;
	}
	#content_box2 .headline{
		width: 490px!important;
        margin: 0px!important;
	}
	#page_img{
		margin-right: 0px!important;
	}
	#contact_box2{
		padding: 12px 4px!important;
		width: 147px!important;
	}
	/*site map*/
	#sitemap_box .content_text{
		width: 300px!important;
	}
	#sitemap_box{
		padding-left: 0px!important;
	}
    #sitemap_box .headline {
        width: 330px!important;
    }
}
@media only screen and (min-width: 750px) and (max-width: 800px) {
	#wrapper,#header,#main_content,#flash,#footer,#main_content_page{
		width: 744px!important;
   	}
   	#content_box{
   		width: 100px!important;
   	}
   	#flash {
    	height: 190px!important;
   	}
   	.banner_news{
   		width: 0px!important;
   	}
   	.banner_news a{
   		font-size: 12px!important;
   	}
   	.news_text{
   		width: 155px!important;
   		margin-left: 0px!important;
   	}
   	#content_box{
   		margin-top: 10px;
   	}
   	#content_box .content_text{
   		padding: 0 13px 0px 13px!important;
   	}
   	#contact_box{
   		margin-right: 0px!important;
   	}
   	#content_box .headline{
   		width: 498px!important;
   		margin :-9px 0px!important;
   	}
   	#partner_box{
   		margin:90px -210px 5px 0!important;
   	}
   	#footer ul li:first-of-type{
		margin-left: 260px!important; 
	}
	/*about*/
	#content_box1 .content_text{
		width: 413px!important;
	}
	#content_box1 .headline{
		width: 390px!important;
		margin-left: 0px!important;
	}
	#contact_box2{
		width: 134px!important;
	}
	#page_img1{
		margin-right: 0px!important;
		width: 300px!important;
	}
	#page_img1 img{
		width: 144px!important;
	}
	/*for client*/
    #page_img  #contact_box2{
        width: 147px!important;
    }
	#content_box2{
		width: 300px!important;
		margin-left: 0px!important;
	}
	#content_box2 .content_text{
		padding: 10px 0!important;
		margin-left: 0px!important;
		width: 540px!important;
	}
	#content_box2 .headline{
		width:530px!important;
        margin: 0!important;
	}
	#page_img{
		margin-right: 5px!important;
	}
	#contact_box2{
		padding: 12px 4px!important;
		
	}
	/*site map*/
	#sitemap_box .content_text{
		width: 300px!important;
	}
	#sitemap_box{
		padding-left: 0px!important;
	}
	#privacy_content .headline{
		width: 715px!important;
	}
	#privacy_content{
		width: 725px!important;
	}
    #sitemap_box .headline {
        width: 330px!important;
    }
}

@media only screen and (max-width: 350px) {
  #wrap-slide{
      width: inherit !important;
  }
    
}