/***************************/
    /* AC Hosting Style Sheet */
    /*************************/

    /* General CSS */
    html,body {
        margin:  0  auto;
        background-color: #F1F2F3;
        cursor: default;
        font-family: 'Muli', sans-serif;
    }

    .page_content {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
        min-height: 72vh;
    }

    a {
        color: #81CE28;
        transition: all 100ms ease-in;
    }

    a:hover {
        text-decoration: none;
        color: #444444;
        transition: all 100ms ease-in;
    }

    /* Bootstrap Override */
    .btn-primary {
        background-color: #81CE28;
        border-color: #81CE28;
    }

    .btn-primary:hover {
        background-color: #444444;
        border-color: #444444;
    }

    .panel-primary {
        border-color: #444444;
    }

    .panel-primary>.panel-heading {
        background-color: #444444;
        border-color: #444444;
    }

    .mobile_logout {
        display: none;
    }

    /* Header CSS Styles */
    .my-headerbackground
    {
        width: 100%;
        background-color: #2A2A2A;
        float: left;
        color: white;
        height: 100px;
        position: fixed;
        z-index: 100;
        box-shadow: 0px 0px 10px black;
        margin-top: 25px;
    }

    #logo_area {
        width: 25%;
        float: left;
        margin-left: 0%;
    }

    #logo_area img {
        height: 100px;
        float: left;
        margin-left: 25%;
    }

    /* NavBar CSS Styles */
    .my-navbar {
        font-family: 'Muli', sans-serif;
        background: #2A2A2A;
        height: 100px;
        border: 0px;
        padding-top: 25px;
        margin-bottom: 0px;
        border-radius: 0px;
        float: right;
        width: 75%;
    }
    
    .navbar-size {
        padding-left: 0%;
    }

    .navbar-header {
      float: right;
    }

    .navbar-font {
        font-size: 15px;
    }

    .navbar-images {
        height: 25px;
        width: 25px;
    }

    .navbar-font {
        font-size: 16px;
    }

    #bs-example-navbar-collapse-1 li a:hover {
        background-color: #81CE28;
        color: black;
    }

    #bs-example-navbar-collapse-1 li a {
        transition-timing-function: ease-in-out;
        transition-duration: 400ms;
        color: #fff;
    }

    .navbar-toggle
    {
        float: left;
    }

    .active-nav {
        background-color: #81CE28;
        color: black;
    }

    /* Top Bar */
    .top-bar {
        width: 100%;
        height: 25px;
        background-color: #81CE28;
        position: fixed;
        z-index: 101;
        text-align: right;
        color: #2A2A2A;
        padding-right: 50px;
    }

    .bottom-bar {
        width: 100%;
        height: 25px;
        background-color: #81CE28;
        z-index: 101;
        float: left;
        text-align: right;
        color: #2A2A2A;
        padding-right: 50px;
    }

    /* Footer CSS Styles */
    .footer {
        float: left;
        font-size: 15px;
        background-color: black;
        color: white;
        width: 100%;
        text-align: left;
        padding: 20px;
        padding-left: 5%;
    }

    /* Login Screen */
    .loginBox {
        margin-left: 37.5%;
        margin-right: 37.5%;
        margin-top: 10%;
        margin-bottom: 10%;
        width: 25%;
    }

    /*home page elements*/
    #index_top {
        float: left;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 300px;
        background: url('images/index-top.jpg');
        background-position: 50% 35%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
        margin-top: 120px;
    }

    #index_top h3 {
        font-family: 'Oswald', sans-serif;
        font-size: 40px;
    }

    #packages_top {
        float: left;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 220px;
        background: url('images/packages_top.jpg');
        background-position: 50% 70%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
        margin-top: 120px;
    }

    .over_lay h3 {
        font-size: 40px;
        font-family: 'Oswald', sans-serif;
    }

    .over_lay {
        background-color: rgba(129, 206, 40, 0.8);
        float: left;
        width: 100%;
        height: 100%;
        padding: 50px;
    }

    .over_lay-home {
        background-color: rgba(129, 206, 40, 0.8);
        float: left;
        width: 100%;
        height: 100%;
        padding: 100px;
    }

    .banner {
        float: left;
        width: 100%;
        padding-left: 12%;
        padding-right: 18%;
        background-color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
    }

    .banner h3 {
        font-size: 30px;
    }

    .banner_text {
        float: left;
        width: 70%;
        text-align: right;
        padding: 7%;
    }

    .banner_image {
        float: left;
        width: 30%;
        padding: 4%;
        padding-left: 0%;
    }

    .banner_image img {
        width: 60%;
    }

    .mission_image {
        float: left;
        width: 30%;
        padding: 4%;
        padding-left: 0%;
        margin-top: 50px;
    }

    .mission_image img {
        width: 60%;
    }

    .packages_body {
        width: 100%;
        float: left;
        padding: 2%;
        padding-top: 0%;
        font-family: 'Ubuntu', sans-serif;
    }

    .package_block {
        width: 20%;
        min-width: 240px;
        float: left;
        margin-left: 2.5%;
        margin-right: 2.5%;
        background-color: #fff;
        transition: ease-in-out 400ms;
        margin-top: 2%;
    }

    .package_block:hover {
        -webkit-box-shadow: 0px 0px 63px -17px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 63px -17px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 63px -17px rgba(0,0,0,0.75);
    }

    .package_heading {
        width: 100%;
        float: left;
        background-color: #2A2A2A;
        color: #fff;
        text-align: center;
        font-family: 'Oswald', sans-serif;
    }

    .package_heading h2 {
        margin: 15px;
    }

    .package_price {
        width: 100%;
        float: left;
        color: #81CE28;
        text-align: center;
        font-size: 18px;
    }

    .package_price h2 {
        margin: 0px;
        margin-top: 10px;
        font-size: 48px;
        font-family: 'Oswald', sans-serif;
    }

    .package_description {
        width: 90%;
        float: left;
        font-size: 18px;
        margin-left: 10%;
        margin-bottom: 5%;
        font-family: 'Muli', sans-serif;
    }

    .package_description ul {
        list-style: none;
    }

    .package_action {
        width: 100%;
        float: left;
    }

    .package_action a {
        width: 100%;
        float: left;
        background-color: #81CE28;
        color: #fff;
        text-align: center;
        font-family: 'Muli', sans-serif;
        font-size: 20px;
        font-weight: bold;
        padding: 20px;
        text-decoration: none;
        transition: ease-in-out 200ms;
    }

    .package_action a:hover {
        background-color: #2A2A2A;
        color: #81CE28;
    }

    .features {
        width: 100%;
        float: left;
        background: url('images/features.jpg');
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
    }


    .features_overlay {
        width: 100%;
        height: 100%;
        float: left;
        background-color: rgba(68,68,68,0.8);
        padding-top: 20px;
        padding-left: 5%;
        padding-right: 5%;
    }

    .features_left {
        width: 49%;
        float: left;
        margin-bottom: 30px;
    }

    .features_right {
        width: 49%;
        float: right;
        margin-bottom: 30px;
    }

    .feature_icon {
        width: 55px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
    }

    .feature_icon img {
        width: 100%;
        padding-top: 15px;
    }

    .feature_body {
        font-size: 16px;
        width: 80%;
        float: left;
    }

    .feature_body h4 {
        font-weight: bold;
        font-size: 18px;
    }

    .feature_container {
        margin-top: 20px;
        float: left;
    }

    #featured_support {
        width: 100%;
        float: left;
        height: 350px;
        background: url('images/support.jpg');
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
    }

    #support_left {
        width: 35%;
        float: left;
    }

    #support_right {
        width: 65%;
        height: 350px;
        float: left;
        background-color: rgba(129,206,40,0.8);
        padding-top: 80px;
        padding-left: 12%;
        -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 0% 100%);
    }

    #support_right h2 {
        font-size: 35px;
    }

    #featured_code {
        width: 100%;
        float: left;
        height: 350px;
        background: url('images/code.jpg');
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
    }

    #code_left {
        width: 65%;
        height: 350px;
        float: left;
        background-color: rgba(68,68,68,0.8);
        padding-top: 80px;
        padding-right: 12%;
        padding-left: 5%;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 88% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 88% 100%, 0% 100%);
    }

    #code_left h2 {
        font-size: 35px;
    }

    #code_right {
        width: 35%;
        float: left;
    }

    #transfer_domain {
        width: 100%;
        float: left;
        background-color: #fff;
        color: #2A2A2A;
        text-align: center;
        font-size: 25px;
        font-family: 'Muli', sans-serif;
        padding-top: 2%;
        padding-bottom: 2%;
    }

    #transfer_domain button {
        background: #81CE28;
        color: #fff;
        border: 0px;
        padding: 10px;
        transition: ease-in-out 200ms;
    }

    #transfer_domain button:hover {
        background-color: #2A2A2A;
        color: #81CE28;
        -webkit-box-shadow: 0px 0px 63px -17px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 63px -17px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 63px -17px rgba(0,0,0,0.75);
    }

    /* Services Page */
    #webhosting_body {
        width: 100%;
        float: left;
        height: 350px;
        background: url('images/webhosting_banner.jpg');
        background-position: 50% 60%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
    }

    #webhosting_left {
        width: 65%;
        height: 350px;
        float: left;
        background-color: rgba(68,68,68,0.8);
        padding-top: 80px;
        padding-right: 12%;
        padding-left: 5%;
        -webkit-clip-path: circle(89.9% at 11% 86%);
        clip-path: circle(89.9% at 11% 86%);
    }

    #webhosting_left h2 {
        font-size: 35px;
    }

    #webhosting_right {
        width: 35%;
        float: left;
    }

    #designing_banner {
        width: 100%;
        float: left;
        height: 350px;
        background: url('images/design.jpg');
        background-position: 50% 47%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
    }

    #designing_right {
        width: 65%;
        height: 350px;
        float: left;
        background-color: rgba(129,206,40,0.8);
        padding-top: 80px;
        padding-left: 12%;
        padding-right: 5%;
        -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 0% 100%);
    }

    #designing_right h2 {
        font-size: 35px;
    }

    #designing_left{
        width: 35%;
        float: left;
    }

    .packages_body table {
        margin-top: 20px;
        margin-bottom: 20px;
        background-color: #fff;
        font-size: 16px;
    }

    .packages_body td {
        height: 50px;
        width: 14%;
        padding: 10px;
    }

    .t_heading td{
        background-color: #2A2A2A;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        text-align: center;
    }

    .t_price {
        color: #81CE28;
        font-weight: bold;
        font-size: 20px;
    }

    .t_desc {
        font-weight: bold;
        text-align: left;
        color: black;
    }

    td img {
        width: 30px;
    }

    /* End Packages Page */

    #index_body {
        width: 100%;
        float: left;
        background-color: #e0e0e0;
    }

    #index_header {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
        border-radius: 10px;
        margin-bottom: 20px;
        margin-top: 20px;
        background-color: #fff;
        padding: 20px;
        min-height: 67vh;
    }

    #index_header h2 {
        padding-bottom: 5px;
        margin-bottom: 15px;
        border-bottom: #333 solid 1px;
    }

    #index_header h4 {
        text-decoration: underline;
        font-weight: bold;
    }



    .left {
        font-size: 14px;
    }

    .right {
        font-size: 14px;
    }

    .middle {
        font-size: 14px;
        border-right: #333 solid 1px;
        border-left: #333 solid 1px;
    }

    .bold {
        font-weight: bold;
    }

    .outstanding {
        color: red;
    }

    .credit_balance {
        color: green;
    }

    .payment {
        font-style: italic;
    }

    /* Our Work */

    #our_work_top {
        float: left;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 220px;
        background: url('images/examples.jpeg');
        background-position: 50% 40%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
        margin-top: 120px;
    }

    .our_work_body {
        padding: 20px;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        text-align: center;
    }

    .projects-group {
        width: 100%;
        padding-left: 2.5%;
        padding-right: 2.5%;
        float: left;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .project {
        width: 20%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
        transition: 200ms ease-in-out;
    }

    .project-image img {
        width: 100%;
        float: left;
        text-align: center;
    }

    .project:hover {
        transform: scale(1.04);
        cursor: pointer;
    }

    .project-name {
        width: 100%;
        float: left;
        text-align: center;
    }

    #our_work_banner {
        width: 100%;
        float: left;
        height: 350px;
        background: url(images/business_owner.jpg);
        background-position: 50% 100%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
    }

    #our_work_right {
        width: 65%;
        height: 350px;
        float: left;
        background-color: rgba(68,68,68,0.8);
        padding-top: 80px;
        padding-right: 5%;
        padding-left: 16%;
        -webkit-clip-path: circle(100% at 87% 111%);
        clip-path: circle(100% at 87% 111%);
    }

    #our_work_right h2 {
        font-size: 35px;
    }

    #our_work_left{
        width: 35%;
        float: left;
    }

    /* About Page */
    #about_top {
        float: left;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 220px;
        background: url('images/about-top.jpg');
        background-position: 50% 66%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
        margin-top: 120px;
    }

    .about-body {
        width: 90%;
        float: left;
        margin-left: 5%;
        margin-right: 5%;
        padding: 50px;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
        text-align: center;
    }

    .about-body h3 {
        padding-bottom: 10px;
        font-size: 30px;
    }

    #about_banner {
        width: 100%;
        float: left;
        height: 350px;
        background: url(images/about-banner.jpeg);
        background-position: 50% 75%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
    }

    /* Contact Page */
    #contact_top {
        float: left;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 220px;
        background: url('images/contact_top.jpg');
        background-position: 50% 45%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
        margin-top: 120px;
    }

    .contact-body {
        width: 90%;
        float: left;
        margin-left: 5%;
        margin-right: 5%;
        padding: 20px;
    }

    .contact-body-left {
        width: 50%;
        float: left;
        margin-left: 5%;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
        text-align: left;
    }

    .contact-body-form {
        width: 36%;
        float: left;
        border-left: 1px solid #000;
        margin-left: 2%;
        padding-left: 2%;
        margin-right: 5%;
        font-family: 'Muli', sans-serif;
        text-align: left;
    }

    #contact_bottom {
        float: left;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 220px;
        background: url('images/contact_bottom.jpg');
        background-position: 50% 35%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 22px;
    }

    .contact_bottom_over_lay {
        background-color: rgba(0, 0, 0, 0.5);
        float: left;
        width: 100%;
        height: 100%;
        padding: 100px;
        font-style: italic;
    }

    /* Services */
    .services {
        width: 100%;
        float: left;
        padding: 30px;
        text-align: center;
    }

    .services h3 {
        margin-top: 10px;
        padding-bottom: 15px;
    }

    .service-box {
        width: 30%;
        margin-left: 1.5%;
        margin-right: 1.5%;
        float: left;
        background-color: #2A2A2A;
        transition: 200ms ease-in-out;
    }

    .service-icon {
        width: 100%;
        float: left;
    }

    .service-title {
        width: 100%;
        float: left;
        text-align: center;
        color: #fff;
        padding-top: 10px;
        font-size: 20px;

    }

    .service-box:hover {
        background-color: #81CE28;
        cursor: pointer;
        box-shadow: 0 0 15px 0px grey;
        transform: scale(1.01);
    }

    #service-webDesign {
        width: 100%;
        height: 300px;
        background: url('images/website-design.jpg');
        background-position: 50% 45%;
        background-size: cover;
        background-repeat: no-repeat;

    }

    #service-hosting {
        width: 100%;
        height: 300px;
        background: url('images/web-hosting.jpg');
        background-position: 50% 45%;
        background-size: cover;
        background-repeat: no-repeat;

    }

    #service-graphicDesign {
        width: 100%;
        height: 300px;
        background: url('images/graphic-design.jpg');
        background-position: 50% 45%;
        background-size: cover;
        background-repeat: no-repeat;

    }

    /* Moving */
    .moving-body {
        margin-top: 100px;
        width: 90%;
        float: left;
        margin-left: 5%;
        margin-right: 5%;
        padding: 50px;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
        text-align: left;
    }

    #moving_banner {
        width: 100%;
        float: left;
        height: 350px;
        background: url(images/moving_banner.jpg);
        background-position: 50% 40%;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 18px;
    }
    
    @media (max-width: 1100px) {
        .navbar-header {
            float: none;
        }
        
        .navbar-left,.navbar-right {
            float: none !important;
        }
        
        .navbar-toggle {
            display: block;
            margin-left: 4%;
        }
        
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        
        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
        }
        
        .navbar-collapse.collapse {
            display: none!important;
        }
        
        .navbar-nav {
            float: none!important;
            margin-top: 7.5px;
        }
        
        .navbar-nav>li {
            float: none;
        }
        
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        
        .collapse.in{
            display:block !important;
            margin-left: 8%;
        }

        .my-navbar{
            width: 100%;
            height: auto;
            padding-top: 0px;
        }
        
        #index_top {
            margin-top: 175px;
        }
        
        .over_lay-home {
            padding: 50px;
        }
    }

    /* Mobile Optimization */
    @media handheld,screen and (max-width: 480px) {
        /* General CSS */
        #page_intro {
            padding: 0px;
        }

        html, body {
            overflow-x: hidden;
        }

        /* Header */
        #logo_area {
            width: 70%;
            margin-left: 0%;
            padding: 0px;
        }

        #logo_area img {
            margin-left: 5%;
        }

        .navbar-size {
            width: 100%;
            float: left;
            padding-left: 5%;
            padding-right: 0px;
        }

        .navbar-collapse {
            width: 100%;
            float: left;
        }
        
        .collapse.in{
            display:block !important;
            margin-left: 0%;
        }

        .my-navbar{
            width: 100%;
            height: auto;
            padding-top: 0px;
        }

        #index_top {
            margin-top: 170px;
        }

        .over_lay-home {
            padding: 20px;
        }

        .over_lay {
            padding: 20px;
        }

        #packages_top {
            margin-top: 170px;
        }

        #index_top h3 {
            font-size: 30px;
        }

        .banner_text {
            width: 100%;
            text-align: center;
        }

        .banner_image {
            width: 100%;
            text-align: center;
        }

        .banner_image img {
            width: 40%;
        }

        .banner {
            padding-left: 5%;
            padding-right: 5%;
        }

        #code_left {
            width: 100%;
            height: auto;
            padding-top: 20px;
            padding-right: 5%;
            padding-left: 5%;
            padding-bottom: 20px;
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        }

        #featured_code {
            height: auto;
        }

        #code_left h2 {
            font-size: 25px;
            padding-bottom: 8px;
            border-bottom: 1px solid #fff;
        }

        #code_right {
            display: none;
        }

        .package_block {
            width: 95%;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        #support_right {
            width: 100%;
            height: auto;
            padding-top: 20px;
            padding-right: 5%;
            padding-left: 5%;
            padding-bottom: 20px;
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        }

        #support_code {
            height: auto;
        }

        #support_right h2 {
            font-size: 25px;
            padding-bottom: 8px;
            border-bottom: 1px solid #fff;
        }

        #support_left {
            display: none;
        }

        #featured_support {
            height: auto;
        }

        .features_left {
            width: 100%;
            margin-bottom: 0;
        }

        .features_right {
            width: 100%;
        }

        .feature_body {
            width: 72%;
        }

        #our_work_top {
            margin-top: 170px;
        }

        #our_work_top h3 {
            font-size: 30px;
        }

        .project {
            width: 80%;
            margin-left: 10%;
            margin-right: 10%;
        }

        #our_work_right {
            width: 100%;
            height: auto;
            padding-top: 20px;
            padding-right: 5%;
            padding-left: 5%;
            padding-bottom: 20px;
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        }

        #our_work {
            height: auto;
        }

        #our_work_right h2 {
            font-size: 25px;
            padding-bottom: 8px;
            border-bottom: 1px solid #fff;
        }

        #our_work_left {
            display: none;
        }

        #our_work_banner {
            height: auto;
        }

        #packages_top {
            margin-top: 170px;
        }

        #packages_top h3 {
            font-size: 30px;
        }

        .project {
            width: 80%;
            margin-left: 10%;
            margin-right: 10%;
        }

        #webhosting_left {
            width: 100%;
            height: auto;
            padding-top: 20px;
            padding-right: 5%;
            padding-left: 5%;
            padding-bottom: 20px;
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        }

        #webhosting_body {
            height: auto;
        }

        #webhosting_left h2 {
            font-size: 25px;
            padding-bottom: 8px;
            border-bottom: 1px solid #fff;
        }

        #webhosting_right {
            display: none;
        }

        .service-box {
            width: 100%;
            margin-left: 0%;
            margin-right: 0%;
            margin-bottom: 20px;
        }

        #designing_right {
            width: 100%;
            height: auto;
            padding-top: 20px;
            padding-right: 5%;
            padding-left: 5%;
            padding-bottom: 20px;
            -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        }

        #designing_banner {
            height: auto;
        }

        #designing_right h2 {
            font-size: 25px;
            padding-bottom: 8px;
            border-bottom: 1px solid #fff;
        }

        #designing_left {
            display: none;
        }

        #about_top {
            margin-top: 170px;
        }

        #about_top h3 {
            font-size: 30px;
        }

        .about-body {
           padding: 0px;
        }

        #about_banner {
            height: auto;
        }

        .mission_image {
            margin-left: 25%;
            margin-right: 25%;
            width: 50%;
            margin-top: 0px;
        }

        .mission_image img {
            width: 100%;
        }

        #contact_top {
            margin-top: 170px;
        }

        #contact_top h3 {
            font-size: 30px;
        }

        .contact-body-left {
            width: 100%;
            margin: 0px;
        }

        .contact-body-form {
            width: 100%;
            margin: 0px;
            margin-top: 20px;
            border-left: 0px;
            border-top: 1px solid #000;
            padding-top: 20px;
        }

        .contact_bottom_over_lay {
            padding: 50px;
        }

        .moving-body {
            margin-top: 170px;
            padding: 0px;
        }

        #moving_banner {
            height: auto;
        }
    }