
@media (max-width: 320px)  {	}
@media(min-width: 320px) and (max-width: 480px)
	{


	body {
		font-size: 18px;
		}
	.align-right, .align-left 	{
		text-align: center;
		}
	header {
		background: url(/wp-content/uploads/2018/04/head768-min.jpg);
		height: 700px;
		}
	.width1000 {
		width: 90%;
		max-width: 480px;
		min-width: 320px;
		}
	.logo {
		width: 60px;
		position: absolute;
		top: 55px;
		right: 10px;
		}
	.menu-1 {
		display: none;
		}
.emodal {	max-width: 320px;	min-width: 250px;	}

.modal1 input[type="tel"],  .modal1 input[type="text"] {	width: 100%;
	max-width: 300px;
}

#eModal-2   {
	width: 320px!important;
	max-width: 320px;
	}



.img-1 {
    display: none;
}

.big-3, .big-4 {
	display: block;
	text-align: center;
	border: 0 none;
	}

.hr-1 {
	height: 1px;
	background: #ccc;
	margin-top: 30px;
	}

.img-r {
	width: 100%;
	height: auto;
	}

	.phone {
		font-size: 20px;
		}
	.big1 {
		font-size: 50px;
		line-height: 120%;
		margin-top: 80px;
		}
	.big2 {
		font-size: 35px;
		line-height: 120%;
		}
	.icon img {
		width: 66px;
		height: 66px;
		}
	.width50 {		width: 100%;		}
	.text1 {
		font-size: 18px;
		margin-top: 4px;
		}
	.text2 {
		font-size: 19.5px;
		}
	.text3 {
		font-size: 16px;
		margin-top: -2px;
		}
	.text4 {
		font-size: 14.6px;
		}
	.text5 {
		font-size: 26.9px;
		}

	.text6 {
		margin-top: 3px;
		font-size: 26.75px;
		}
	.text7 {
		font-size: 17px;
		}
	h2 {
  		font-size: 25px;
		}
	.text-02 {
		font-size: 20px;
		}
	.big-3 {
		font-size: 70px;
		line-height: 100px;
		}
	.big-5 {
		font-size: 20px;
		line-height: 26px;
		text-align: center;
		display: block;
		}
	.big-6 {
		font-size: 55px;
		line-height: 55px;
		text-align: center;
		}
	.big-7 {
		font-size: 36.8px;
		line-height: 36px;
		text-align: center;
		}
	.bg-01 {
        background-position: right;
		height: 1500px;
		background: #31395b;
		}
	.icon-1 img {
		margin-bottom: 20px;
		}
	.circle {
	  width: 180px;
	  height: 180px;
	  line-height: 180px;
	  font-size: 36px;
	  margin-bottom: 30px;
	  }
	 .by {
	  	font-size: 25px;
	  	}
	 .but-1,  .but-3 {
	  	font-size: 18px;
	  	}
	 .logo-2 {
	  	width: 30px;
	  	float: left;
	  	margin-right: 30px;
	  	}
	.bg-2 {
	    height: 600px;
		}

	.but-1 {
	    margin-top: 30px;
		}
		}
@media(min-width: 480px) and (max-width: 768px)
	{


	body {
		font-size: 18px;
		}
	.align-right, .align-left 	{		text-align: center;		}
	header {
		background: url(/wp-content/uploads/2018/04/head768-min.jpg);
		height: 868px;
		}
	.width1000 {
		width: 90%;
		max-width: 768px;
		min-width: 480px;
		}
	.logo {
		width: 80px;
		}
	.menu-1 {
		display: none;
		}



.img-1 {
    display: none;
}

.big-3, .big-4 {	display: block;
	text-align: center;
	border: 0 none;	}

.hr-1 {	height: 1px;
	background: #ccc;
	margin-top: 30px;	}

.img-r {	width: 100%;
	height: auto;	}

	.phone {
		font-size: 20px;
		}
	.big1 {
		font-size: 60px;
		line-height: 120%;
		margin-top: 80px;
		}
	.big2 {
		font-size: 35px;
		line-height: 120%;
		}
	.icon img {
		width: 66px;
		height: 66px;
		}
	.text1 {
		font-size: 18px;
		margin-top: 4px;
		}
	.text2 {
		font-size: 19.5px;
		}
	.text3 {
		font-size: 16px;
		margin-top: -2px;
		}
	.text4 {
		font-size: 14.6px;
		}
	.text5 {
		font-size: 26.9px;
		}

	.text6 {
		margin-top: 3px;
		font-size: 26.75px;
		}
	.text7 {
		font-size: 17px;
		}
	h2 {
  		font-size: 25px;
		}
	.text-02 {
		font-size: 20px;
		}
	.big-3 {
		font-size: 70px;
		line-height: 100px;
		}
	.big-5 {
		font-size: 20px;
		line-height: 26px;
		text-align: center;
		display: block;
		}
	.big-6 {
		font-size: 55px;
		line-height: 55px;
		text-align: center;
		}
	.big-7 {
		font-size: 36.8px;
		line-height: 36px;
		text-align: center;
		}
	.bg-01 {
        background-position: right;
		height: 1500px;
		background: #31395b;
		}
	.icon-1 img {
		margin-bottom: 20px;
		}
	.circle {
	  width: 180px;
	  height: 180px;
	  line-height: 180px;
	  font-size: 36px;
	  margin-bottom: 30px;
	  }
	 .by {
	  	font-size: 25px;
	  	}
	 .but-1,  .but-3 {
	  	font-size: 18px;
	  	}
	 .logo-2 {
	  	width: 30px;
	  	float: left;
	  	margin-right: 30px;
	  	}
	.bg-2 {
	    height: 600px;
		}

	.but-1 {
	    margin-top: 30px;
		}		}
@media(min-width: 768px) and (max-width: 1024px)
	{
	.main {

		width: 100%;
		max-width: 1023px;
		min-width: 768px;
		margin: 0 auto;
		}

	body {
		font-size: 16px;
		}
	header {
		background: url(/wp-content/uploads/2018/04/head1440.jpg);
		height: 648px;
		}
	.width1000 {
		width: 768px;
		}
	.logo {
		width: 80px;
		}
	.menu-1 {
		display: none;
		}
	.phone {
		font-size: 20px;
		}
	.big1 {
		font-size: 60px;
		line-height: 100%;
		margin-top: 60px;
		}
	.big2 {
		font-size: 35px;
		}
	.icon img {
		width: 66px;
		height: 66px;
		}
	.text1 {
		font-size: 22px;
		margin-top: 4px;
		}
	.text2 {
		font-size: 23.5px;
		}
	.text3 {
		font-size: 16px;
		margin-top: -2px;
		}
	.text4 {
		font-size: 14.6px;
		}
	.text5 {
		font-size: 26.9px;
		}

	.text6 {
		margin-top: 3px;
		font-size: 26.75px;
		}
	.text7 {
		font-size: 17px;
		}
	h2 {
  		font-size: 25px;
		}
	.text-02 {
		font-size: 20px;
		}
	.big-3 {
		font-size: 70px;
		line-height: 100px;
		}
	.big-5 {
		font-size: 14px;
		line-height: 20px;
		}
	.big-6 {
		font-size: 71px;
		line-height: 26px;
		}
	.big-7 {
		font-size: 36.8px;
		line-height: 55px;
		}
	.bg-01 {
        background-position: right;
		height: 550px;
		}
	.icon-1 img {
		margin-bottom: 20px;
		}
	.circle {
	  width: 180px;
	  height: 180px;
	  line-height: 180px;
	  font-size: 36px;
	  margin-bottom: 30px;
	  }
	 .by {
	  	font-size: 25px;
	  	}
	 .but-1,  .but-3 {
	  	font-size: 18px;
	  	}
	 .logo-2 {
	  	width: 30px;
	  	float: left;
	  	margin-right: 30px;
	  	}
	.bg-2 {
	    height: 500px;
		}

	.but-1 {
	    margin-top: 30px;
		}		}
@media(min-width: 1024px)  {	.main {

		width: 100%;
		max-width: 1024px;
		box-shadow:-2px 4px 22px 4px rgba(168,168,168,1);
		-webkit-box-shadow:-2px 4px 22px 4px rgba(168,168,168,1);
		-moz-box-shadow:-2px 4px 22px 4px rgba(168,168,168,1);
		margin: 0 auto;
		border: 1px solid #ccc;
		}
	body {
		font-size: 17px;
		}
	header {
		background: url(/wp-content/uploads/2018/04/head1440.jpg);
		height: 651px;
		}
	.width1000 {
		width: 1024px;
		}
	.logo {
		width: 80px;
		}

	.phone {
		font-size: 20px;
		}
	.big1 {
		font-size: 44px;
		line-height: 170%;
		margin-top:70px;
		}
	.big2 {
		font-size: 35px;
		}
	.icon img {
		width: 66px;
		height: 66px;
		}
	.text1 {
		font-size: 22px;
		margin-top: 4px;
		}
	.text2 {
		font-size: 23.5px;
		}
	.text3 {
		font-size: 16px;
		margin-top: -2px;
		}
	.text4 {
		font-size: 14.6px;
		}
	.text5 {
		font-size: 26.9px;
		}

	.text6 {
		margin-top: 3px;
		font-size: 26.75px;
		}
	.text7 {
		font-size: 17px;
		}
	h2 {
  		font-size: 25px;
		}
	.text-02 {
		font-size: 20px;
		}
	.big-3 {
		font-size: 110px;
		line-height: 160px;
		}
	.big-5 {
		font-size: 14px;
		line-height: 20px;
		}
	.big-6 {
		font-size: 71px;
		line-height: 26px;
		}
	.big-7 {
		font-size: 36.8px;
		line-height: 55px;
		}
	.bg-01 {

		height: 550px;
		}
	.icon-1 img {
		margin-bottom: 20px;
		}
	.circle {
	  width: 220px;
	  height: 220px;
	  line-height: 220px;
	  font-size: 40px;
	  margin-bottom: 30px;
	  }
	 .by {
	  	font-size: 25px;
	  	}
	 .but-1,  .but-3 {
	  	font-size: 18px;
	  	}
	 .logo-2 {
	  	width: 40px;
	  	float: left;
	  	margin-right: 30px;
	  	}

	.but-1 {
	    margin-top: 30px;
		}

	}


