/* Responsive Mobile CSS Part */    
@media (max-width: 768px) {
    /* Header */
    #navbar {   
        justify-content: center;
    }
    .desktop-ul {
        display: none;
    }
    .mobile-ul {
        display: flex;
        align-items: center;
    }
    .navbar-dark .navbar-toggler {
        width: 14%;
        margin: 0 10px;
    }
    .navbar {    
        line-height: 35px;
    }
    .nav-link {
        border-bottom: 1px solid #000;
        text-align: center;
    }
    .navbar-inverse .navbar-toggle {
        background-color: #000;
    }
    .navbar-inverse .navbar-toggle {
        float: right !important;
    }
    .navbar-toggle {
        width: 45px !important;
    }
    .paddingTB60 {
        padding: 15px 0 15px 0 !important;
    }
    .navbar-inverse .navbar-nav>li>a {
        line-height: 30px;
        border-bottom: 1px solid #000;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border:none;
    }
    .mobile-ul li{
        width: 100%;
        list-style: none;
        margin: 0;
        text-align: center;
    }
    .mobile-ul > li:nth-child(5) {
        padding-bottom: 10px;
    }
    .mobile-ul > li:nth-child(1) {
        padding-top: 5px;
    }
    #con-raid{
        display: none;
    }
    /* Home */

    /* Features */
    .fitura-div {
        display: flex;
    }
    .image-div {
        display: none;
    }
    .fitura-div {
        padding: 0;
    }
    .stats-div {
        flex-direction: column;
        align-items: center;
        flex-wrap: nowrap;
        height: auto;
    }
    .stats-wrapper{
        margin-top: 20px;
    }
    /* Prices */
    .price-text {
        margin-top: 10%;
    }
    .container-box {
        display: flex;
        flex-wrap: wrap;
    }
    .box {
        width: 33%;
        padding: 10px 70px 10px 70px;
        margin-bottom: 20px;
    }
    .box p {
        font-size: 20px;
    }
    
    /* About Us */
    .div-wrapper {
        flex-wrap: wrap;
    }
    .about-div {
        margin-left: 25%;
        /* flex-grow: 2; */
        transform: translateX(-50%);
        width: 100px;
    }
    .about-div p {
        text-align: center;
    }
    /* Footer */
    #footer {
        flex-direction: column;
    }
    .footer-container {
        flex-direction: column;
        margin: 0;   
        justify-content: center;
    }
    #footer p {
        margin-top: 10px;
        width: 150px;
        text-align: center;
    }
}

@media screen and (max-width: 414px) {
    #video {
        width: 350px;
        height: 200px;
    }
    #how-it-works {
        height: 250px;
    }
    .price-text {
        margin-top: 10px;
    }
    .email-div {
        display: none;
    }
    #form1 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #email1 {
        width: 80%;
        margin-top: 20px;
        border-radius: 20px;
        padding-left: 10px; 
        border: 2px solid #5bc85c;
    }
    #submit1 {
        width: 50%;
        margin-top: 5px;
        border-radius: 20px;
        border: none;
        color: white;
        background: #5bc85c;
    }
    
}

@media (min-width: 768px) {
 .header-inner #toggle-btn {
 display: none;
}
}
 @media (max-width: 768px) {
 .navbar-brand {
 display: block;
}
 .navbar {
 max-height: none;
}
.main-nav {
 margin-top: 10px;
 height: auto;
}
.sf-menu > li {
 float: none;
}
.sf-menu li a {
 padding: 10px 13px;
 font-weight: 400;
}
 .sf-menu li a:hover, .sf-menu li.sfHover a:hover {
 color: #c44741;
}
 .sf-menu ul {
 font-size: 14px;
 display: block;
 position: static !important;
 border: 0;
 box-shadow: 0 0 0 0;
 -moz-box-shadow: 0 0 0 0;
 -webkit-box-shadow: 0 0 0 0;
}
}
 @media only screen and (max-width: 768px) {
 .header-inner .main-nav {
 display: block;
 margin: 0;
}
 #toggle-btn {
 display: block;
}
 .toggle-subarrow {
 display: block !important;
 cursor: pointer;
 position: absolute;
 right: 0;
 top: 0;
 width: 45px;
 height: 42px;
 border-left: 1px solid #e8e8e8;
 text-align: center;
 color: #777;
}
 .toggle-subarrow .fa {
 margin-top:14px;
}
 .main-nav {
 text-align: left;
 white-space: nowrap;
 padding: 0;
}
 .sf-menu {
 display: none;
}
 .main-nav .sf-menu {
 margin: 0 -15px;
}
 .main-nav .sf-menu > li {
 font-size: 13px;
 line-height: 16px;
 display: block;
 border-top: 1px solid #F96
}
 .main-nav .sf-menu li a {
 color: #fff;
 padding: 20px;
 line-height:0px;
 display: block;
 position: relative;
 background-color:#08991C;
 text-align:center
}
 .main-nav .sf-menu ul {
border: none;
}
 .main-nav .sf-menu ul li {
 width: 100%;
 margin-left: 30px;
 font-size: 13px;
 line-height: 16px;
 font-weight: 400;
 position: relative;
 border:none;
 border-top: 1px solid #e8e8e8;
}
 .sf-menu ul {
 position:static!important;
 display: none!important;
}
 .mob-drop ul {
 display: block!important;
}
   @media(min-width: 601px) and (max-width: 780px) {
.top-line .container {
 max-width:70%;
}
 .top-line p span {
 display: table;
 margin-right: 20px;
 text-align: left;
}
.footer-wrap h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
}
}
@media(max-width:480px) {
    .top-line p span {
        float: left;
    }
    .
.wrapper-1 {        
	display: none;
    }
wrapper-2 {        
	display: block;
    }
}
@media(max-width:320px) {
    .about-title span {
        font-size: 35px !important;
    }

}