@media screen and (max-width: 1024px) {

	main {

		margin-top: 72px;

	}

	.container {

		max-width: 95%;

	}

	header nav .logo {

	    width: 80px;

	} 

	header nav .logo img {

		width: 100%;

	}

	section.banner .banner-block h1 {

		font-size: 40px;

	}

	section.information .info-wrap .info-block h4.caption {

		font-size: 22px;

		margin: 15px 0 25px;

	}

	section.information .info-wrap .info-block p {

		font-size: 16px;

		line-height: 24px;

	}

	section.signup .signup-block {

		width: 330px;

    	padding: 35px 35px;

	}

	section.signup .signup-info {

		width: calc(100% - 360px);

	}

	section.signup .signup-info p {

		font-size: 30px;

    	line-height: 45px;

    	max-width: 480px;

	}

	section.footer-nav .footer-block .footer-menu {

		width: 56%;

	}

} 

@media screen and (max-width: 767px) {

	main {

		margin-top: 66px;

	}

	.container {

	    max-width: 100%;

	}

	.mob_menu {

	    display: inline-block;

	}

	header nav .logo {

	    width: 70px;

	}  

	header nav .nav-menu {

		position: absolute;

	    z-index: 999;

	    background-color: #fff;

	    top: 66px;

	    right: 0;

	    width: 300px;

	    height: calc(100vh - 66px);

	    -webkit-transform: translate(100%);

	            transform: translate(100%);

	    -webkit-transition: 0.25s;

	    transition: 0.25s;

	    font-size: 14px;

	    padding: 10px 15px;

	    overflow-y: auto;

	}

	header nav .nav-menu.open {

		-webkit-transform: translate(0%);

		        transform: translate(0%);

		-webkit-box-shadow: 0px 4px 3px 2px #ccc;

	    		box-shadow: 0px 4px 3px 2px #ccc;

	}

	header nav .nav-menu li {

		display: block;

		margin-right: 0px;

		padding: 20px 0;

    	border-bottom: 1px solid;

    	font-size: 20px;

	}

	main.open,

	footer.open {

		-webkit-transition: 0.25s;

		transition: 0.25s;

		-webkit-transform: translate(-300px);

		        transform: translate(-300px);

	}

	section.banner .banner-block,

	section.information .info-wrap,

	section.information.logistic  .info-wrap .info-block,

	section.signup .signup-wrap,

	section.footer-nav .footer-block,

	section.footer-nav .footer-block .footer-menu {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		    -ms-flex-direction: column;

		        flex-direction: column;

	}

	section.banner .banner-block .brand-info {

		width: 100%;

		margin-top: 35px;

	}

	section.banner .banner-block .brand-info .brand-wrap {

		text-align: center;

	}

	section.banner .banner-block .btn-grp a {

		font-size: 16px;

	}

	section.information .info-wrap,

	section.footer-nav {

		padding: 45px 0;

	}

	section.information .info-wrap .info-block,

	section.information.logistic  .info-wrap .info-block,

	section.signup .signup-info,

	section.footer-nav .footer-block .footer-social {

		width: 100%;

		margin-top: 35px;

	}

	section.information .info-wrap .info-block:first-child {

		margin-top: 0px;

	}

	section.information .info-wrap .info-block p,

	section.footer-nav .footer-block .footer-social {

		text-align: center;

	}

	section.signup .signup-info p,

	section.signup .signup-info {

		max-width: 100%;

		width: 100%;

	}

	section.signup .signup-info p {

		font-size: 26px;

    	line-height: 42px;

    	text-align: center;

	}

	section.information .info-wrap .info-block img {

	    width: 90px;

	}

	section.footer-nav .footer-block .footer-menu,

	section.footer-nav .footer-block .menu-block,

	section.banner .banner-block .brand-info .brand-wrap {

		width: 100%;

	}

	section.footer-nav .footer-block .menu-block {

		margin-bottom: 20px;

	}

	section.footer-nav .footer-block .menu-block:last-child {

		margin-bottom: 0px;

	}

	section.footer-nav .footer-block .footer-menu .menu-block div {

		font-size: 18px;

	}

	section.footer-nav .footer-block .footer-menu .menu-block ul {

		margin-top: 20px;
		text-align: center;
		padding-left: 0 !important;

	}

	section.footer-nav .footer-block .footer-menu .menu-block ul li {

		font-size: 14px;

    	margin-bottom: 14px;

	}

	section.banner {

		padding: 30px 0;

	}

}

@media screen and (max-width: 480px) { 

	section.banner .banner-block h1 {

		font-size: 40px;

	}

	section.banner .banner-block .app {

	    width: 180px;

	}

	section.banner .banner-block .quote {

		padding: 15px 0;

	}

	section.banner .banner-block h3 {

	    font-size: 16px;

	    line-height: 28px;

	}

	section.banner .banner-block .btn-grp a {

	    font-size: 14px;

	    padding: 10px 20px;

	    margin-right: 15px;

	}

	section.information .info-wrap .info-block img {

	    width: 70px;

	}	

	section.information .info-wrap .info-block h4.caption {

		font-size: 20px;

		margin: 15px 0 20px;

	}	

	section.information .info-wrap .info-block p {

		font-size: 16px;

	}	

	section.signup .signup-info p {

		font-size: 22px;

	    line-height: 36px;

	}

	section.signup .signup-block {

		max-width: 330px;

		width: 95%;

	}

	section.footer-nav .footer-block .footer-social .info a {

		font-size: 16px;

	}

	footer h1 {

		font-size: 12px;

	}

}