/* =====================================================
   AxisNet.org
   Responsive Stylesheet
   assets/css/responsive.css
===================================================== */


/* =====================================================
   Extra Large Desktop (≥1400px)
===================================================== */

@media (min-width:1400px){

.container{

max-width:1320px;

}

.hero h1{

font-size:68px;

}

.hero p{

font-size:21px;

}

}


/* =====================================================
   Desktop / Laptop
===================================================== */

@media (max-width:1200px){

.hero h1{

font-size:52px;

}

.title{

font-size:38px;

}

}


/* =====================================================
   Tablet Landscape
===================================================== */

@media (max-width:992px){

.navbar{

padding:12px 0;

}

.navbar-collapse{

background:#6f2dbd;

padding:20px;

border-radius:18px;

margin-top:15px;

}

.nav-link{

padding:12px 0;

margin-left:0;

}

.hero{

padding-top:120px;

padding-bottom:70px;

min-height:auto;

text-align:center;

}

.hero h1{

font-size:46px;

}

.hero p{

font-size:18px;

}

.hero-img{

margin-top:40px;

max-width:450px;

margin-left:auto;

margin-right:auto;

}

.hero .btn{

margin-bottom:15px;

}

.service-box{

padding:30px;

}

.counter-number{

font-size:44px;

}

.cta h2{

font-size:36px;

}

footer{

text-align:center;

}

footer .col-lg-4{

margin-bottom:30px;

}

}


/* =====================================================
   Tablet Portrait
===================================================== */

@media (max-width:768px){

section{

padding:70px 0;

}

.hero h1{

font-size:38px;

line-height:1.3;

}

.hero p{

font-size:17px;

}

.hero-img{

max-width:360px;

}

.hero .btn{

display:block;

width:100%;

margin-bottom:15px;

}

.hero .btn:last-child{

margin-left:0 !important;

}

.service-box{

margin-bottom:20px;

}

.service-box i{

font-size:42px;

}

.service-box h4{

font-size:20px;

}

.counter .col-md-3{

margin-bottom:30px;

}

.counter-number{

font-size:38px;

}

.testimonial .card{

margin-bottom:25px;

}

.cta h2{

font-size:32px;

}

.cta p{

font-size:17px;

}

footer h3{

font-size:28px;

}

footer h5{

margin-top:20px;

}

}


/* =====================================================
   Smartphone
===================================================== */

@media (max-width:576px){

.navbar-brand{

font-size:24px;

}

.navbar-brand img{

width:38px;

}

.hero{

padding-top:110px;

}

.hero h1{

font-size:30px;

}

.hero p{

font-size:15px;

}

.badge{

font-size:13px;

padding:8px 14px;

}

.hero-img{

max-width:280px;

}

.service-box{

padding:25px;

}

.service-box h4{

font-size:18px;

}

.service-box p{

font-size:14px;

}

.counter{

text-align:center;

}

.counter-number{

font-size:34px;

}

.title{

font-size:28px;

}

.subtitle{

font-size:15px;

}

.cta{

padding:60px 20px;

}

.cta h2{

font-size:26px;

}

.cta p{

font-size:15px;

}

footer{

padding:50px 0 25px;

}

footer p,

footer li,

footer a{

font-size:14px;

}

}


/* =====================================================
   Small Smartphone
===================================================== */

@media (max-width:400px){

.hero h1{

font-size:26px;

}

.hero p{

font-size:14px;

}

.hero-img{

max-width:220px;

}

.service-box{

padding:20px;

}

.counter-number{

font-size:28px;

}

.cta h2{

font-size:22px;

}

.btn{

font-size:14px;

padding:12px 20px;

}

}