@media only screen and (max-width:1300px) {
}
@media only screen and (max-width:1199px) {
.welcome-section .inner-box {padding:0 0 25px 0;}
.welcome-section .inner-box h3{font-size:17px;padding-bottom:10px;}
.sec-title h2{font-size:42px;}
.sec-title .text{font-size:22px;}
.how-it-works .sec-title .text{font-size:16px;}
.qrcode{padding:10px 0 0 0;}
.qrcode li img{width:60px;}
.qrcode li a img{width:16px;}
.qrcode li{font-size:12px;padding:0 6px;}
.main-footer .footer-widget h2{font-size:20px;}
.social-icon-one li.follows{font-size:14px;}
.main-menu .navigation > li > a{padding:0px 8px;}
.main-header .sticky-header .main-menu .navigation > li > a{padding:20px 10px !important;}
.main-header .info-box {padding-bottom:35px;}
}
@media only screen and (min-width:768px) {
.main-menu .navigation > li > ul,  .main-menu .navigation > li > ul > li > ul{display:block !important;visibility:hidden;opacity:0}
	.modal-content {
    background-color: #fefefe;
    margin: 8% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 30%; /* Could be more or less, depending on screen size */
}
}
@media only screen and (max-width:991px) {
.main-menu .navigation > li > a {font-size:13px;padding:0px 8px;}	
.main-header .sticky-header .main-menu .navigation > li > a{padding:20px 8px !important;}
.main-header .info-box li{font-size:13px;}
.sec-title h2{font-size:36px;}
.sec-title .text{font-size:19px;}
.how-it-works .sec-title .text{font-size:15px;}
	.modal-content {
    background-color: #fefefe;
    margin: 8% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 30%; /* Could be more or less, depending on screen size */
}
}
@media only screen and (max-width:850px) {
.main-menu .navigation > li > a {font-size:13px;padding:0px 5px;}	
.main-header .sticky-header .main-menu .navigation > li > a{padding:20px 6px !important;}
	.modal-content {
    background-color: #fefefe;
    margin: 8% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 30%; /* Could be more or less, depending on screen size */
}
}
@media only screen and (max-width:767px) {
.main-header .btn-outer .quote-btn{margin-top:8px}
.header-main-box .nav-outer .search-box-btn{top:15px;right:60px;margin-top:0px;z-index:20}
.main-header .header-top .top-right,  .main-header .header-top .top-left{width:100%;text-align:center}
.main-header .header-top .top-right ul,  .main-header .header-top .top-left ul{text-align:center}
.main-header .header-top .top-left ul li{padding-bottom:0px}
.main-header .header-top .top-right ul li,  .main-header .header-top .top-left ul li{display:inline-block;float:none}
.main-header .header-upper .upper-column{padding-bottom:10px}
.main-header .logo-outer {padding:8px 0px;}
.main-header .header-upper .upper-right{padding:10px 0px 0;float:none!important;}
.main-header .info-box .icon-box{position:relative;display:block;top:0px;text-align:center;margin:0 auto 25px}
.main-header .main-menu{padding-top:0px;width:100%;margin:0px;padding-left:0px}
.main-header.header-type-one .main-menu{padding-left:0px}
.main-menu .collapse{max-height:300px;overflow:auto;float:none;width:100%;padding:10px 0px 0px;border:none;margin:0px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.main-menu .collapse.in,  .main-menu .collapsing{padding:0px 0px 0px;border:none;margin:0px 0px 15px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:100%;}
.main-menu .navbar-header{position:absolute;float:none;display:block;text-align:right;width:100%;padding:0px 0px;right:0px;z-index:12;top:-50px;}
.fixed-header .main-menu .navbar-header{top:18px;}
.main-menu .navbar-header .navbar-toggle{display:inline-block;z-index:7;top:-1px;border:1px solid #1796a6;float:none;margin:0px 0px 0px 0px;border-radius:0px;background:#1796a6}
.main-menu .navbar-header .navbar-toggle:hover, .main-menu .navbar-header .navbar-toggle:focus{border:1px solid #e10165;background:#e10165}
.header-type-one .navbar-header .navbar-toggle{float:right;top:0px}
.main-menu .navbar-header .navbar-toggle .icon-bar{background:#ffffff}
.main-menu .navbar-collapse > .navigation{float:none !important;margin:0px !important;width:100% !important;background:#01ccff;border:1px solid #ffffff;border-top:none}
.main-menu .navbar-collapse > .navigation > li{margin:0px !important;float:none !important;width:100%}
.main-menu .navigation > li > a,  .main-menu .navigation > li > ul:before{border:none}
.main-menu .navbar-collapse > .navigation > li > a{padding:10px 10px !important;border:none !important}
.main-menu .navigation li.dropdown > a:after,  .main-menu .navigation > li.dropdown > a:before,  .main-menu .navigation > li > ul > li > a::before,  .main-menu .navigation > li > ul > li > ul > li > a::before{color:#ffffff !important;right:15px;font-size:16px;display:none !important}
.main-menu .navbar-collapse > .navigation > li > ul,  .main-menu .navbar-collapse > .navigation > li > ul > li > ul{position:relative;border:none;float:none;visibility:visible;opacity:1;display:none;margin:0px;padding:0px;outline:none;left:auto !important;right:auto !important;top:auto !important;width:100%;background:#01ccff;-webkit-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;-moz-border-radius:0px;border-radius:0px;transition:none !important;-webkit-transition:none !important;-ms-transition:none !important;-o-transition:none !important;-moz-transition:none !important;box-shadow:none !important}
.main-menu .navbar-collapse > .navigation > li > ul,  .main-menu .navbar-collapse > .navigation > li > ul > li > ul{border-top:1px solid rgba(255,255,255,1) !important}
.main-menu .navbar-collapse > .navigation > li,  .main-menu .navbar-collapse > .navigation > li > ul > li,  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{border-top:1px solid rgba(255,255,255,1) !important;opacity:1 !important;top:0px !important;left:0px !important;visibility:visible !important}
.main-menu .navbar-collapse > .navigation > li:first-child{border:none}
.main-menu .navbar-collapse > .navigation > li > a,  .main-menu .navbar-collapse > .navigation > li > ul > li > a,  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{padding:12px 15px !important;line-height:22px;color:#ffffff !important;background:#1596a6;text-align:left;min-height:0px;font-size:14px;text-transform:capitalize}
.main-menu .navbar-collapse > .navigation > li > a:hover,  .main-menu .navbar-collapse > .navigation > li > a:active,.main-menu .navbar-collapse > .navigation > li > a:focus{background:#01ccff}
.main-menu .navbar-collapse > .navigation > li:hover > a,  .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,  .main-menu .navbar-collapse > .navigation > li.current > a,  .main-menu .navbar-collapse > .navigation > li.current-menu-item > a, .main-header .sticky-header .main-menu .navigation > li:hover > a, .main-header .sticky-header .main-menu .navigation > li.current > a, .main-header .sticky-header .main-menu .navigation > li.current-menu-item > a {background:#e10165;color:#ffffff !important}
.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{display:block}
.main-menu .navbar-collapse > .navigation li.dropdown:after,  .main-menu .navigation > li > ul:before{display:none !important}
.right-col{float:none!important;}
.main-header .sticky-header .main-menu .navigation > li > a{padding:12px 15px !important;line-height:22px;}
.welcome-section .icon-box {padding:3px 30px 15px 0;}
.sec-title h2{font-size:32px;}
.sec-title .text{font-size:17px;}
.how-it-works .sec-title .text{font-size:15px;}
.welcome-section .image{padding:0 0 30px 0;}
.welcome-section{padding:40px 0 30px;}
.how-it-works{padding:40px 0 20px;}
.popular-products{padding:40px 0 20px;}
.sec-title{margin-bottom:25px;}
.popular-products .two-item-carousel{margin-bottom:30px;}
.main-footer{padding:40px 0px 0px;}
.main-footer .footer-column{padding-bottom:30px;}
.main-footer .footer-widget{margin-bottom:0px;}
.main-footer .footer-nav li{padding-right:5px;margin-right:5px;}
.news-section h3 a{font-size:18px;}
.news-style-one .inner-box .lower-content h3{margin-bottom:5px;}
.news-style-one .inner-box .lower-content{padding:15px;}
.main-footer .footer-policy, .main-footer .footer-nav, .main-footer .footer-bottom, .main-footer .footer-bottom p{text-align:center;}
.main-footer .footer-bottom, .main-footer .footer-policy{padding:17px 0px;}
.main-header .info-box li{padding:5px 8px;}
.main-footer .footer-widget h2{font-size:18px;}
	.modal-content {
    background-color: #fefefe;
    margin: 8% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
}
.subbanner .page-title {
    font-size: 17px !important;
    text-align: center;
    bottom: 0px !important;
    width: 100% !important;
}
.sub-banner-bg {
    min-height: 0px !important;
}
}
@media only screen and (max-width:640px) {
.sec-title h2{font-size:27px;}
.sec-title .text{font-size:14px;}
.main-header .header-upper .upper-column{padding-bottom:5px;}
.main-header .logo-outer .logo img{width:80px;}
.main-menu .navbar-header{top:-44px;}
.main-menu .navbar-collapse > .navigation > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > a, .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a, .main-header .sticky-header .main-menu .navigation > li > a{padding:8px 10px !important;font-size:13px;}
	.modal-content {
    background-color: #fefefe;
    margin: 8% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width:50%; /* Could be more or less, depending on screen size */
}
.subbanner .page-title {
    font-size: 17px !important;
    text-align: center;
    bottom: 0px !important;
    width: 100% !important;
}
.sub-banner-bg {
    min-height: 0px !important;
}
}
@media only screen and (max-width:499px) {
	.modal-content {
    background-color: #fefefe;
    margin: 8% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}
.subbanner .page-title {
	font-size: 17px !important;
	bottom: 0px !important;
	width: 100% !important;
	margin-right: 20px;
}
.sub-banner-bg {
    min-height: 0px !important;
}
}