@media screen and (min-width:320px) and (max-width:480px) {

    .fixed-part img {

        padding-bottom: 20px;

        height: auto;

        width: 100%;

        padding-top: 80px;

    }

    .slider ul.pull-right li a {

        font-size: 12px;

        padding-right: 15px;

    }

    .slider ul.pull-right li {

        margin-bottom: 5px;

        margin-top: 5px;

    }

    .slider-content-new {

        text-align: right;

    }

    .slider-content-new h1 {

        font-size: 50px;

        line-height: 50px;

    }

    .slider-content-new h3 {

        font-size: 30px;

        line-height: 30px;

    }

    .slider-content-new p {

        font-size: 14px;

    }

    .slider-bg {

        background-size: contain;        /*min-height: auto;*/

    }

    .carousel-indicators {

        bottom: -10px;

    }

    .paddingzero img {

        height: auto;

        width: 100%;

    }

    #subsite-slider .bx-controls {

        bottom: 75%;

    }

    #subsite-slider .bx-wrapper .bx-prev {

        left: 0;

    }

    #subsite-slider .bx-wrapper .bx-next {

        right: 0;

    }

    .sub-header {

        background-color: #ccc !important;

    }



    /*  header {

          padding-top: 65px;

      }*/

    .navbar-default {

        margin: 0;

    }

    footer {

        background: #505050;

        padding-top: 30px

    }

    .fw {

        padding: 0

    }

    .fw li {

        width: 100%;

        margin: 0;

        border-bottom: 1px solid #C1C1C1;

        padding: 10px

    }

    .fw li:last-child {

        border-bottom: 0;

        width: 100%

    }

    .fw li .head {

        border-bottom: none;

        padding-bottom: 0

    }

    .fw li .head h3 {

        font-size: 28px

    }

    .fw li .head h4 {

        margin-top: 0;

        font-size: 30px

    }

    .fw .content {

        min-height: 0;

        padding: 10px 0

    }

    .fw .readmore {

        padding: 10px

    }

    footer {

        padding: 24px 16px

    }

    footer ul {

        display: none

    }

    #push, footer {

        height: 80px

    }

    footer li a {

        font-size: 14px;

        color: #fff;

        font-weight: 500

    }

    footer li a:hover {

        text-decoration: underline;

        color: #fff;

    }

    footer p {

        font-size: 14px;

        color: #fff;

        text-align: center;

        font-weight: 500

    }

    .wrapper {

        padding: 0;

        width: 100%;

    }

    .content a img, .mapimage img {

        width: 100%;

    }

    .navbar-collapse {

        background-color: #f8f8f8;

        left: 0;

        margin: 0 !important;

        padding: 0;

        position: absolute;

        overflow: hidden;

        right: 0;

        top: 71px;

        width: 100%;

    }

    .mobile-img-width img

    {

        height: 100%;

        width: 100%;

    }

    .paddingzero.float-right {

    padding: 0;

}

.inner-right-content p

{

    color: #fff;

}

}

@media screen and (min-width:320px) and (max-width:480px) and (orientation:landscape) {

    .navbar-default .pull-right {

       /* float: left !important;*/

        padding-left: 20px;

    }

    .sub-header {

        background: #f8f8f8;

    }

    .subsite-menu ul.pull-right li a {

        color: #000;

    }

    .wrapper {

        padding: 0;

        width: 100%;

    }

    .footer-list {

        width: 100%;

    }

    .footer-list span {

        display: inline-block;

        width: 100%;

    }

    .mobile-img-width img

    {

        height: 100%;

        width: 100%;

    }

    .paddingzero.float-right {

    padding: 0;

}

.inner-right-content p

{

    color: #fff;

}

}

@media screen and (min-width:481px) and (max-width:599px) {

    .fixed-part img {

        padding-bottom: 20px;

        padding-top: 80px;

        height: auto;

        width: 100%;

    }

    .slider ul.pull-right li a {

        font-size: 12px;

        padding-right: 15px;

    }

    .slider ul.pull-right li {

        margin-bottom: 5px;

        margin-top: 5px;

    }

    .slider-content-new {

        text-align: right;

    }

    .slider-content-new h1 {

        font-size: 50px;

        line-height: 50px;

    }

    .slider-content-new h3 {

        font-size: 30px;

        line-height: 30px;

    }

    .slider-content-new p {

        font-size: 14px;

    }

    .slider-bg {

        background-size: contain;

        min-height: auto;

    }

    .carousel-indicators {

        bottom: -10px;

    }

    .paddingzero img {

        height: auto;

        width: 100%;

    }

    .navbar-default {

        margin: 0;

    }

    .pull-right.breadcrumb-sub {

        margin: 0 10px;

    }

    footer ul {

        display: none

    }

    footer {

        background: #505050;

        padding: 24px 16px;

    }

    .fw {

        padding: 0

    }

    footer p {

        font-size: 12px;

        color: #fff;

        font-weight: 500

    }

    #push, footer {

        height: 80px

    }

    #wrap {

        margin: 0 auto -80px

    }

    .navbar-collapse {

        background-color: #f8f8f8;

        left: 0;

        margin: 0 !important;

        padding: 0;

        position: absolute;

        overflow: hidden;

        right: 0;

        top: 71px;

        width: 100%;

    } .fw li:last-child {

    width: 100%;

}

.mobile-img-width img

    {

        height: 100%;

        width: 100%;

    }

    .paddingzero.float-right {

    padding: 0;

}

.inner-right-content p

{

    color: #fff;

}

}

@media screen and (min-width:600px) and (max-width:767px) {

    .fixed-part img {

        padding-bottom: 20px;

        padding-top: 120px;

        height: auto;

        width: 100%;

    }

    .slider ul.pull-right li a {

        font-size: 12px;

        padding-right: 15px;

    }

    .slider ul.pull-right li {

        margin-bottom: 5px;

        margin-top: 5px;

    }

    .slider-content-new {

        text-align: right;

    }

    .slider-content-new h1 {

        font-size: 50px;

        line-height: 50px;

    }

    .slider-content-new h3 {

        font-size: 30px;

        line-height: 30px;

    }

    .slider-content-new p {

        font-size: 14px;

    }

    .slider-bg {

        background-size: contain;

        min-height: auto;

    }

    .carousel-indicators {

        bottom: -10px;

    }

    .paddingzero img {

        height: auto;

        width: 100%;

    }

    .pull-right.breadcrumb-sub {

        margin: 0 10px;

    }

    .fw {

        padding: 0

    }

    .fw li {

        width: 100%;

        margin: 0;

        border-bottom: 1px solid #C1C1C1;

        padding: 10px

    }

    .fw li:last-child {

        border-bottom: 0;

        width: 100%;

    }

    .fw li .head {

        border-bottom: none;

        padding-bottom: 0

    }

    .fw li .head h3 {

        font-size: 28px

    }

    .fw li .head h4 {

        margin-top: 0;

        font-size: 30px

    }

    .fw .content {

        min-height: 0;

        padding: 10px 0

    }

    .fw .readmore {

        padding: 10px

    }

    footer {

        padding: 24px 16px

    }

    footer ul {

        display: none

    }

    #push, footer {

        height: 80px

    }

    #wrap {

        margin: 0 auto -80px

    }

    .navbar-collapse {

        background-color: #f8f8f8;

        left: 0;

        margin: 0 !important;

        padding: 0;

        position: absolute;

        overflow: hidden;

        right: 0;

        top: 71px;

        width: 100%;

    }

    .mobile-img-width img

    {

        height: 100%;

        width: 100%;

    }

    .paddingzero.float-right {

    padding: 0;

}

   .inner-right-content p

{

    color: #fff;

} 

}

@media screen and (min-width:768px) and (max-width:1024px) {

    .fixed-part img {

        padding-bottom: 20px;

        padding-top: 90px;

        height: auto;

        width: auto;

    }

    .slider ul.pull-right li a {

        font-size: 12px;

        padding-right: 15px;

    }

    .slider ul.pull-right li {

        margin-bottom: 5px;

        margin-top: 5px;

    }

    .slider-content-new {

        text-align: right;

        padding: 20% 3%;

    }

    .slider-content-new h1 {

        font-size: 100px;

        line-height: 100px;

    }

    .slider-content-new h3 {

        font-size: 50px;

        line-height: 50px;

    }

    .slider-content-new p {

        font-size: 18px;

        padding-left: 2%;

    }

    .slider-bg {

        background-size: contain;

        background-position: right bottom;

        min-height: 623px;

    }

    .carousel-indicators {

        bottom: -10px;

    }

    .paddingzero {

        padding: 0;

    }

    .fw {

        padding: 24px 0

    }

    .fw li {

        float: left;

        margin-right: 20px;

        width: 226px

    }

    .fw li .head {

        padding: 12px 0

    }

    .fw li .head.mail {

        background-position: left center

    }

    .fw li .head h3 {

        font-size: 28px

    }

    .fw li .head h4 {

        font-size: 28px;

        margin-top: 0

    }

    .fw li:last-child {

    width: 59%;

}

    .wrapper {

        width: 768px

    }

    .navbar.navbar-default {

        margin: 0;

    }

    .navbar-nav > li > a {

        padding-bottom: 5px;

        padding-top: 5px;

    }

    .inner-right-content {

        padding: 5%;

    }

    #push, footer {

        height: 100px

    }

    #wrap {

        margin: 0 auto -100px

    }

    .social-icon {

        padding-top: 10px;

    }

    .navbar-collapse {

        top: 35px;

    }

    .mobile-img-width img

    {

        height: 100%;

        width: 100%;

    }

    .paddingzero.float-right {

    padding: 0;

}

.inner-right-content p

{

    color: #fff;

}

}

@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

    .slider-content-new {

        text-align: left;

        padding: 20% 1%;

    }

    .slider-content-new h1 {

        font-size: 90px;

        line-height: 90px;

    }

    #subsite-slider .bxslider-subsite .bx-viewport {

        height: auto;

    }

    .navbar-nav {

        float: right;

    }

    .nav.navbar-nav.pull-right {



        /*width: 100%;*/

    }

    .nav.navbar-nav.pull-right {

        padding: 0 0 0 10%;

    }

    .wrapper {

        width: 100%;

    }

    .slider-bg {

        background-size: contain;

        background-position: right bottom;

        min-height: 623px;

    }

    .mobile-img-width img

    {

        height: 100%;

        width: 100%;

    }

    .paddingzero.float-right {

    padding: 0;

}

.inner-right-content p

{

    color: #fff;

}



}

@media screen and (max-width:1024px) {

    .inner-right-content h1 {

        font-size: 45px;

    }

    .slider-content-new h1 {

        text-align: left;

    }

    .slider-content-new h3 {

        text-align: left;

    }

    .slider-content-new p {

        text-align: left;

    }

    .slider ul.pull-right li {

        margin-top: 10px;

    }

    .float-right .inner-content {

        padding-right: 0;

        padding-left: 0;

    }

    .inner-image-right, .inner-image-left {

        background-size: contain;

    }

    .mobile-img-width img

    {

        height: 100%;

        width: 100%;

    }

    .paddingzero.float-right {

    padding: 0;

}

.inner-right-content p

{

    color: #fff;

}

}