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

    .navbar .navbar-inner,
    .nav-collapse .nav > li:last-child {
        background: #086680;
    }

    .nav-collapse{
        background: #0B7492;
    }

    /********** START HEADER SECTION ********* */
    #com-main-header .textwidget h1 {
        padding-left: 0;
        padding-right: 0;
        font-size: 38px;
    }

    #com-main-header #com-slogan .span8,
    #com-main-header #com-slogan .span4 {
        width: 100%;
        margin-left: auto;
    }

    #com-main-header #header-buttons .span12 .span3 {
        width: 100%;
    }

    #com-main-header .textwidget p {
        padding-left: 0;
    }

    #com-main-header #com-slogan,
    #com-main-header .create-organization-form {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    #com-main-header .create-organization-form .input-append {
        width: 100%;
    }

    #com-main-header .create-organization-form .input-append input[type="text"] {
        padding-right: 0;
    }

    #com-main-header .create-organization-form #input-button {
        text-align: center;
        padding-left: 0;
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    #com-main-header .create-organization-form .row-fluid {
        width: 100%;
        text-align: center;
    }

    #com-main-header #com-slogan .span8 p {
        border-left: none;
        text-align: center;
        /* padding-left: 0; */
        /* padding-right: 500px; */
        /* width: 400px; */
        padding-top: 10px;
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 20px;
    }

    #com-main-header .textwidget .border-bottom {
        border-bottom: 1px solid #FFFFFF;
        display: inline-block;
        width: 100px;
        text-align: center;
        /*margin-left: 130px;*/
    }

    #com-main-header #header-buttons .button-blue-big {
        display: none;
    }

    #com-main-header #header-buttons {
        margin: 0 auto;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    #com-main-header #header-buttons .span12 {
        padding: 20px 0 !important;
    }

    #com-main-header #header-buttons .span9
    {
        width: 100%;
    }

    #com-main-header {
        background: url('/wp-content/themes/BootstrapParallax-child/images/com-header-mobile.png');
    }

    #com-main-header {
        background-position: 55% 0 !important;
    }

    /********** END HEADER SECTION ********* */

    /********** START WHAT OUR USER SAY ********* */
    #what-our-user-say .textwidget > div > div:nth-child(2n+1) {
        border-right: none;
    }
    #what-our-user-say .textwidget > div > div {
        float: none;
        width: 80%;
    }
    #what-our-user-say .blog {
        margin: 0 auto 20px;
    }
    #what-our-user-say h2{
        font: 24px "Open Sans",sans-serif;
        padding-bottom: 20px;
    }
    #what-our-user-say h2 b{
        font: 24px "Open Sans",sans-serif;
    }

    #what-our-user-say .textwidget .border {
        margin: 20px auto 0 !important;
        width: auto !important;
        border-top: #ffffff;
    }
    #what-our-user-say .textwidget > div {
        margin: 0 auto;
        width: 100%;
    }
    #what-our-user-say .entry ul li {
        text-align: center !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    #what-our-user-say .textwidget .blog img{
        margin: 10px auto !important;
        height: auto;
        max-width: 50%;
    }
    #what-our-user-say .textwidget > div > div:nth-child(2n) ul li{
        padding: 0;
    }
    #what-our-user-say .textwidget span{
        margin: 25px auto 20px;
    }
    #what-our-user-say h1 {
        font: 300 24px/30px "Open Sans",sans-serif;
        padding-bottom: 20px;
        text-align: center;
    }
    #what-our-user-say h1 b {
        font: 24px/30px "Open Sans",sans-serif;
    }

    #what-our-user-say .button-blue-big {
        margin-right: 0;
    }

    /********** END WHAT OUR USER SAY ********* */


    /****************** Hosting Service *********************/

    #com-hosting-service #slogan {
        width: auto;
    }

    #com-hosting-service #slogan p {
        font-size: 14px;
    }

    .hosting-content p.title,
    .hosting-content p.text
    {
        font-size: 14px;
    }

    #hosting-content-desktop .content1,
    #hosting-content-desktop .content3
    {
        right: 280px;
    }

    #hosting-content-desktop .content2
    {
        top: -30px;
        left: 300px;
    }

    #hosting-content-desktop .content3 {
        top:330px;
    }

    #hosting-content-desktop .content4 {
        top: -80px;
        left: 300px;
    }

    #hosting-content-desktop .content5 {
        right: 110px;
        top: -130px;
    }

    #hosting-content-desktop .content6 {
        left: 130px;
    }

    #hosting-content-desktop .row img {
        width: 350px;
    }

    .hosting-content .circle
    {
        width: 60px;
        height: 60px;
        line-height: 5.5em;
    }

    #hosting-content-desktop .row .icon {
        font-size: 28px;
    }

    #com-hosting-service .note {
        width: 100%;
    }

    #com-hosting-service .note .note-right-side a:last-child {
        margin: 0;
    }

    #com-hosting-service .note .note-right-side .button-yellow-big {
        margin-bottom: 15px;
    }

    .why-choose-openproject-main {
        min-height: 200px;
    }

    .why-choose-openproject-main .slogan h1 {
        color: #545454;
        padding: 15px 0;
        text-transform: uppercase;
    }

    .why-choose-openproject-main .slogan h2 {
        font-size: 24px;
        line-height: 24px;
        padding: 26px 0 12px;
        text-transform: uppercase;
    }

    .why-choose-openproject-main .textwidget {
        padding: 0 20px;
    }

    .why-choose-openproject-main .slogan p {
        width: 100%;
    }

    .why-choose-openproject-main .textwidget {
        margin: 0 20px;
    }
}

@media screen and (max-width: 768px) {
    /********** START Hosting Service ********* */

    #hosting-content-desktop {
        display: none;
    }

    #hosting-content-mobile {
        display: block;
    }

    #hosting-content-mobile {
        width: 250px;
    }


    #hosting-content-mobile .circle {
        line-height: 4.5em;
    }

    /* Content position */
    #hosting-content-mobile .content1,
    #hosting-content-mobile .content2,
    #hosting-content-mobile .content5 {
        position: relative;
        right:150px;
    }

    #hosting-content-mobile .content1 {
        top:20px;
    }

    #hosting-content-mobile .content2 {
        top: -120px;
    }

    #hosting-content-mobile .content3,
    #hosting-content-mobile .content4,
    #hosting-content-mobile .content6
    {
        position: relative;
        left:150px;
    }

    #hosting-content-mobile .content3
    {
        top: -150px;
    }

    #hosting-content-mobile .content4
    {
        top: -290px;
    }

    #hosting-content-mobile .content5
    {
        top:-250px;
    }

    #hosting-content-mobile .content6 {
        top: -420px;
    }

    /* Dotted lines position */
    #hosting-content-mobile #dotted-line-left
    {
        position: relative;
        left: -80px;
        top:10px;
    }

    #hosting-content-mobile #dotted-line-right
    {
        position: relative;
        right: -80px;
        top:10px;
    }

    #hosting-content-mobile #dotted-line-1,
    #hosting-content-mobile #dotted-line-3
    {
        position: relative;
        right:135px;
    }

    #hosting-content-mobile #dotted-line-1
    {
        top: -130px;
    }

    #hosting-content-mobile #dotted-line-3 {
        top: -270px;
    }

    #hosting-content-mobile #dotted-line-2,
    #hosting-content-mobile #dotted-line-4
    {
        position: relative;
        left:140px;
    }

    #hosting-content-mobile #dotted-line-2
    {
        top: -130px;
    }

    #hosting-content-mobile #dotted-line-4
    {
        top: -270px;
    }

    #hosting-content-mobile .row:last-child
    {
        height: 0;
    }

    #com-hosting-service .note
    {
        margin-top: 0;
        margin-bottom: 20px;
    }

    #com-hosting-service .note .note-left-side {
        text-align: center;
    }

    #com-hosting-service .note {
        width: 80%;
    }

    /********** END Hosting Service ********* */

    /*.create-organization-form #input-button {*/
        /*margin-top: 20px;*/
    /*}*/
}

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

    /********** START HEADER SECTION ********* */
    #com-main-header .textwidget h1 {
        /*padding-left: 20px;*/
        font-size: 18px;
        line-height: 45px;
        /*padding-left: 20px;*/
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        height: 10px;
    }

    #com-main-header .textwidget p {
        /*width: 340px;*/
        padding: 0;
        font-size: 14px;
        margin: 10px 0 0;
    }

    #com-main-header #header-buttons {
        margin: 0;
        padding: 0;
    }

    #com-main-header .create-organization-form .input-append input[type="text"] {
        padding-right: 0;
        width: 50%;
    }

    #com-main-header #com-slogan .span8 p {
        font-size: 12px;
        line-height: 20px;
        margin-top:5px;
        padding-top: 0;
    }


    /*#com-main-header {*/
        /*min-height: 400px;*/
    /*}*/
    /********** END HEADER SECTION ********* */


    /********** START WHAT OUR USER SAY ********* */
    #what-our-user-say .textwidget > div > div:nth-child(2n+1) {
        border-right: none;
    }

    #what-our-user-say .textwidget > div > div {
        float: none;
        width: 80%;
    }

    #what-our-user-say .blog {
        margin: 0 auto 20px;
    }

    #what-our-user-say h2 {
        font: 24px "Open Sans", sans-serif;
        padding-bottom: 20px;
    }

    #what-our-user-say h2 b {
        font: 24px "Open Sans", sans-serif;
    }

    #what-our-user-say .textwidget .border {
        margin: 20px auto 0 !important;
        width: auto !important;
        border-top: #ffffff;
    }

    #what-our-user-say .textwidget > div {
        margin: 0 auto;
        width: 100%;
    }

    #what-our-user-say .entry ul li {
        text-align: center !important;
        width: 100% !important;
        box-sizing: border-box;
    }

    #what-our-user-say .textwidget .blog img {
        margin: 10px auto !important;
        height: auto;
        max-width: 50%;
    }

    #what-our-user-say .textwidget > div > div:nth-child(2n) ul li {
        padding: 0;
    }

    #what-our-user-say .textwidget span {
        margin: 25px auto 20px;
    }

    #what-our-user-say h1 {
        font: 300 24px/30px "Open Sans", sans-serif;
        padding-bottom: 20px;
        text-align: center;
    }

    #what-our-user-say h1 b {
        font: 24px/30px "Open Sans", sans-serif;
    }

    /********** END WHAT OUR USER SAY ********* */


    /********** START Hosting Service ********* */


    #hosting-content-mobile {
        width: 150px;
    }

    #hosting-content-mobile #cloud img {
        width: 150px;
    }

    #hosting-content-mobile .circle
    {
        width: 40px;
        height: 40px;
        line-height: 3em;
    }

    #hosting-content-mobile p.title,
    #hosting-content-mobile p.text
    {
        font-size: 14px;
    }

    /* Hosting content */
    #hosting-content-mobile .content3,
    #hosting-content-mobile .content4,
    #hosting-content-mobile .content6
    {
        left: 80px;
    }

    #hosting-content-mobile .content3 {
        top: -190px;
    }

    #hosting-content-mobile .content3 .text,
    #hosting-content-mobile .content6 .text {
        padding-top: 30px;
    }

    #hosting-content-mobile .content4 {
        top: -340px;
    }

    #hosting-content-mobile .content6 {
        top: -510px;
    }

    #hosting-content-mobile .content1,
    #hosting-content-mobile .content2,
    #hosting-content-mobile .content5
    {
        left: -80px;
    }

    #hosting-content-mobile .content1 {
        top: 20px;
    }

    #hosting-content-mobile .content2 {
        top: -150px;
    }

    #hosting-content-mobile .content5 {
        top: -300px;
    }


    /* Dotted Lines */
    #hosting-content-mobile #dotted-line-2,
    #hosting-content-mobile #dotted-line-4
    {
        left:70px;
    }

    #hosting-content-mobile #dotted-line-left {
        left:-40px;
        top:10px;
    }

    #hosting-content-mobile #dotted-line-right {
        right:-40px;
        top:10px;
    }

    #hosting-content-mobile #dotted-line-left,
    #hosting-content-mobile #dotted-line-right {
        width: 30px;
    }

    #hosting-content-mobile .dotted-lines {
        width: 15px;
    }

    #hosting-content-mobile #dotted-line-1,
    #hosting-content-mobile #dotted-line-3
    {
        right:72px;
    }

    #hosting-content-mobile #dotted-line-3,
    #hosting-content-mobile #dotted-line-4 {
        top: -320px;
    }

    #hosting-content-mobile #dotted-line-1,
    #hosting-content-mobile #dotted-line-2 {
        top: -170px;
    }

    #hosting-content-mobile {
        height: 790px;
    }


    #com-hosting-service .note .note-left-side,
    #com-hosting-service .note .note-left-side p{
        padding-left: 0;
        margin-left: 0;
    }

    #com-hosting-service .note {
        margin-top: 200px;
    }

    /********** END Hosting Service ********* */
}

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

    /*#hosting-content-mobile {*/
        /*width: 50%;*/
    /*}*/
}

@media (min-width: 980px) and (max-width: 1023px) {
    #what-our-user-say .textwidget > div {
        width: 940px;
    }

    #what-our-user-say .entry ul li:first-child {
        width: auto;
        padding: 0 16px 0 0;
    }

    #what-our-user-say .entry ul li:last-child {
        width: 248px;
        padding: 0;
    }

    #what-our-user-say .textwidget > div > div:nth-child(even) ul li {
        width: auto;
        padding: 0 16px 0 0;
    }

    #what-our-user-say .textwidget > div > div:nth-child(even) ul li:last-child {
        width: 249px;
        padding: 0;
    }

    #what-our-user-say .textwidget > div > div:nth-child(odd) {
        border-right: 1px solid #dddddd;
    }

    #what-our-user-say .textwidget > div > div:nth-child(odd) .entry {
        padding-right: 16px;
    }

    #what-our-user-say .textwidget > div > div:nth-child(even) .entry {
        padding-left: 32px;
    }
}


@media (min-width: 1024px) {
    #what-our-user-say .textwidget > div {
        width: 1004px;
    }

    #what-our-user-say .entry ul li:first-child {
        width: auto;
        padding: 0 16px 0 0;
    }

    #what-our-user-say .entry ul li:last-child {
        width: 280px;
        padding: 0;
    }

    #what-our-user-say .textwidget > div > div:nth-child(even) ul li {
        width: auto;
        padding: 0 16px 0 0;
    }

    #what-our-user-say .textwidget > div > div:nth-child(even) ul li:last-child {
        width: 281px;
        padding: 0;
    }

    #what-our-user-say .textwidget > div > div:nth-child(odd) {
        border-right: 1px solid #dddddd;
    }

    #what-our-user-say .textwidget > div > div:nth-child(odd) .entry {
        padding-right: 29px;
    }

    #what-our-user-say .textwidget > div > div:nth-child(even) .entry {
        padding-left: 32px;
    }
}

@media screen and (max-width: 1024px) {
    #com-hosting-service .note {
        width: 90%;
    }
}

@media screen and (max-width: 979px) and (min-width:480px){
    #com-hosting-service #slogan p {
        font-size: 14px;
        padding: 0px 30px 0px 30px;
    }
}

@media screen and (min-width: 979px){

    #text-40 .textwidget {
        width: 1004px;}
}