@media only screen and (min-width: 1400px) and (max-width: 1980px) {
    header h1 {
        margin-top: 150px;
    }

    header .intro-img {
        margin-top: 210px;
    }

    .how-it-work {
        background-size: 520px;
        background-position: top left;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px)  {
    header:before {
	background: url(../imgs/top2.jpg) -250% top no-repeat;
	background-size: cover;
    }
    
    .how-it-work {
	background: url(../imgs/header-bgr.png) top center no-repeat;
	background-size: cover;
    }
    
    .space, .space-top {
	padding-top: 50px;
	padding-bottom:50px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 991px)  {
    header nav {
	margin: 16px 0 0 5px;
    }
    
    header nav ul li a {
	padding: 6px 7px;
    }
    
    header h1 {
	font-size: 25px;
	line-height:33px;
	margin-top: 80px;
    }
    
    header:before {
	background: url(../imgs/top2.jpg) top left no-repeat;
	background-size: cover;
    }
    
    .how-it-work {
	background: url(../imgs/header-bgr.png) top center no-repeat;
	background-size: cover;
    }
    
    .buy .form-button{
	margin-top:0;
	margin-bottom:30px;
    }
    
    .form .form-text h3{
	font-size: 25px;
	line-height: 33px;
    }
    
    .space, .space-top {
	padding-top: 50px;
	padding-bottom:50px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 767px)  {
/*
    .nav-btn {
        z-index: 10000; 
        width: 25px; 
        height: 17px; 
        cursor: pointer; 
        position: relative;
        margin: 17px 0 0 0;
        display: block;
        float: right;
    }

    .nav-btn span {
        display: block;
        height: 3px;
        background-color: #3e2113;
        position: absolute;
        right: 0;
        top: 0;

        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);

        -webkit-transition: .1s ease-in-out;
        -moz-transition: .1s ease-in-out;
        -o-transition: .1s ease-in-out;
        transition: .1s ease-in-out;

        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }

    .nav-btn span:nth-child(1) {width:100%;}
    .nav-btn span:nth-child(2) {width:100%; top: 7px;}
    .nav-btn span:nth-child(3) {width:100%; top: 14px;}

    .nav-btn:hover span:nth-child(2) {width: 100%;}
    .nav-btn:hover span:nth-child(3) {width: 100%;}

    .nav-btn.open {transition-duration: .3s;}
    .nav-btn.open span {box-shadow: none; background-color: #97999b; right: -5px;}

    .nav-btn.open span:nth-child(1) {width:100%; transform: rotate(45deg); top: -3px;}
    .nav-btn.open span:nth-child(2) {opacity: 0;}
    .nav-btn.open span:nth-child(3) {width:100%; transform: rotate(-45deg); top: 15px;}

    .mobile-nav {display: none;}
    .mobile-nav h4 {
        text-align: center;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
    }

    .mobile-nav img {margin: 10px auto; display: block; max-height: 55px;}
    .mobile-nav.open {display: block; padding: 15px 10px; position: fixed; z-index: 1500; top: 0; bottom: 0; left: 0; right: 0; background: #fff;}
    .mobile-nav.open ul {display: inline-block; width: 100%; margin: 0 0 10px;}
    .mobile-nav.open ul.base li:last-of-type a {
        background: linear-gradient(330deg, #1d92de 35%, #9952e0 75%, #9974dc 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .mobile-nav.open ul li {text-align: center; display: block;}
    .mobile-nav.open ul li.active a,
    .mobile-nav.open ul li a:hover {color: #1d92de;}
    .mobile-nav.open ul li a {display: inline-block; font-size: 14px; color: #484749; padding: 5px 0;}
    .mobile-nav.open ul li a i {margin-right: 7px;}*/


header nav {
	margin: 16px 0 0 5px;
    }
    
    header nav ul li a {
	padding: 6px 7px;
    }
    
    header h1 {
	font-size: 25px;
	line-height:33px;
	margin-top: 80px;
    }
    
    header:before {
	background: url(../imgs/top2.jpg) top left no-repeat;
	background-size: cover;
    }
    
    .how-it-work {
	background: url(../imgs/header-bgr.png) top center no-repeat;
	background-size: cover;
    }
    
    .buy .form-button{
	margin-top:0;
	margin-bottom:30px;
    }
    
    .form .form-text h3{
	font-size: 25px;
	line-height: 33px;
    }
    
    .pl-sm{
	padding-left:0px;
    }

    .how-it-work, .documentation{
	padding-left:15px;
	padding-right:15px;
    }
    
    .how-it-work .btn-icon{
	margin-bottom:25px;
    }
    
    .w-icon{
	margin-bottom:25px;
    }
    
    .w-icon .w-100{
	width:auto !important;
	display:table;
	margin:20px auto 30px auto;
    }
    
    .centered-sm{
	display:table;
	margin:auto;
    }
    
    .t-c{
	text-align:center;
    }
    
    .contacts .btn-primary{
	margin-bottom:25px;
    }
    
    .space, .space-top {
	padding-top: 30px;
	padding-bottom:30px;
    }
}