@media (min-width: 1320px) {
    .container{
        width:1260px;
    }
}
@media (min-width: 1420px) {
    .container{
        width:1360px;
    }

}
@media (min-width: 1520px) {
    .container{
        width:1460px;
    }
}
@media (min-width: 1620px) {
    .container{
        width:1560px;
    }
}
@media (min-width: 1720px) {
    .container{
        width:1660px;
    }
}

@media (max-width: 1920px) {

}

@media (max-width: 1470px) {
    .slider {
        padding: 170px 30px;
    }
    .welcome-widget {
        margin-top: 162px;
    }
    #owl-slider .slide-item {
        font-size: 32px;
        line-height: 45px;
    }
    .es_textbox_class {
        width: 217px;
    }
    .category-list li {
        width: 33.33%;
        padding: 6px 20px;
    }
    .category-list li:nth-child(4n+1) {
        clear: none;
    }
    .category-list li:nth-child(3n+1) {
        clear: left;
    }
}

@media (max-width: 1199px) {
   .social-section {
        padding-left: 78px;
    } 
    .es_textbox_class {
        width: 175px;
    }
    .category-list li {
        padding: 5px 10px;
    }
    .register-widget .gform_wrapper input[type='text'], .register-widget .gform_wrapper input[type='email'], .register-widget .gform_wrapper input[type='password']
    {
        font-size: 11px !important;
    }
    .tab-content>.tab-pane {
        padding: 10px;
        height: 280px;
    }
    .navbar-default .navbar-nav>li {
	padding: 0px 14px 2px 14px;
    }
    .book-categories li:nth-child(4n+1) {
        clear: none;
    }
    .book-categories li:nth-child(3n+1) {
        clear: left;
    }
   .book-categories li {
       width: 33.33%;
   }
   .books-container .left-column {
       padding-right: 15px;
   }
#post-rating-sec ul li{
width:100%;
}
.img-post-sec:nth-child(4n+1){
	clear: none;
}
.img-post-sec:nth-child(3n+1){
	clear: left;
}
}


@media (max-width: 991px) {
    .welcome-widget {
        margin-top: 0;
    }
    .slider {
        padding-top: 0;
        padding-bottom: 70px;
        text-align: center;
    }
    #banner {
        padding: 42px 0 38px 0;
    }
    .right-column {
        margin-top: 56px;
    }
    .social-section {
        padding-left: 15px;
    }
    .category-container {
        padding-bottom: 0;
        background: #3d3c4b;
    }
    .social-like-box {
        padding: 0 15px;
    }
    .home-social-blok-mob {
        background: #f08143;
        padding-top: 54px;
        padding-bottom: 30px;
        margin-top: 58px;
    }
    .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style], .widget-do-etfw iframe {
      height: 400px !important;
    }
    footer #black-studio-tinymce-2 p {
        margin: 0 0 0px;
    }
    footer .widget_black_studio_tinymce .textwidget a {
        margin-bottom: 10px;
        padding-bottom: 12px;
    }
    .register-widget {
        margin-top: 0;
    }
    .register-widget .tab-content,.register-widget .nav-tabs {
        max-width: inherit;
        width: 100%;
        float: none;
    }
    .register-widget .gform_wrapper input[type='text'], .register-widget .gform_wrapper input[type='email'], .register-widget .gform_wrapper input[type='password'] {
        font-size: 14px !important;
    }
    .tab-content>.tab-pane {
        height:290px;
    }
    .register-widget {
        padding: 0px;
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    .navbar-default .navbar-nav>li {
        padding: 0px 8px 2px 8px;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 15px;
        text-transform: capitalize;
    }
    .category-header {
        padding: 20px 25px;
        border-bottom: 1px solid #e2e2eb;
    }
    .img-post-sec:nth-child(4n+1){
	clear: none;
}
.img-post-sec:nth-child(3n+1){
	clear: none;
}
.img-post-sec:nth-child(2n+1){
	clear: left;
}
.single-review-inner{
    text-align:center;
}
.single-review-inner .img-sec img{
        margin: 0 auto;
}
.single-review-inner .detail-sec-right{
      text-align:center;
}
}


@media (max-width: 767px) {
    .navbar-toggle .icon-bar {
        width: 32px;
        height: 4px;
        border-radius: 1px;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #393185;
    }
    .nav-bar-sec {
        margin-top: 0;
    }
    .navbar-collapse {
        width: 100%;
        background: #f08143;
        margin: 0;
        position: absolute;
        left: 0;
        top: 100%;
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        text-align: center;
        padding: 12px 0;
    }
    .navbar-default .navbar-nav>li {
        padding: 0;
    }
    .navbar-collapse ul {
        padding: 0;
        margin: 0;
    }
    #header {
        position: relative;
        padding-bottom: 12px;
    }
    #logo {
        z-index: 99;
    }
    .text-xs-left { text-align: left; }
    .text-xs-right { text-align: right; }
    .text-xs-center { text-align: center; }
    .text-xs-justify { text-align: justify; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}

/* ====== Text Align Media End ====== */



/* ======== 5 Column CSS Start ========= */
/* ======== ================== ========= */

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-1-5 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}
.col-xs-2-5,
.col-sm-2-5,
.col-md-2-5,
.col-lg-2-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-2-5 {
    width: 40%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-2-5 {
        width: 40%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
}
.col-xs-2-5,
.col-sm-2-5,
.col-md-2-5,
.col-lg-2-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-2-5 {
        width: 40%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
}
.col-xs-3-5,
.col-sm-3-5,
.col-md-3-5,
.col-lg-3-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-3-5 {
        width: 60%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-2-5 {
        width: 60%;
        float: left;
    }
}
.col-xs-4-5,
.col-sm-4-5,
.col-md-4-5,
.col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}

/* ======== ================ ========= */
/* ======== 5 Column CSS END ========= */