/*====================== start responsive style =====================*/

@media(min-width:991px ) {
    .container {
        width: 970px;
    }

    .available-store .btn-platform:first-child {
        margin-left: 0px;
    }

    .available-store .btn-platform {
        margin-left: 10px;
    }
}

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

    .no-slider p,
    .slide-caption p {
        text-align: justify;
    }

    .platform-btn .btn-platform {
        width: 100%;
    }

    .featured-logo > li > a,
    .featured-logo > li > span {
        padding: 19px 12px 19px;
    }

    .navbar-default .navbar-brand {
        font-size: 18px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
        padding: 18px 9px;
    }

    .navbar-nav > li > .dropdown-menu li a {
        font-size: 12px;
    }

    .navbar-brand {
        width: 160px;
    }

    .navbar-brand img {
        max-width: 100%;
    }

    .btn-2x {
        width: 24%;
    }

    .platform-btn .btn-platform:last-child {
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .platform-btn {
        margin-top: 28px;
        margin-bottom: 0px;
    }

    #platform .medium-list ul li .medium p {
        font-size: 16px;
        line-height: 18px;
    }

    #platform .medium-list ul li .medium {
        overflow: hidden;
    }

    .panel-pricing.popular {
        margin: 0px 0px 20px;
    }

    .review-timeline-body p {
        text-align: justify;
    }

    div.twt-item {
        text-align: center;
    }

    .subscribe-box .icon-envelope {
        margin-top: 2px;
    }

    .subscribe-box .info {
        line-height: 14px;
    }

    .available-store a:last-child {
        margin-left: 20px;
    }

    footer .copyright .inline-menu > li > a {
        padding: 6px 4px;
    }
}


@media(max-width:767px) {

    .navbar-default {
        padding: 0px;
    }

    #navbar.collapse.in,
    #navbar.collapsing {
        background-color: #fff;
    }

    .navbar-toggle {
        border-radius: 0px;
    }

    .navbar-default .navbar-nav > li > a,
    .affix.navbar-default .navbar-nav > li > a {
        color: #44525f;
        padding: 10px 20px;
        border-bottom: 1px solid #e7e7e7;
    }

    .navbar-default .navbar-nav > li:last-child > a {
        border-bottom: 0 none;
    }

    .navbar-default .navbar-nav > li > a > .bar-fx,
    .navbar-default .navbar-nav > li.active > a  > .bar-fx {
        display: none;
        visibility: hidden;
    }

    .navbar-default .navbar-nav > li.active > a,
    .navbar-default .navbar-nav > li.active > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a:hover,
    .affix.navbar-default .navbar-nav > li > a:focus,
    .affix.navbar-default .navbar-nav > li > a:hover {
        color: #1576d1;
    }

    .navbar-nav > li > .dropdown-menu {
        left: 15px;
    }

    .navbar-nav > li > .dropdown-menu:before {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        right: 65%;
    }

    .navbar-toggle {
        margin-top: 15px;
    }

    .navbar-default .navbar-brand {
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .navbar-nav > li > .dropdown-menu:before {
        display: none;
    }

    .navbar-brand {
        padding: 0px 15px;
    }

    ul.review-timeline > li {
        margin-bottom: 20px;
        position: relative;
        width: 100%;
        float: left;
        clear: left;
    }

    ul.review-timeline:before {
        left: 40px;
    }

    ul.review-timeline > li > .review-timeline-panel {
        float: right;
    }

    ul.review-timeline > li > .review-timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.review-timeline > li > .review-timeline-panel {
        float: right;
    }

    ul.review-timeline > li > .review-timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }

    ul.review-timeline > li > .review-timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    .review-timeline > li.review-timeline-inverted {
        padding-right: 15px;
        padding-left: 0px;
    }

    .review-timeline > li:not(.review-timeline-inverted) {
        padding-right: 15px;
    }

    .review-timeline > li.review-timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    ul.review-timeline > li > .review-timeline-thumb {
        left: 8px;
        margin-left: 0;
        top: 16px;
    }

}

@media only screen and (min-width: 480px) and (max-width: 520px) {
    .featured-logo > li span {
        font-size: 16px;
        line-height: normal !important;
    }

    .featured-logo > li {
        width: 25%;
    }

}


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

    .featured-logo li:first-child,
    .featured-logo li:last-child {
        display: block !important;
    }

    .featured-logo > li > a,
    .featured-logo > li > span {
        padding: 19px 10px 19px;
    }

    #contactus .contact-info {
        padding-left: 0px;
    }

    #contactus .enquiry-box {
        padding-right: 0px;
    }

    #platform .medium-list ul li:after,
    #platform .medium-list ul li:before {
        width: 0px;
        height: 0px;
    }

    .copyright,
    .social-links {
        text-align: center;
    }

    .inline-menu {
        margin: 5px auto;
    }

    .available-store .btn-platform {
        width: 100%;
        margin-bottom: 10px;
    }

    .box-content.no-border {
        border-bottom: 1px solid #e7ebee;
    }

    .box-content.no-border-last {
        border-bottom: 0 none;
    }

}


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

    /* General */


    .section-heading h2 {
        font-size: 30px;
        line-height: normal;
    }

    /* Slideshow Section */

    .slide-item h2 {
        font-size: 32px;
    }

    .slide-item p {
        font-size: 18px;
    }

    .btn-2x {
        width: 50%;
    }

    .animate-block {
        text-align: center;
    }

    .platform-btn .btn-platform:last-child {
        margin-left: 0px;
    }

    /* Platform Section*/

    #platform .platform-img {
        margin-bottom: 50px;
    }

    #platform .platform-img img {
        margin: 0 auto;
        width: 640px;
    }

    #platform .platform-list ul li {
        padding-left: 20px;
    }

    #platform .platform-list ul li.odd {
        padding-left: 0px;
    }

    #platform .platform-list h3 {
        font-size: 18px;
    }

    #platform .medium-list ul li {
        margin-top: 18px;
    }

    .panel-pricing.popular {
        margin: 15px 0px;
    }

    #contactus:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: transparent;
        left: 50%;
        right: auto;
    }

    div.twt-item {
        text-align: center;
    }

    .subscribe-box {
        margin-top: 35px;
    }

}

@media only screen and (min-width: 240px) and (max-width: 360px) {

    .review-timeline .review-timeline-body .reviewer > li > .stars {
        font-size: 14px;
    }

    .featured-logo > li > a,
    .featured-logo > li > span {
        padding: 19px 12px 19px;
    }

    .box-content.no-border {
        border-bottom: 1px solid #e7ebee;
    }

    .box-content.no-border-last {
        border-bottom: 0 none;
    }

    #indepth .btn {
        display: block;
    }

    #platform .medium-list ul li .medium {
        overflow: visible;
    }

    #platform .medium-list ul li .medium p {
        font-size: 14px;
        white-space: normal;
        text-overflow: unset;
    }

    #platform .medium-list ul li:after,
    #platform .medium-list ul li:before {
        width: 0px;
        height: 0px;
    }

    .social-links li {
        margin-left: 4px;
    }

    .panel-pricing.popular {
        margin: 0px;
        margin-bottom: 20px;
    }

    #contactus .enquiry-box {
        padding-right: 0;
    }

    #contactus .contact-info {
        padding-left: 0px;
        padding-top: 0;
    }

    #contactus:before {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        visibility: hidden;
    }

    div.twt-item {
        text-align: center;
    }

    .available-store .btn-platform {
        border: 1px solid #ddd;
        width: 100%;
        margin-bottom: 15px;
    }

    footer .copyright,
    footer .copyright .inline-menu,
    footer .copyright .social-links {
        text-align: center;
        margin-bottom: 5px;
    }
}