/*=====================================================
        INTERWEB FIBER RESPONSIVE CSS
======================================================*/

/*=========================
TABLET
==========================*/

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

.container{
    width:100%;
    padding-left:15px;
    padding-right:15px;
}

/* Header */

#header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#fff;
    z-index:9999;
    padding:10px 0;
    box-shadow:0 3px 15px rgba(0,0,0,.08);
}

.logo{
    margin:0;
}

.logo img{
    width:150px;
    height:auto;
}

/* Desktop Menu */

.mainmenu{
    display:none;
}

/* Mobile Menu */

.mobile-menu{
    display:block;
}

.slicknav_menu{
    background:transparent;
    padding:0;
}

.slicknav_btn{
    background:#0066ff;
    border-radius:6px;
    padding:10px;
    margin:5px 0;
    float:right;
}

.slicknav_icon-bar{
    background:#fff !important;
}

.slicknav_nav{
    background:#fff;
    margin-top:20px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.slicknav_nav li{
    border-bottom:1px solid #eee;
}

.slicknav_nav li:last-child{
    border:none;
}

.slicknav_nav a{
    padding:15px 20px;
    font-size:16px;
    color:#222;
    font-weight:600;
}

.slicknav_nav a:hover{
    background:#0066ff;
    color:#fff;
}

/* Hero */

.slider-area{
    margin-top:80px;
    min-height:auto;
}

.slider-bg{
    min-height:320px;
    background-position:center;
    background-size:cover;
}

.slidertext{
    text-align:center;
    padding-top:40px;
}

.slidertext h1{
    font-size:32px;
    line-height:42px;
}

.slidertext p{
    font-size:16px;
}

.slider-info{
    display:none;
}

/* About */

.about-bg-main{
    margin-top:30px;
    text-align:center;
}

.about-bg-main img{
    max-width:320px;
    width:100%;
}

.about-text{
    text-align:center;
}

/* Sections */

.section-title{
    margin-bottom:30px;
}

.section-title h1{
    font-size:30px;
}

/* Cards */

.service-box-area,
.feature-item,
.pricing-item{
    margin-bottom:30px;
    min-height:auto;
}

/* Buttons */

.interweb-btn,
.cta-btn{
    width:100%;
    max-width:260px;
    margin:auto;
    display:block;
}

/* Footer */

.footer-widget{
    text-align:center;
    margin-bottom:30px;
}

.social{
    text-align:center;
}

}


/*=========================
MOBILE
==========================*/

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

html{
    scroll-behavior:smooth;
}

body{
    overflow-x:hidden;
    font-size:16px;
}

/* Bootstrap */

.row{
    margin-left:0;
    margin-right:0;
}

[class*="col-"]{
    padding-left:15px;
    padding-right:15px;
}

/* Logo */

.logo img{
    width: 100px;
}

/* Hero */

.slider-bg{
    min-height:260px;
}

.slidertext{
    padding-top:25px;
}

.slidertext h1{
    font-size:28px;
    line-height:36px;
}

.slidertext p{
    font-size:15px;
}

/* Images */

img{
    max-width:100%;
    height:auto;
}

/* Remove Decorative Shapes */

.shape-1,
.shape-2,
.shape-3,
.shape-4,
.shape-5,
.shape-6,
.shape-7,
.shape-8{
    display:none;
}

/* Sections */

.about-area,
.feature-area,
.pricing-table-area,
.testimonial-area,
.cta-area,
.contact-area{
    padding-top:60px !important;
    padding-bottom:60px !important;
}

/* Cards */

.service-box-area{
    padding:30px 20px;
}

.feature-item{
    padding:30px 20px;
}

.pricing-item{
    margin-bottom:30px;
}

.testimonial-item{
    margin-bottom:30px;
}

/* Pricing */

.speed h1{
    font-size:38px;
}

.price h1{
    font-size:36px;
}

/* Buttons */

.interweb-btn,
.cta-btn{
    width:100%;
    max-width:240px;
    display:block;
    margin:20px auto;
}

/* Footer */

.footer-widget,
.footer-copyright-item,
.social{
    text-align:center;
}

.footer-widget{
    margin-bottom:30px;
}

}