@media all and (max-width:1170px)
{
	#section3 .col-right { width: 615px; }
	#section3 .col-right ul li { width: 155px; }
    #section3 .col-right ul li.item1 { padding-right: 30px; }
    #section3 .col-right ul li.item1::after { right: -20px; }
}

@media all and (max-width:1000px)
{
	header ul li { padding-left: 18px; font-size: 16px; }
	#section1 .col-left { width: 420px; }
	#section1 .col-right { width: 280px; }
	#section1 .col-right .input-line input { width: 210px; }
	#section1 .col-right .select-line .select-label { width: 210px; }
	#section1 .col-right .button input { width: 240px; }
	#section1 .col-left h2 { font-size: 30px; line-height: 36px; }
    #section1 .col-left h3 { font-size: 18px; line-height: 24px; }
    
    #section3 h2 { font-size: 30px; }
	#section3 .col-right { float: none; margin-left: 360px; width: auto; text-align: center; }
	#section3 .col-right ul li { width: 110px; float: none; display: inline-block; vertical-align: top; }
    #section3 .col-right ul li.item1::after { right: auto; left: 50%; margin-left: -30px; top: auto; bottom: -50px; transform: rotate(90deg); }
	#section3 .col-right ul li.item1 { float: none; width: 100%; overflow: hidden; text-align:center; }
	#section3 .col-right ul li.item1 span { display: inline-block; width: 120px; text-align: center; }
	
	#section6 .select-group .select { margin-right: 10px; }
	#section6 fieldset .result { float: none; border-left-width: 0; width: 300px; clear: both; margin: 0 auto; padding-top: 30px; padding-left: 0; text-align:center; }
    #section6 fieldset .result strong::before { position: static; display: inline-block; margin-right: 10px; }
  
}
@media all and (max-width:740px)
{
	header ul li { padding-left: 14px; font-size: 14px; }
	
	#section1 .col-left { margin-bottom: 30px; }
	#section1 .col-right { float: none; margin: 0 auto; clear: both; }
	
	#section2 ul { display: flex; flex-wrap: wrap; }
	#section2 ul li { display: block; width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	#section2 ul li:first-child { padding-left: 42px; background-position: 0 50%; }
	
	#section3 h2 { text-align:center;  background-position: center bottom; }
	#section3 .col-left {float: none; margin-left: auto; margin-right: auto; }
	#section3 .col-right { margin-left: auto; margin-right: auto; width: 330px; }
    #section3 .col-right ul li { display: block; margin: 0 auto; }
    #section3 .col-right ul li::before { display: none; }
	
	#section4 .section-content { margin-left: auto; margin-right: auto; width: 330px; }
	
	#section5 ul.points { display: block; }
	#section5 ul.points li { display: block; background-position: 8px 50%; }
	#section5 ul.points li:first-child { padding-left: 42px; background-position: 8px 50%; }
    
	#section5 ul.icons li { display: block; text-align:center; width: auto; }
	#section5 ul.icons li.item2 { width: auto; }
	#section5 ul.icons li.item3 { width: auto; }
	
    #section6 form { margin: 0 10px; }
    #section6 fieldset .result { width: auto; }
	#section6 .select-group { width: 50%; }
	#section6 .select-big { width: 50%; }

    
	#section7 ul li { display: block; width: auto; }
	
}

@media all and (max-width:650px)
{
	header ul { display: none; }
	#section2 ul li { width: 100%; }
	
	#section3 .col-left { width: 300px; }
	#section3 .col-right { width: 270px; }
	#section3 .col-right ul li { width: 90px; } 
	
	#section4 .section-content {width: 300px; }
	
	#section5 ul.points {width: 300px; margin-left: auto; margin-right: auto; padding: 0; }

    
	#section6 .select-group { width: auto; float: none; overflow: hidden; }
	#section6 .select-big { width: auto; float: none; }
	
	#section8 .input-line  {width: 300px; margin-bottom: 10px; }
	
	#section9 .section-content { width: 270px; padding: 15px; }
	
	footer ul li { padding: 0 5px; }
}