/*This styles is for the responsive layout of the theme*/
@media screen and (max-width: 1300px){
    .slider-caption .caption-title{
        font-size: 50px;
        line-height: 40px;
    }

    .slider-caption .caption-description{
        font-size: 26px;
        line-height: 30px;
    }
}

@media screen and (max-width: 1200px){
    .boxed-layout #page{
        width:100%;
    }

    .ak-container,
    .boxed-layout .ak-container{
        width: 100%;
        padding: 0 10px;
    }

    #masthead .right-header{
        padding-top: 10px;
    }

    .header-text{
        display: none;
    }

    .socials{
        float: none;
        margin: 0 0 10px;
        text-align:right;
    }

    .ak-search{
        float: none;
        margin: 0 0 10px;
    }

    .ak-search .searchform{
        float: right;
    }

    .slider-caption .caption-title{
        font-size: 30px;
        line-height: 26px;
    }

    .slider-caption .caption-description{
        font-size: 16px;
        line-height: 20px;
    }

    #slider-banner .bx-wrapper .bx-pager{
        bottom:5px;
    }

    #slider-banner .bx-wrapper .bx-pager.bx-default-pager a{
        height: 14px;
        width: 14px;
    }

    #welcome-text{
        width: 53.5%
    }

    #top-section .welcome-text-image{
        width: 30%
    }

    #top-section .welcome-detail{
        width: 65%
    }

    #latest-events{
        width: 44%;
    }

    .event-list .event-thumbnail{
        width: 28%;
    }

    .event-list .event-thumbnail img{
        width: 100%;
    }

    .event-list .event-detail{
        width: 68%;
    }

    .featured-post{
        width: 30%;
        margin-right: 5%;
    }

    #bottom-section .testimonail-slider, 
    #bottom-section .thumbnail-gallery, 
    #bottom-section .text-box{
        width: 31%; 
        margin-right: 3.5%
    }

    #bottom-section .testimonail-slider{
        margin-right:0;
    }

    .testimonail-thumbnail{
        width: 30%;
    }

    .testimonail-excerpt{
        width: 65%;
    }

    #bottom-section .thumbnail-gallery ul li:nth-child(3n){
        margin-right: 6px;
    }

}

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

    #top-header .header-textline .widget{
        width: 45.5%;
        margin-left: 18.5%;
    }
    #main-content, .mid-content, #sequence .mid-wrapper, .testimonials-wrap, .main-title h1, 
    .about-us-wrapper,.container{
        width:941px;
    }
    .socials{
        float: none;
        margin: 0 0 0px;
        text-align:right;
    }
    #site-navigation ul li a {
        padding: 0 10px;
    }
    #sequence .mid-wrapper {
        margin-left: -470px;
    }
    .ipad-img {
        width: 100%;
    }
    .youtube-tutorial {
        width: 50%;
    }
    #youtube-video iframe {
        width: 47%;
    }
    .themes-list li, .plugin-mid .themes-list li, .theme-portfolios {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .theme-header{
        padding: 20px;
    }
    .theme-header p {
        margin: -13px;
    }
    .facebook-box {
        float: none;
        margin-bottom: 20px;
        text-align: center;
    }
    .twitter-box {
        float: none;
        text-align: center;
    }
    #youtube-video .mid-content {
        width: 850px;
    }
    .parallax-content {
        width: 100%;
    }
    .theme-header p {
        font-size: 16px;
    }
    .theme-header h1 {
        font-size: 18px;
    }
    .access-small-features .right-cont {
        float: left;
        margin-left: 25px;
        width: 210px;
    }
    .access-features, .access-small-features {
        float: left;
        margin-right: 5%;
        width: 27%;
    }
    .access-small-features i {
        margin-bottom: 10px;
    }
    .service {
        width: 252px;
    }
    .blog-lists .blog-items {
        width: 300px;
    }
    .left-contact {
        width: 550px;
    }
    .left-contact .wpcf7-form {
        width: 480px;
    }
    #sequence .mid-wrapper {
        bottom: 70px; 
    }
    #sequence .slide2 .mid-wrapper {
        bottom: 10px;
    }
    .ap-middle-image{
        width:350px;
    }
    .ipad-img {
        width: 100%;
    }
    .ap-right-image{
        width: 260px;
    }
    .featured-post {
        margin-right: 5%;
        width: 47%;
    }
    .featured-post:nth-child(2n) {
        margin-right: 0;
    }
    .theme-slider {
        width: 580px;
    }
    .chairman-photo{
        width: 300px;
    }
    .chairman-message{
        float: right;
        width: 365px;
    }
    .right-column .service-content{
        width: 80%;
    }
    .right-support p a {
        font-size: 13px;
    }
    .free-features {
        background-position: 80% 80px;
    }
    .pro-features {
        background-position: 80% 125px;
    }
    /*slider responsive **/
    .ap-left-image{
        height: 280px;
        right: 300px;
        top: 245px;
        width: 240px;
    }
    .ap-ipad{
        height: 280px;
        right: 400px;
        top: 285px;
        width: 150px;
    }

    .slide3 .ap-ipad{
        top: 185px;
    }

    .ap-ipad img.ipad-website {
        left: 17px;
        max-width: 77%;
        position: absolute;
        top: 16px;
    }
    .slide3 .ap-mac{
        top: 140px;
    }
    .ap-mac img.mac-website {
        left: 9px;
        position: absolute;
        top: 11px;
        width: 93%;
    }

    .ap-right-image {
        height: 280px;
        right: 60px;
        top: 245px;
        width: 240px;
    }

    .ap-iphone {
        height: 280px;
        right: 100px;
        top: 330px;
        width: 90px;
    }
    .ap-iphone img.iphone-website {
        left: 16px;
        position: absolute;
        top: 22px;
        width: 62%;
    }
    .slide3  .ap-iphone{
        top: 230px;
    }

    .ap-middle-image,.ap-mac {
        height: 240px;
        right: 160px;
        top: 240px;
        width: 280px;
    }
    .customize-image {
        right: 60px;
        top: 200px;
        width: 483px;
    }
    .customize-image-zoom {
        top: 204px;
        width: 160px;
    }
    .anonymous-post-ipad {
        right: 200px;
        top: 240px;
        width: 455px;
    }
    .anonymous-post-text {
        right: 50px;
        top: 190px;
        width: 255px;
    }
    .testimonial-each{
        width: 37%;
    }
    .facebook-box{
        width: 430px;
        float: left !important;
    }
    .twitter-box {
        float: right !important;
        margin-top: 70px;
        width: 390px;
    }

    .social-icon1 {
        height: 300px;
        right: 50px;
        top: 130px;
        width: 305px;
    }

    .social-icon2 {
        height: 223px;
        right: 370px;
        top: 290px;
        width: 150px;
    }

    .social-icon3 {
        height: 153px;
        right: 490px;
        top: 200px;
        width: 120px;
    }

    .social-icon4 {
        height: 116px;
        right: 390px;
        top: 170px;
        width: 85px;
    }

    /*--------- 8Degree -----------*/

    /*----------- Home page Start ---------*/

    .thumbnail-wrapper .thumbnail-inner-wrap{
        width: 31.6%;
    }

    .img-left{
        width: 50%;
    }

    .right-content{
        width: 40%;
    }

    .left-content,#section-5 .img-left{
        width: 45%;
    }

    .right-content{
        padding: 0;
    }

    #testimonial-pager .testa-thumb-image{
        width: 25%;
    }

    .all-themes .left{
        width: 56%;
    }
    .thumbnail-wrapper .thumbnail-inner-wrap .button-theme {
        padding: 17px 5px;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap .button-theme .demo-detail a {
        margin-left: 0;
    }


    /*----------- Home page End ---------*/

    /*----------- Themes page Start ---------*/

    .pro-theme-wrap .theme-portfolios{
        width: 31%;
    }

    .pro-theme-wrap .theme-portfolios .button-theme{
        padding: 17px 6px;
    }


    .pro-theme-wrap .theme-portfolios .button-theme .demo-detail a{
        margin-left: 0;
    }

    /*----------- Themes page End ---------*/

/*-------------------------------------------------------------------------
Single Themes Page Start
---------------------------------------------------------------------------*/

.theme-details {
    width: 38.3%;
}

/*-------------------------------------------------------------------------
Single Themes Page End
---------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
Single Blog Page Start
---------------------------------------------------------------------------*/

#primary .main-title .post-tags {
    width: 60%;
}

#primary .comments-area .comment-form-comment, #primary .comments-area .comment-form-email {
    width: 260px;
}

/*-------------------------------------------------------------------------
Single Blog Page End
---------------------------------------------------------------------------*/

#secondary .right{
    width: 100%;
}

#pricing-table .rpt_plan{
    width: 33%;
}

.name-wrap, .email-wrap{
    width: 47%;
}

.cntc_pg_bor #cfwc_contactform .email-wrap input,
.cntc_pg_bor #cfwc_contactform .name-wrap input{
    width: 100%;
}

#main-footer > .footer-block,#main-footer > .footer-block:first-child{
    margin-right: 2%;
    width: 16%;
}

p.support-keyword {
    width: 180px;
}

.contact-support {
    background-position:200px 30px;
}

.reCaptcha-wrap {
    width: 100%;
}

}


@media screen and (max-width: 940px){
    body{
        background: #F2F2F2;
    }

    #page{
        max-width: 768px;
        width: 100%;
        margin:0 auto;
        background: #FFF;
        box-shadow: 0 0 10px #999;
    }

    #slider-banner .bx-controls-direction{
        display: none;
    }

    #welcome-text{
        width: auto;
        margin-bottom: 25px;
        float: none;
    }

    #top-header .header-textline .widget {
        width: 58.5%;
        margin-left: 16.5%;
    }

    .cart-items{
        margin-right: 0;
    }

    #top-section{
        margin-top: 20px;
        margin-bottom: 30px;
    }

    #top-section .welcome-text-image img{
        width: 100%
    }

    #main-header.fixed {
        height: auto;
        position: fixed;
        width: 100%;
        max-width: 768px;
    }

    #main-header.fixed .mid-content{
        position: relative;
    }

    #main-header.fixed .toggle-menu{
        position: absolute;
        top:10px;
        right: 0;
    }

    #main-header.fixed .loginSign-up .sign-up{
        margin-left: 10px;
    }
    #site-navigation .loginSign-up .sign-up a,
    #main-header.fixed #site-navigation .loginSign-up .sign-up a{
        font: 18px 'proxima_nova_rgregular';
        color: inherit;
        background: inherit;
        display: block;
        width: auto;
        height: auto;
        border: none;
        line-height: 50px;
        padding: 0 10px;
    }

    #site-navigation .loginSign-up .sign-up a:hover,
    #main-header.fixed #site-navigation .loginSign-up .sign-up a:hover {
        background: #df4a48;
        border: none;
        color: #fff;
    }

    #site-navigation .loginSign-up .sign-up{
        position: static;
        padding: 0;
        display: block;
    }

    #site-navigation .loginSign-up .login{
        margin-right: 10px;
    }

    #latest-events{
        width: auto;
        float: none;
    }

    #bottom-section .testimonail-slider, 
    #bottom-section .gallery, 
    #bottom-section .subscribe{
        width: auto;
        float: none;
        margin: 0 0 25px;
    }

    .testimonail-thumbnail,
    .testimonail-sidebar .testimonail-thumbnail{
        width: 100px;
        margin-right: 20px
    }

    .testimonail-excerpt,
    .testimonail-sidebar .testimonail-excerpt{
        width: calc( 100% - 120px);
        float: left;
    }

#site-navigation {
    float:none;
}
    #site-navigation .ak-container{
        padding:0;
    }

    .menu-toggle{ 
        display: block;
        float: right;
        background: url(../images/menu.png) no-repeat center rgba(0,0,0,0.3);
        height: 48px;
        width: 48px;
        text-indent: -9999px;
        margin: 0;
    }
    .menu-menu-1-container, .menu-blog-menu-container {
        display: none;
    }
    #site-navigation #menu-blog-menu a {
        padding: 0 5px;
    }

    .main-navigation .menu {
        display: none;
    }

    #top-footer .footer{
        width: 50%;
    }

    .hide{ display: block; margin-bottom: 25px;}

    #bottom-footer .site-info{
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    #bottom-footer .copyright{
        float: none;
        text-align: center;
    }

    .main-navigation .menu{
        position: absolute;
        left: 0;
        width: 100%;
        top: 48px;
        z-index: 9999;
        background: #0077B2;
    }

    .main-navigation .menu li{
        width: 100%; 
        float: none;
        line-height: 38px;
        border-bottom:1px solid #0383BF;
    }

    .main-navigation ul ul{
        position: static;
        box-shadow: none;
        border: none;
    }

    .main-navigation ul ul a{
        padding:0 20px ; 
    }

    .main-navigation .menu ul li{
        line-height:38px;
        border-bottom: 1px solid #DDD;
        padding:0; 
    }

    .main-navigation ul ul ul{
        background: #F6F6F6;
    }
    #site-navigation > div > ul > li{
        line-height: 50px;
    }
    #primary-wrap{
        float: none;
        width: auto;
    }

    #primary, .left-sidebar #primary, 
    .both-sidebar #primary,
    .both-sidebar #primary-wrap .sidebar,
    .both-sidebar .sidebar{
        float: none;
        width: auto;
        margin-bottom: 25px;
    }

    .sidebar, .sidebar.left-sidebar{
        width: auto;
        float: none;
    }
    #main-content, .mid-content, #sequence .mid-wrapper, .testimonials-wrap, .main-title h1, .about-us-wrapper {
        width: 95%;
    }

    .main-title h1{
        width: 100%;
    }
    .toggle-menu {
        background: #df4a48;
        cursor: pointer;
        padding: 5px;
        display: block;
        width: 35px;
        border-radius: 4px;
        margin-left: 10px;
        float: right;
    }

    .toggle-menu span{
        display: block;
        height: 3px;
        width: 100%;
        margin-bottom: 5px;
        background: #fff;
    }

    .toggle-menu span:last-child{
        margin-bottom: 0;
    }

    #featured-bar .featured-block {
        height: 125px;
    }
    .featured-post {
        margin-right: 2%;
        width: 48%;
        margin-bottom: 20px;
    }
    .themes-list {
        margin-left: -10px;
    }
    .theme-header-btn {
        height: 403px;
    }
    .themes-list li, .plugin-mid .themes-list li, .theme-portfolios {
        display: inline-block;
        float: none;
        height: 415px;
        vertical-align: top;
        width: 330px;
    }
    .themes-list li:before, .theme-portfolios:before{
        background-position: left top;
    }
    .theme-header p {
        font-size: 19px;
        margin-top: 14px;
    }
    #youtube-video .mid-content {
        width: 695px;
    }
    #bottom-footer .copyright {
        text-align: center;
    }

    .theme-header h1 {
        font-size: 18px;
        margin: 10px 0 5px;
    }
    .theme-header {
        padding: 20px;
    }
    .theme-buttons {
        padding-top: 30px;
    }
    .theme-buttons a, a.button {
        margin-bottom: 5px;
    }

    .isotope-buttons ul {
        margin-top: 5px;
    }
    .theme-header p {
        font-size: 11px;
    }
    .theme-header h1{
        font-size: 18px;
    }
    .service {
        margin: 0 21px;
        width: 205px;
    }
    .blog-lists .blog-items{
        width: 238px;
    }
    .left-contact {
        border-right: medium none;
        float: none;
        width: 100%;
    }
    .left-contact .wpcf7-form {
        width: 100%;
    }
    .right-side {
        float: none;
        margin-bottom: 20px;
        margin-top: 20px;
        padding-left: 0;
        text-align: center;
        width: 100%;
    }
    .primary-content, .secondary-content {
        float: none;
        width: 100%;
    }
    #site-navigation > div > ul > li {
        display: block;
        border-bottom: 1px solid #ebebeb;
    }
    #site-navigation .loginSign-up a, #site-navigation div > ul > li.log-out > a {
        color: inherit;
        background: inherit;
        padding: 0 10px;
        border-radius: unset;
        transition: 0s;
        -webkit-transition: 0s;
        -moz-transition: 0s;
    }
    #site-navigation .loginSign-up .login, #site-navigation .loginSign-up .log-out, #site-navigation > div > ul > li.log-out, #main-header.fixed #site-navigation > div > ul > li.log-out {
        line-height: 50px;
        display: block;
        margin: 0;
    }
    #site-navigation .loginSign-up {
        margin-right: 0;
        width: 100%;
        padding: 0;
    }
    #site-navigation > div > ul > li > ul.sub-menu li a {
        padding: 0 10px;
    }
    #site-navigation{
        text-align: right;
        padding-top: 20px;
    }
    .menu-main-menu-container{
        display: none;
        padding: 0;
        box-shadow: -5px 0 #ccc inset;
        position: absolute;
        right: 0;
        width: 100%;
        top: 100px;
        background: #f9f9fa;
        z-index: 99;
    }
    .fixed .menu-main-menu-container {
        top: 51px;
    }
    #site-navigation > div > ul > li > ul.sub-menu,
    #site-navigation>div>ul#menu-blog-menu>li>ul.sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        background: inherit;
        width: auto;
        box-shadow: 5px 0 0 inset #ccc;
        margin-left: 15px;
        display: none;
        z-index:9999;
    }
    #site-navigation > div > ul > li a:hover {
        background: #df4a48;
        color: #fff;
    }

    #main-header #site-navigation .menu {
        margin-left: 0;
        margin-bottom: 20px;
    }
    #main-header .mid-content {
        padding: 0;
        width: 95%;
        position: relative;
    }
    .theme-slider {
        width: 380px;
    }
    .comparision-wrap {
        display: table;
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
    .premium-theme-image{
        float: none;
        width: 100%;   
    }
    .team1, .team2, .team3, .team4{
        width: 355px;
    }
    .person-author-wrapper{
        text-align: center;
    }
    .footer-address{
        height: 124px;
    }
    .address-detail{
        padding-top: 23px;
    }
    .chairman-photo {
        float: none;
        width: 100%;
    }
    .chairman-message {
        float: none;
        margin-bottom: 15px;
        margin-top: 15px;
        width: 100%;
    }
    .right-column .service-content{
        width: 75%;
    }
    .left-faq {
        width: 55%;
    }
    .right-faq {
        width: 45%;
    }
    .hosting-wrapper .right {
        width: 103px;
    }
    .hosting-wrapper .mid {
        margin-right: 30px;
        width: 340px;
    }
    .hosting-wrapper .left{
        margin-right: 25px;
    }
    .comparision-features{
        width: 20%;
    }
    #sequence .mid-wrapper {
        margin-left: -330px;
        width: 700px;
    }
    /*slider responsive **/
    .ap-left-image {
        right: 250px;
        top: 290px;
    }
    .ap-right-image {
        right: 10px;
        top: 290px;
    }
    .ap-middle-image {
        right: 110px;
        top: 285px;
    }
    .ap-ipad{
        right: 340px;
        top: 325px;
    }

    .slide3 .ap-ipad{
        top: 225px;
    }

    .ap-ipad img.ipad-website {
        left: 17px;
        max-width: 77%;
        position: absolute;
        top: 16px;
    }
    .slide3 .ap-mac{
        top: 180px;
    }

    .ap-mac img.mac-website {
        left: 9px;
        position: absolute;
        top: 11px;
        width: 93%;
    }

    .ap-iphone {
        right: 30px;
        top: 365px;
    }
    .ap-iphone img.iphone-website {
        left: 16px;
        position: absolute;
        top: 22px;
        width: 62%;
    }
    .slide3  .ap-iphone{
        top: 270px;
    }

    .ap-mac {
        right: 100px;
        top: 280px;
    }
    .customize-image {
        right: 60px;
        top: 330px;
        width: 400px;
    }
    .customize-image-zoom {
        top: 330px;
        width: 100px;
    }
    .anonymous-post-ipad {
        right: 80px;
        top: 340px;
        width: 400px;
    }
    .anonymous-post-text {
        right: 0;
        top: 310px;
        width: 170px;
    }
    .testimonial-each{
        width: 33%;
        height: 225px;
    }
    .facebook-box {
        float: left !important;
        margin-top: 50px;
        width: 350px;
    }
    .twitter-box {
        margin-top: 51px;
        width: 300px;
    }
    .bigtext{
        font-size: 26px;
    }
    .our-clients-desc{
        font-size: 21px;
    }
    #main-header .site-branding .site-logo{
        margin: 0 auto;
        text-align: center;
    }
    .fixed > .mid-content {
        width: 100%;
        padding: 0;
        /* background: #ffffff;*/
    }

    .social-icon2 {
        height: 223px;
        right: 260px;
        top: 460px;
        width: 80px;
    }
    .social-icon4 {
        height: 116px;
        right: 240px;
        top: 320px;
        width: 85px;
    }

    .social-icon3 {
        height: 153px;
        right: 320px;
        top: 370px;
        width: 90px;
    }

    .social-icon1 {
        height: 250px;
        right: 50px;
        top: 350px;
        width: 195px;
    }
    #sequence .slide8 .subtitle,#sequence .slide10 .subtitle{
        width:40%;
    }

    .container{
        width: 95%;
    }
    .thumbnail-wrapper .thumbnail-inner-wrap {
        width:31.5%;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap .button-theme {
        padding: 10px 5px;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap .button-theme .demo-detail a {
        margin-left: 8px;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap .button-theme .demo-detail a:nth-of-type(3){
        margin-left: 0;
        margin-top: 10px;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap .theme-header{
        padding: 30px;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap:hover .bottom-detail{
        bottom: 20px;
    }
    .left-wrap {
        width: 100%;
        padding-right: 0;
        overflow: hidden;
    }
    .right-wrap {
        width: 100%;
        overflow: hidden;
    }

    .right-content .content-right .heading{
        font-size: 27px;
    }

    .right-content .content-right .button-red{

        margin: 10px 0 8px 0;
    }

    .all-themes .right .button-red{
        width: 254px;
    }

    .all-themes .right .button-red a{
        font-size: 20px;
    }

    #main-footer > .footer-block, #main-footer > .footer-block:first-child {
        width: 22%;
    }

    #main-footer > .footer-block:last-child {
        width: 40%;
    }

    #bottom-footer .footer-link-icons-img{
        margin: 0 19px;
    }

    /*-------------------------------------------------------------------------
    Themes Page start
    ---------------------------------------------------------------------------*/

    .popular-nav ul li a{
        padding: 0px 10px;
    }

    .pro-theme-wrap .theme-portfolios {
        width: 47.7%;
    }

    .pro-theme-wrap .theme-portfolios .button-theme {
        padding: 17px 18px;
    }

    .pro-theme-wrap .theme-portfolios .button-theme .demo-detail a {
        margin-left: 8px;
    }

    /*-------------------------------------------------------------------------
    Themes Page End
    ---------------------------------------------------------------------------*/


    /*-------------------------------------------------------------------------
    Single Themes Page Start
    ---------------------------------------------------------------------------*/

    .theme-slider {
        width: 61.6%;
    }

    .theme-details .free-customization h1 {
        font-size: 16px;
        padding: 11px 20px;
    }

    .theme-details .button-customize .buy-now, .log-wrap .reg-btn {
        margin-left: 0;
        margin-top: 11px;
    }


    /*-------------------------------------------------------------------------
    Single Themes Page End
    ---------------------------------------------------------------------------*/


    /*-------------------------------------------------------------------------
    Blog Page Start
    ---------------------------------------------------------------------------*/

    #secondary .related-cats ul li {
        line-height: 30px;
    }

    /*-------------------------------------------------------------------------
    Blog Page End
    ---------------------------------------------------------------------------*/

    /*-------------------------------------------------------------------------
    Single Blog Page Start
    ---------------------------------------------------------------------------*/

    #primary .comments-area .comment-form-author, #primary .comments-area .comment-form-email, 
    #primary .comments-area .comment-form-url,#primary .comments-area .comment-form-comment,
    .single-blog #secondary,.tax-blog-category #secondary,.archive #secondary,
    .woocommerce-page #secondary,.page-child #secondary,.page-id-205 #secondary,.page-id-366 #secondary{
        width: 100%;
    }

    .tax-blog-category .blog-lists .blog-items {
        width: 47%;
    }

    .archive #secondary .right,.woocommerce-page #secondary .right,.page-child #secondary .right,
    .page-id-205 #secondary .right,.page-id-366 #secondary .right{
        width: 80%;
    }

    /*-------------------------------------------------------------------------
    Single Blog Page End
    ---------------------------------------------------------------------------*/

    #pricing-table .rpt_plan .rpt_title{
        font-size: 19px;
    }

    #faqs .faq-wrap{
        width: 100%;
    }

    #pricing-table .rpt_plan .rpt_features .rpt_feature{
        padding: 19px 30px;
    }

    #pricing-table .rpt_plan .rpt_foot, #pricing-table .rpt_plan .add_to_cart_button{
        width: 200px;
    }

    .woocommerce table.cart td.actions .coupon, 
    .woocommerce-page #content table.cart td.actions .coupon, 
    .woocommerce-page table.cart td.actions .coupon {
        float: left;
    }

    .main-title .contact_pg_dsc_title {
        padding: 0 127px;
    }

    .cntc_pg_bor .cntc_p{
        padding: 9px 0 12px 0;
    }

    .name-wrap, .email-wrap {
        width: 46%;
    }

    .contact-form.top-form{
        background-size: 100% 100%;
        width: 100%;
        height: auto;
    }

    .contact-name,.email{
        width: 40%;
    }

    .contact-form.top-form input[type="text"], .contact-form.top-form input[type="email"]{
        width: 100%;
    }

    p.support-keyword {
        width: 100%;
        padding-right: 48%;
    }

    .contact-support {
        background-position: 120px 30px;
    }

    #main-header.fixed #site-navigation > div > ul > li.log-out{
        top: 0;
    }

    #site-navigation > div > ul > li.log-out > ul.sub-menu{
        display: none;
    }

}

@media screen and (max-width: 767px){
    .slider-caption .caption-title{
        margin-bottom: 0;
    }
    .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="password"], .wpcf7-form select{
        width: 100%;
    }

    .slider-caption .caption-description{
        display: none;
    }
    #main-header .site-branding .site-logo{
        margin: 0 auto;
    }
    .slider-caption{
        padding: 20px 0;
    }
    #bottom-section .testimonail-slider, 
    #bottom-section .thumbnail-gallery, 
    #bottom-section .text-box{
        width:100%;
        float:none; 
        margin:0 0 20px; 
    }

    .wpcf7-form input[type="text"], 
    .wpcf7-form input[type="email"], 
    .wpcf7-form input[type="url"], 
    .wpcf7-form input[type="password"],
    .wpcf7-form select{
        width:80%;
    }

    .wpcf7-form textarea{
        width:100%;
    }
    #main-content, .mid-content, #sequence .mid-wrapper, .testimonials-wrap, .main-title h1, .about-us-wrapper {
        padding: 0 2%;
        width: 98%;
    }
    #top-header .contact-info {
        border-bottom: 1px solid #e4e4e4;
        float: none;
        text-align: center;
    }
    #top-header .socials {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 370px;
    }
    #top-header .mid-content{
        width: 100%;
        padding: 0;
    }
    .featured-post {
        float: none;
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%;
    }
    .featured-post-wrap .featured-post-image {
        display: block;
        margin: 0 auto;
        padding-top: 40px;
        text-align: center;
        width: 100%;
    }
    .themes-list li, .themes-list li:last-child,.plugin-mid .themes-list li{
        float: none;
        height: 466px !important;
        margin: 10px auto !important;
        text-align: center;
        width: 373px;
        display: block !important;
    }
    .page-template-theme-page-php .isotope,.page-template-plugin-page-php .isotope {
        margin: 0 auto;
        width: 440px;
    }
    .theme-header-btn {
        height: 454px;
    }
    .theme-buttons {
        padding-top: 100px;
    }
    .theme-header h1 {
        font-size: 30px;
    }
    .themes-list li {
        margin-bottom: 20px;
    }
    .theme-header p {
        font-size: 17px;
    }
    .themes-list{
        margin-left: 0;
    }
    #youtube-video .mid-content {
        width: 100%;
    }
    #youtube-video iframe {
        width: 100%;
    }
    .youtube-tutorial {
        float: none;
        width: 100%;
    }
    #our-testimonials .testimonials-wrap {
        margin-top: 20px;
    }
    .testimonial-each {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
    #main-footer > .footer-block:first-child {
        width: 100%;
        text-align: center;
    }
    #main-footer > .footer-block {
        float: none;
        margin-right: 0;
        text-align: center;
        margin-bottom: 20px;
    }
    #bottom-footer .copyright {
        float: none;
        margin-bottom: 20px;
        text-align: center;
    }
    #bottom-footer .footer-menu {
        float: none;
    }
    .bigtext {
        line-height: 40px;
    }
    #main-footer > .footer-block {
        width: 100%;
    }
    #main-footer > .footer-block.large-block {
        width: 100%;
    }
    #parallax-banner {
        height: 500px !important;
    }
    .access-features, .access-small-features {
        float: none;
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%;
    }
    .access-small-features .right-cont {
        float: left;
        margin-left: 0;
        width: 100%;
    }
    .access-small-features,.access-small-features i {
        text-align: center;
        float: none;
    }
    .clear.break-line{
        margin-bottom: 0;
    }
    .service {
        margin: 0;
        width: 100%;
        float: none;
    }
    .service .img {
        text-align: center;
    }
    .service_column, .right-experience {
        float: none;
        text-align: center;
        width: 100%;
    }
    .service-wrapper, .left-experience {
        float: right;
        padding-bottom: 50px;
        padding-top: 0;
        width: 100%;
    }
    .left-experience {
        margin-top: 20px;
    }
    .blog-lists .blog-items {
        width: 47%;
    }

    .theme-slider {
        float: none;
        width: 100%;
    }
    .theme-details {
        float: none;
        margin: 0 auto;
        padding-top: 20px;
        width: 340px;
    }
    .free-features, .pro-features {
        background-position: 80% 100px;
    }
    .left-mid-about {
        float: none;
        width: 100%;
        margin-bottom: 60px;
    }
    .right-mid-about {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .team1, .team2, .team3, .team4 {
        float: none;
        margin: 0 auto;
        width: 355px;
    }
    .mid-about{
        display: block;
    }
    .team-wrapper{
        margin-left: 0;
    }
    .team1, .team2, .team3, .team4{
        width: 100%;
    }
    .left-column{
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="password"], .wpcf7-form select{
        width: 100%;
    }
    .right-column{
        width: 100%;
        float: none;
    }
    .left-faq {
        float: none;
        width: 100%;
    }
    .right-faq {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .hosting-wrapper .left{
        margin: 0 auto;
        float: none;
    }
    .hosting-wrapper .mid {
        float: none;
        margin-right: 0;
        padding-top: 20px;
        width: 100%;
    }
    .hosting-wrapper .right {
        float: left;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    .hosting-wrapper .row {
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 30px;
    }
    .anonymous-post-text,.anonymous-post-ipad,
    .customize-image-zoom,
    .customize-image, 
    .ap-mac,.ap-iphone,.ap-ipad,
    .ap-middle-image,.ap-right-image,.ap-left-image,
    .social-icon1,.social-icon2,.social-icon3,.social-icon4{
        display: none;
    }

    #sequence .subtitle {
        font-size: 14px;
        width: 95% !important;
    }
    #sequence .mid-wrapper {
        left: 40px;
        margin-left: 0 !important;
        top: 0;
        width: 88% !important;
    }
    #sequence .subtitle{
        visibility:visible;
    }
    #sequence .title{
        bottom: 0;
        font-size: 2em;
    }
    #sequence{
        height: 550px;
    }
    .footer-address {
        height: 245px;
    }
    .testimonial-each{
        width: 70%;
    }
    .youtube-tutorial {
        text-align: center;
    }
    .youtube-tutorial h1 {
        width: 100%;
    }
    .subscribe-channel {
        margin: 0 auto;
    }
    #our-clients{
        background: none no-repeat rgba(0,0,0,0.8);
        height: auto;
    }
    .facebook-box{
        width: 100%;
        background: #CF3331;
        padding: 20px;
    }
    .facebook-box > iframe {
        background: none repeat scroll 0 0 #ffffff;
    }
    .twitter-box{
        width: 100%;
        background: #00C1D0;
        padding: 20px;
    }
    #our-clients .mid-content.clearfix {
        padding: 0;
    }
    .our-clients-desc{
        margin-bottom: -15px;
    }
    .plugin-mid .themes-list li{
        margin-right: 0;
    }
    #parallax-banner{
        height: 620px !important;
    }
    #social-medias {
        padding-top: 30px;
    }
    .youtube-icon {
        display: block;
        float: none;
        margin: 10px auto;
        padding: 0;
        text-align: center;
        width: 100%;
    }
    .youtube-title {
        padding: 0;
        text-align: center;
    }
    .youtube-title h2{
        padding-top: 0;
    }
    .youtube-head-wrap{
        padding: 0;
    }

    .popular-nav ul li a{
        padding: 0 10px;
    }

    #section-4 {
        padding: 46px 0 46px 0;
    }

    .img-left,.right-content,.left-content, #section-5 .img-left,
    .blog-affliate-wrap .latest-blog,.blog-affliate-wrap .affiliate{
        width: 100%;
        float: none;
        text-align: center;
        margin-left: 0;
    }

    .right-content{
        padding-top: 40px;
    }

    .right-content .content-right .button-red {
        margin: 20px auto;
    }

    .left-content .button-red{
        margin: 40px auto;
    }

    .textimonialSlider-wrap,
    #testimonial-pager,.all-themes .left,#main-footer > .footer-block:last-child{
        float: none;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .textimonialSlider-wrap .client-name{
        padding-top: 20px;
    }

    #testimonial-pager{
        margin-right: 0;
        padding: 25px 0 0 0;
    }

    #testimonial-pager .testa-thumb-image{
        width: 15%;
        float: none;
        display: inline-block;
    }

    #section-6 .button-red {
        margin: 40px auto 0;
    }

    .blog-affliate-wrap .affiliate{
        margin-right: 0;
        margin-top: 40px;
    }

    .blog-affliate-wrap .affiliate .button-blue a{
        width: 151px;
        float: none;
        margin: 0 auto;
    }
    .blog-affliate-wrap .black{
        width: 48%;
        margin: 0 auto;
    }

    .all-themes .right{
        float: none;
        margin: 5% 0 0 0;
    }

    .all-themes .right .button-red{
        margin: 0 auto;
    }

    .eightDegree-slide .bx-wrapper .bx-next:hover{
        right: 0;
    }

    .eightDegree-slide .bx-wrapper .bx-prev:hover{
        left: 0;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap,.thumbnail-wrapper .thumbnail-inner-wrap.left {
        width: 51%;
        margin: 0 auto 3%;
        float: none;
        display: block;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap .theme-header {
        padding: 57px 36px;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap .button-theme {
        padding: 17px 5px;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap .button-theme .demo-detail a:nth-of-type(3) {
        margin-left: 8px;
        margin-top: 0;
    }


    /*-------------------------------------------------------------------------
    Themes Page End
    ---------------------------------------------------------------------------*/

    .pro-theme-wrap .theme-portfolios .button-theme .demo-detail a {
        margin-left: 4px;
    }

    .subscriber-popup{
        display: none;
    }


    /*-------------------------------------------------------------------------
    Themes Page End
    ---------------------------------------------------------------------------*/

    /*-------------------------------------------------------------------------
    Single Themes Page Start
    ---------------------------------------------------------------------------*/


    .customer-sec .sub-text, .single-headline .sub-text{
        padding: 0;
    }

    .theme-details{
        width: 100%;
    }

    .single-headline .buttons a{
        margin-left: 11px;
    }


    /*-------------------------------------------------------------------------
    Single Themes Page End
    ---------------------------------------------------------------------------*/

    /*-------------------------------------------------------------------------
    Blog Page Start
    ---------------------------------------------------------------------------*/

    #primary, .page-template-blog-page .primary,#secondary{
        width: 100%;
    }

    #secondary {
        margin-bottom: 5%;
    }

    /*-------------------------------------------------------------------------
    Blog Page End
    ---------------------------------------------------------------------------*/

    /*-------------------------------------------------------------------------
    Single Blog Page Start
    ---------------------------------------------------------------------------*/

    #primary .blog-desc h1{
        padding: 0;
    }

    /*-------------------------------------------------------------------------
    Single Blog Page End
    ---------------------------------------------------------------------------*/

    #pricing-table .rpt_plan {
        width: 100%;
        margin:0 0 5% 0;
    }

    #pricing-table .rpt_plan_0, #pricing-table .rpt_plan_2 {
        margin: 0 0 5% 0;
    }

    #pricing-table .rpt_plan_2 {
        margin-bottom: 0;
    }

    #pricing-table .rpt_plan .rpt_title{
        font-size: 26px;
    }

    #faqs .faq-wrap .faq-titles,#faqs .faq-wrap .faq-contents {
        width: 100%;
        float: none;
    }

    #faqs .faq-wrap .faq-titles .faq-single-title.active:before {
        display: none;
    }

    #client-testimonial .container .single-testi {
        width: 100%;
        float: none;
        margin-left:0;
        text-align: center;
    }

    #client-testimonial h1 {
        padding: 40px 0 30px 0;
    }

    #client-testimonial .single-testi .single-text {
        margin-bottom: 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .page-template-template-contact #primary,.page-template-template-contact #secondary {
        width: 100%;
        float: none;
    }

    .name-wrap, .email-wrap {
        width: 100%;
        margin-left: 0;
    }

    .email-wrap {
        margin-top: 22px;
    }

    .main-title .contact_pg_dsc_title{
        padding: 0;
    }

    p.support-keyword{
        padding-right: 0;
        padding-bottom: 90px;
    }

    .contact-support {
        background-position: 0 93px;
    }

    .contact-name, .email {
        width: 100%;
        margin-left: 0;
    }

    .contact-form .email{
        margin-top: 24px;
    }
}

@media screen and (max-width: 620px) {
    #parallax-banner .simplicity, #parallax-banner .comprehensive {
        font-size: 34px;
    }
    .parallax-punch-lines, #parallax-banner .buy-btn {
        font-size: 20px;
    }
    .parallax-content {
        font-size: 24px;
    }

    #top-header .header-textline .widget {
        width: 71.5%;
        margin-left: 0;
    }

    .eightDegree-slide .bx-wrapper .bx-controls-direction a{
        height: 125px;
        background-size: contain;
        margin-top: -160px;
    }

    .popular-nav ul li{
        width: 100%;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap {
        width: 63%;
    }
    .blog-affliate-wrap .black {
        width: 65%;
    }

    /*-------------------------------------------------------------------------
    Themes Page Start
    ---------------------------------------------------------------------------*/

    .pro-theme-wrap .theme-portfolios .button-theme .demo-detail a:nth-of-type(3){
        margin-top: 10px;
    }

    .pro-theme-wrap .theme-portfolios .theme-header-btn:hover .top-deatil{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    /*-------------------------------------------------------------------------
    Themes Page End
    ---------------------------------------------------------------------------*/

    /*-------------------------------------------------------------------------
    Single Blog Page Start
    ---------------------------------------------------------------------------*/

    #primary .main-title .post-tags {
        width: auto;
    }

    /*-------------------------------------------------------------------------
    Single Blog Page End
    ---------------------------------------------------------------------------*/

    .archive #secondary .right {
        width: 75%;
    }

    #pricing-table .rpt_plan {
        width: 95%;
    }

}

@media screen and (max-width: 580px) {
    h1{ font-size:28px;}
    h2{ font-size:24px;}
    h3{ font-size:20px;}
    h4{ font-size:18px;}
    h5{ font-size:16px;}
    h6{ font-size:14px;}

    #mid-section{
        margin-bottom: 30px;
    }

    .slider-caption .caption-title{
        font-size:16px;
    }

    .featured-post{
        width: auto;
        margin: 0 0 20px;
        float: none;
        text-align: center;
    }

    .featured-post .featured-image img{
        margin: 0 auto;
    }

    #masthead .right-header{
        display: none;
    }

    #featured-bar .featured-block {
        float: none;
        height: auto;
        padding-top: 1px;
        width: 100%;
    }
    #comparision {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        padding: 20px;
    }

    #top-header .header-textline .widget {
        width: 100%;
    }

    .cart-items{
        float: none;
        text-align: center;
    }

    .eightDegree-slide .slide-sss{
        width: 340px;
    }

    .eightDegree-slide .slide-title {
        font-size: 33px;
    }

    /*-------------------------------------------------------------------------
    Themes Page Start
    ---------------------------------------------------------------------------*/

    .pro-theme-wrap .theme-portfolios {
        width: 65.5%;
        float: none !important;
        margin-left: 18.3%;
    }


    /*-------------------------------------------------------------------------
    Themes Page End
    ---------------------------------------------------------------------------*/

    /*-------------------------------------------------------------------------
    Single Themes Page Start
    ---------------------------------------------------------------------------*/

    .single-headline .buttons a:nth-of-type(3){
        display: block;
        width: 192px;
        margin: 20px auto 0;
    }

    /*-------------------------------------------------------------------------
    Single Themes Page End
    ---------------------------------------------------------------------------*/

    .site-content .bb-login-in .bttn{
        float: left;
    }

}

@media screen and (max-width: 480px) {
    .slider-caption{
        display: none;
    }

    #top-section .welcome-text-image{
        width:auto;
        float: none;
        margin-bottom: 15px;
    }

    #top-section .welcome-text-image img{
        width: 100%;
    }

    #top-section .welcome-detail{
        width:auto;
    }

    #top-footer .footer{
        width: 100%;
        float: none;
        margin: 0 0 20px;
    }

    #top-footer .footer .widget{
        padding-right: 0    
    }

    #top-footer h1.widget-title{
        margin-bottom: 10px;
    }

    .cat-portfolio-list{
        width:100%;
        margin-right:0;
    }

    .cat-testimonial-list .entry-header{
        float:none;
        width:50%;
        margin-bottom:30px;
    }

    .cat-testimonial-list .entry-header img{
        width:100%;
    }

    .cat-testimonial-list .cat-testimonial-excerpt{
        float:none;
        width:100%;
    }

    .cat-testimonial-list .cat-testimonial-excerpt:before{
        border-color:transparent transparent #F2F3F4;
        top:-40px;
        left:20px;
    }

    .cat-testimonial-list:nth-child(odd) .cat-testimonial-excerpt:before{
        border-color:transparent transparent #F2F3F4;
        top:-40px;
        right:20px;
    }
    .bb-login-in .bbp-form > div{
        display: block;
        margin-bottom: 5px;
    }
    .bb-login-in .bbp-login-form label {
        margin-right: 5px;
        width: 105px;
    }
    .bb-login-in div.bbp-submit-wrapper{
        float: left;
    }
    .bb-login-in .or{
        display: block;
        margin-bottom: 10px;
        margin-top: 0;
        margin-left: 50px;
    }
    .bb-main-title .bb-login-in {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .bbp-submit-wrapper .user-submit{
        margin-left: 115px;
    }
    .site-content .bb-login-in .bttn {
        margin-left: 56px;
    }
    .left-mid-about,.left-mid-about{
        text-align: center;
        width: 100%;
    }
    .isotope-buttons ul li {
        padding: 0 8px;
    }
    .isotope-buttons ul{
        margin: 0;
    }
    .hosting-wrapper .right{
        float: none;
    }
    .hosting-wrapper .btn-lg{
        margin: 0 auto;
    }
    .footer-address {
        height: 330px;
    }
    .subscribe-channel{
        width: 100%;
    }
    .youtube-tutorial h1{
        font-size: 23px;
    }
    #youtube-video{
        padding: 10px;
    }
    #youtube-video iframe {
        height: 300px;
        width: 100%;
    }
    .themes-list li, .themes-list li:last-child, .plugin-mid .themes-list li,.theme-portfolios {
        float: none;
        height: 381px !important;
        margin: 10px auto !important;
        text-align: center;
        width: 300px !important;
    }
    .page-template-theme-page-php .isotope,.page-template-plugin-page-php .isotope {
        margin: 0 auto;
        width: 300px;
    }
    .theme-header-btn {
        height: 369px;
    }
    .theme-header p {
        font-size: 18px;
    }
    .theme-header h1 {
        font-size: 20px;
    }
    .featured-post:hover .featured-post-wrap:after {
        display: none;
    }
    #main-footer > .footer-block:first-child {
        width: 100%;
        text-align: center;
    }
    .eightDegree-slide .bx-wrapper .bx-controls-direction a {
        height: 90px;
        width: 40px;
        margin-top: -125px;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap {
        width: 81.5%;
    }
    .blog-affliate-wrap .black{
        width: 100%;
    }

    #testimonial-pager .testa-thumb-image{
        width: 20%;
    }


    /*-------------------------------------------------------------------------
    Themes Page Start
    ---------------------------------------------------------------------------*/

    .isotope.pro-theme-wrap{
        margin-left: 0;
    }

    .pro-theme-wrap .theme-portfolios {
        width: 100% !important;
        float: none !important;
        margin-left:0% !important;
        margin-bottom: 4% !important;
        height: auto !important;
    }

    .pro-theme-wrap .theme-portfolios .theme-header-btn {
        height: 100%;
    }


    /*-------------------------------------------------------------------------
    Themes Page End
    ---------------------------------------------------------------------------*/

    .archive #secondary .right,.woocommerce-page #secondary .right,
    .page-child #secondary .right,.page-id-205 #secondary .right,.page-id-366 #secondary .right {
        width: 65%;
    }

    .bbp-forums .forum-titles li{
        font-size: 16px;
    }

    .bbp-forum-info .bbp-forum-title,#bbpress-forums .odd li, #bbpress-forums .even li{
        font-size: 12px;
    }

    li.bbp-forum-topic-count, li.bbp-forum-reply-count, li.bbp-topic-voice-count, 
    li.bbp-topic-reply-count {
        width: 10%;
    }

    .bbp-forums .forum-titles .bbp-forum-topic-count, .bbp-forums .forum-titles .bbp-forum-reply-count,
    .bbp-forums .forum-titles .bbp-forum-freshness, .bbp-forums .forum-titles .bbp-forum-docu {
        font-size: 13px;
    }

    .bb-login-in .or {
        margin-left: 195px;
    }

    .site-content .bb-login-in .bttn {
        margin-left: 195px;
        float: none;
    }

    #bbpress-forums .need-customization .button-red{
        margin: 0;
    }

    .need-customization .blue{
        line-height: 40px;
    }

    .woocommerce-cart .cart-collaterals .cart_totals {
        width: 100%;
    }

    .woocommerce table.cart td.actions .button{
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .contact-form.top-form {
        padding: 64px 40px 64px 40px;
    }
}

@media screen and (max-width: 440px){
    #parallax-banner .simplicity, #parallax-banner .comprehensive {
        font-size: 30px;
        line-height: 1;
    }
    .parallax-content {
        font-size: 18px;
        line-height: 1.6;
    }
    #sequence .mid-wrapper {
        left: 40px;
        margin-left: 0 !important;
        text-align: center;
        top: -90px;
        width: 78% !important;
    }
    #sequence .title{
        font-size: 1em;
    }
    #sequence .slide4 .subtitle{
        text-shadow:0 2px 2px #353535;
    }
    .testimonial-each {
        margin-left: 70px;
        width: 75%;
    }

    /*----------- Sinlge Blog Page Start---------*/

    #primary .blog-desc .post-image {
        margin: 5px 0 20px 0px;
        width: 100%;
    }

    #primary .blog-desc .post-image img{
        width: 100%;
    }

    /*------------ Single  Blog PAge End -----------*/
} 

@media screen and (max-width: 390px){
    .themes-list li, .themes-list li:last-child {
        width: 100%;
    }
    .theme-portfolios {
        left: 0 !important;
        margin-bottom: 0;
        margin-left: 0 !important;
        padding-bottom: 20px;
        text-align: center;
        width: 100%;
    }
    #top-header .socials {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 290px;
    }
    #top-header .socials a {
        padding: 0 6px;
    }
    #top-header .socials a.my-account{
        font-size: 12px;
    }
    .blog-lists .blog-items {
        left: 0 !important;
        margin: 0;
        width: 100%;
        position: static !important;
    }
    .bb-login-in .bbp-form > div{
        display: block;
        margin-bottom: 5px;
    }
    .bb-login-in .bbp-login-form label {
        margin-right: 5px;
        width: 105px;
    }
    .bb-login-in div.bbp-submit-wrapper{
        float: left;
    }
    .bb-login-in .or{
        display: block;
        margin-bottom: 10px;
        margin-top: 0;
        margin-left: 50px;
    }
    .bb-main-title .bb-login-in {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .bbp-submit-wrapper .user-submit{
        margin-left: 115px;
    }
    .site-content .bb-login-in .bttn {
        margin-left: 56px;
    }
    .theme-details{
        width: 100%;
    }
    .social-bttns > iframe{
        width: 138px !important;
    }
    .page-id-80 .theme-portfolios.business.portfolio.premium{
        margin-top: 30px !important;
    }

    /*--------- Singl Blog Page Start ---------*/

    #primary .main-title .post-tags{
        margin-left: 0;
    }

    .tax-blog-category .blog-lists .blog-items {
        width: 100%;
    }

    /*--------- Singl Blog Page End ---------*/

    #bbpress-forums li.bbp-header li.bbp-forum-freshness, 
    #bbpress-forums li.bbp-body li.bbp-forum-freshness, 
    #bbpress-forums li.bbp-header li.bbp-topic-freshness, 
    #bbpress-forums li.bbp-body li.bbp-topic-freshness {
        width: 27%;
    }

    .archive #secondary .right,.woocommerce-page #secondary .right,
    .page-child #secondary .right,.page-id-205 #secondary .right,.page-id-366 #secondary .right {
        width: 100%;
    }

    .contact-support {
        background-position: 0 115px;
    }

}


@media screen and (max-width: 380px){
    .portofolio-layout .entry-title{
        font-size:22px;
    }

    .portofolio-layout .cat-portfolio-excerpt{
        font-size:14px;
    }

    .portofolio-layout .cat-portfolio-excerpt{
        top:110px;
    }

    .cat-event-list .cat-event-image{
        width:100%;
        float:none;
        margin-bottom:15px;
    }
    .cat-event-list .cat-event-excerpt{
        width:100%;
        float:none;
    }

    .cat-testimonial-list .entry-header{
        width:100%;
    }
    #top-header .socials a {
        line-height: 30px;
        padding: 0 6px;
    }
    .isotope-buttons ul li {
        padding: 0 10px;
    }
    .right-column .service-content{
        width: 70%;
    }
    .themes-list li{
        width:100% !important;
    }
    .eight-right {
        margin: 25px 0 0 0;
    }

    .main-title {
        padding: 45px 0;
        margin-bottom: 0;
    }

    .main-title h1{
        font-size: 29px;
    }

    .button-red {
        margin: 40px auto 0;
    }

    #section-2 {
        padding: 66px 0 53px 0;
    }

    .eight-right .red {
        font-size: 36px;
    }

    .eight-right .light-grey {
        font-size: 35px;
    }

    .eight-right .some-font {
        font-size: 27px;
    }

    .eightDegree-slide .slide-sss {
        width: 180px;
    }

    .eightDegree-slide .slide-title {
        font-size: 24px;
        line-height: 30px;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap, .thumbnail-wrapper .thumbnail-inner-wrap,.thumbnail-wrapper .thumbnail-inner-wrap.left{
        width: 90%;
        margin: 0 auto 15% auto;
    }

    .blog-affliate-wrap .black{
        font-size: 28px;
    }

    .all-themes .right .button-red{
        width: 100%;
    }

    .all-themes {
        padding: 35px 15px 43px;
    }

    #bottom-footer .footer-link-icons-img {
        margin: 0 19px 19px;
    }

    .eightDegree-slide p{
        font-size: 16px;
        line-height: 21px;
    }

    .eightDegree-slide .learn-more {
        margin: 20px auto 0;
    }

    #section-5 {
        padding: 14px 0 50px 0;
    }

    .testimonial-head, #client-testimonial h1 {
        font-size: 30px;
        padding: 40px 0 42px 0;
    }

    #section-7 {
        padding: 45px 0 47px 0;
    }

    /*-------------------------------------------------------------------------
    Single Themes Page Start
    ---------------------------------------------------------------------------*/

    .single-headline .buttons a {
        display: block;
    }

    .single-headline .buttons .buy-now{
        margin: 15px 0 0 0;
    }

    .description-customize {
        padding: 6px 0px 0;
    }

    .free-customization-content{
        padding: 14px 15px;
    }

    .single-headline .buttons a{
        margin-left: 0;
    }

    .single-headline .buttons a:nth-of-type(3){
        width: 100%;
    }

    /*-------------------------------------------------------------------------
    Single Themes Page End
    ---------------------------------------------------------------------------*/

    .fb_iframe_widget span{
        width: 100% !important;
    }
}

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

    .contact-support {
        background-position: 0 140px;
    }

    .thumbnail-wrapper .thumbnail-inner-wrap .button-theme .demo-detail a:nth-of-type(3){
        margin-left: 0;
        margin-top: 10px;
    }
}

@media screen and (min-width: 941px){
    .main-navigation .menu {
        display: block !important;
    }
}


@media screen and (max-width: 1170px) {
    .thumbnail-wrapper .thumbnail-inner-wrap, .pro-theme-wrap .theme-portfolios {
        width: 47% !important;
    }
}
@media screen and (max-width: 940px) {
    .thumbnail-wrapper .thumbnail-inner-wrap, .pro-theme-wrap .theme-portfolios {
        width: 47% !important;
    }
}
@media screen and (max-width: 768px) {
    .left-wrap, .right-wrap {
        width: 100% !important;
    }
    .type-badge-premium, .type-badge-free {
        position: static;
        transform: rotate(0deg);
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .right-wrap {
        padding-top:20px;
    }
}
@media screen and (max-width: 480px) {
    .thumbnail-wrapper .thumbnail-inner-wrap, .thumbnail-wrapper .thumbnail-inner-wrap.left, .left-wrap, .right-wrap, .pro-theme-wrap .theme-portfolios {
        width: 100% !important;
    }
}
@media screen and (max-width: 380px) {
    .thumbnail-wrapper .thumbnail-inner-wrap, .thumbnail-wrapper .thumbnail-inner-wrap.left, .left-wrap, .right-wrap, .pro-theme-wrap .theme-portfolios {
        width: 100% !important;
    }
}