@media screen and (min-width:100px) and (max-width:767px){
	
h2{font-size:28px; line-height: 34px;}
.font-40{font-size:28px;}
.font-36{font-size:28px;}
h2.line{font-size:28px;}
p{font-size:18px;}
.padding-space-tb{padding-top:40px; padding-bottom:40px;}
h2.pb-35{padding-bottom:25px;}

header{padding:0;}
header .navbar.navbar-light{padding:6px 0;}
.navbar-brand > img{height:45px;}
header .navbar.navbar-light button.navbar-toggler-right{margin:10px 0 0 0;  right: 0; outline: none;}
header a.navbar-brand span{font-size:9px; margin:0 0 0 -60px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#e01f2f;}
.navbar-default .navbar-toggle .icon-bar{background:#FFF;}
.navbar-default #navbar{margin:0; width:100%;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{margin:0 -15px;}
.navbar-default .navbar-nav{width:100%; margin:0;}
header nav ul.navbar-nav li{margin:0;}
.navbar-default .navbar-nav>li>a{padding:5px 0;}


.top-banner {width:100%; margin-bottom:-10px; padding:0 20px;}
.top-banner h1 {font-size:28px; padding:40px 0 40px 0;}

.top-part-one {width:100%; margin:40px 0; padding:0 20px;}
.top-part-one p {font-size:18px; line-height:28px;}
.top-part-one h2 {font-size:20px; margin:20px 0 0 0px;}

.standard {width:100%; padding:70px 20px;}
.standard h3 {font-size:30px;}
.standard p {font-size:18px;}
.standard img {text-align:center; float:none; width:100%;}

.standard-info {margin:80px 0px 50px 0;}
.standard-info p {font-size:18px; color:#000; margin:0 0 30px 0; text-align:center;}
.standard-info img {background:#FFFFFF; margin:0px 0 30px 0; border:#cacaca solid 1px; padding:0px!important; text-align:center; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; max-width:100%}


.advanced {width:100%; padding:50px 20px 50px 20px;}
.advanced h2 {font-size:30px;}
.advanced-info {margin:50px 0; padding:0 20px}
.advanced-info p {font-size:18px; color:#000; margin:0 0 30px 0; text-align:center;}
.advanced-info img {background:#FFFFFF; margin:0px 0 30px 0; border:#cacaca solid 1px; padding:0px!important; text-align:center; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; max-width:100%}




.four-box-bg-blue h2{font-size:28px;}
.four-box-bg-blue h2:after{margin-bottom:0;}
.four-box-bg-blue .box-bg-txt{font-size:23px; min-height:auto; padding:15px 0;}
.four-box-bg-blue .btn-primary.btn{padding:13px 30px}
.four-box-bg-blue .container{padding-bottom:45px;}


.four-box-bg-blue2 h2{font-size:30px;}  

.img-txt-area-blue .txt-info p{font-size:22px; line-height:30px;}

.white-bg-slider-back p{padding:0 0 15px 0;}

.click-to-discover-bg h2{font-size:28px;}
.click-to-discover-bg .row.hex-margin{margin-top:20px;}
.click-to-discover-bg .hex-margin-iphone .col-xs-12:first-child div{margin-top:60px;}
.click-to-discover-bg .hex-margin-iphone .col-xs-12 div{margin:112px auto 0;} 


.order-online-btn{font-size:19px; font-weight:600; padding:8px 15px 10px 15px; line-height: normal; margin: 80px 0 0 0;}
.order-online-btn .fa-angle-double-right{display:none;}

.more-choice .top-margin{margin:80px 0 60px 0;}
.more-choice .top-margin .col-xs-12 div{margin-left:auto; margin-right:auto; margin-bottom:117px;}
.more-choice .top-margin .col-xs-12:last-child div{margin-bottom:0;}

.more-info{text-align:center;}
.more-info h4{font-size:28px; padding-bottom:15px;}

.white-bg-txt-btn h2{font-size:25px; padding-bottom:15px;}
.white-bg-txt-btn a.btn{font-size:20px; padding:15px 10px;}
.white-bg-txt-btn p{font-size:20px;}

.grey-bg-txt-info h2{font-size:25px;}
.grey-bg-txt-info a.btn{font-size:19px; margin:15px auto;}
.grey-bg-txt-info p{min-height:auto; font-size:17px;}


.home-banner-bg h1{font-size:30px; line-height:normal; padding:30px 0;}
.home-banner-bg h1 small{font-size:20px; padding:0 10px;}
.home-banner-bg .white-bg-box{margin-bottom:15px;}

.main-top-con h1{font-size:30px; margin:0 0 100px 0; padding:50px 0 0 0;}
.main-top-con .sec-1 h1 {font-size:24px; line-height:normal; margin:0 0 30px 0; text-align:left; color:#222222; font-family: 'Roboto', sans-serif; font-weight:500;}




.footer-link-bg{padding:30px 15px;}
.footer-link-bg hr{margin:10px 0;}
.footer-link-bg .col-xs-12.col-lg-2:first-child{padding-top:0;}
.footer-link-bg .col-xs-12.col-lg-2{padding-top:30px;}

.footer-grey-bg span{width:100%; line-height:26px; text-align:center; padding:0 0 15px 0;}
.footer-grey-bg .pull-right.icon-back{width:100%; text-align:center;}
.footer-grey-bg .icon-back a{margin:6px 5px; display:inline-block;}
.footer-white-bg .right img{max-width:100%; display:block; height:auto; margin:8px 0 0 0;}

}


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

h2{font-size:28px; line-height: 34px;}
.font-40{font-size:28px;}
.font-36{font-size:28px;}
h2.line{font-size:28px;}
p{font-size:18px;}
.padding-space-tb{padding-top:40px; padding-bottom:40px;}
h2.pb-35{padding-bottom:25px;}
	

.footer-grey-bg span{width:100%; line-height:26px; text-align:center; padding:0 0 15px 0; font-size:17px;}
.footer-grey-bg .pull-right.icon-back{width:100%; text-align:center;}
.footer-grey-bg .icon-back a{margin:0 5px; display:inline-block;}

}

@media screen and (min-width:1023px) and (max-width:1125px){

h2{font-size:34px; line-height:40px;}
.font-40{font-size:34px;}
.font-36{font-size:34px;}
h2.line{font-size:34px;}
p{font-size:18px;}

.padding-space-tb{padding-top:60px; padding-bottom:60px;}
h2.pb-35{padding-bottom:25px;}
.footer-grey-bg span{font-size:15px;}

}


@media screen and (min-width:767px) and (max-width:1125px){
a.orange-btn-c{padding:13px 35px;}
header a.navbar-brand span{font-size:12px;}
header nav ul.navbar-nav li{margin:0 5px;}
header nav ul.navbar-nav li a.nav-link{ padding:11px 10px!important; font-size:14px;}
header .navbar.navbar-light button.navbar-toggler-right{margin:20px 0 0 0;  right: 0; outline: none;}
header nav li a.nav-link.btn-primary.btn{text-align:left;}

.home-banner-bg{padding:0 15px 40px;}
.home-banner-bg h1{font-size:44px; padding:100px 0;}
.home-banner-bg h1 small{font-size:38px;}

.white-bg-slider-back{padding-bottom:80px;}
.white-bg-slider-back p{font-size:18px;}

.four-box-bg-blue .container{padding-bottom:50px;}
.four-box-bg-blue h2{font-size:40px;}
.four-box-bg-blue .box-bg-txt{font-size:24px; padding:0 30px; min-height:140px;}

.four-box-bg-blue2 .box-bg-txt{font-size:24px!important; }


.click-to-discover-bg .container{max-width:735px;}
.row.hex-margin.hex-margin-iphone{justify-content: center;}
.row.hex-margin.hex-margin-iphone .col-sm-2{-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;
    max-width:28%; padding:0;}
.row.hex-margin.hex-margin-iphone .col-sm-2 div{margin:30px 10px 95px;}
.row.hex-margin.hex-margin-iphone .col-sm-2 div.hexagon10{margin-top:-30px; margin-bottom: 0;}
.row.hex-margin.hex-margin-iphone .col-sm-2 div.hexagon11{margin-top:-30px; margin-bottom: 0;}
.order-online-btn{font-size:28px;  margin-top: 100px; margin-bottom:20px;}

.more-choice .top-margin{justify-content: center; margin:90px 0 60px;}
.more-choice .top-margin .col-sm-2{-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%;
    max-width:196px; padding:0;}
.more-choice .top-margin .col-sm-2 div{margin:0 -2px;}


.img-txt-area-blue{padding-top:5px;}
.img-txt-area-blue .txt-info p{font-size:30px;}

.click-to-discover-bg h2{font-size:38px;}

.more-info h4{font-size:30px; font-weight:600;}
.white-bg-txt-btn h2{font-size:30px;}
.white-bg-txt-btn a.btn{font-size:25px;}

.grey-bg-txt-info h2{font-size:36px;}


.footer-link-bg{padding:10px 15px 40px;}
.footer-link-bg hr{margin:10px 0;}
.footer-link-bg .col-xs-12.col-lg-2{padding-top:30px;}

}