@media screen and (min-width: 320px) and (max-width: 480px){
  #top-bar .top{
    float: none !important;
    margin-bottom: 10px;
  }
  #top-bar .top p{
    font-size: 13px;
  }
  nav ul.nav{
    float: none !important;
  }
  #subscribe .subs input[type="submit"]{
    width: 50%;
  }
  /*main title*/
  .main-title{
    width: 300px;
  }
  .content .btn-default{
    padding: 14px 18px;
  }
  .blog-content .date p{
    font-size: 16px;
  }
  .pagination-lg > li > a, .pagination-lg > li > span{
    padding: 10px 15px;
  }
  .comment-box input{
    width: 100%;
  }
  .git .contact-form input{
    width: 100%;
  }
  .nims-masonry-list-widget > ul > li {
    width: 100%;
  }
}

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

    #top-bar .top{

        float: none !important;

        margin-bottom: 10px;

    }

    nav ul.nav{

        float: none !important;

    }

    #subscribe .subs input[type="submit"]{

        width: 50%;

    }

    .blog-content .date p{

        font-size: 16px;

    }

    .comment-box input{

        width: 100%;

    }

    .git .contact-form input{

        width: 100%;

    }



}

@media screen and (min-width: 768px) and (max-width: 1024px){

    .blog-content .date p{

        font-size: 16px;

    }

    .magnet{

        width: 560px;

        margin: 0 auto;

    }

    .sidebar .widget{

        padding: 0 0 0 12px;

    }

    .comment-box input:nth-of-type(1){

        margin: 0;

    }

    .git .contact-form input{

        width: 48%;

    }

    #top-bar .top p{

        margin: 0;

        font-size: 10px;

        vertical-align: middle;

        padding: 5px 0 0 0;

    }	

.banner .img-responsive{

height:275px !important;

}





}



/*=========================================================================

// 13. carousel Responsive css

===========================================================================*/

.carousel-control 			 { width:  4%; }

.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}

@media (max-width: 767px) {

    .carousel-inner .active.left { left: -100%; }

    .carousel-inner .next        { left:  100%; }

    .carousel-inner .prev		 { left: -100%; }

    .active > div { display:none; }

    .active > div:first-child { display:block; }



}

@media (min-width: 767px) and (max-width: 992px ) {

    .carousel-inner .active.left { left: -50%; }

    .carousel-inner .next        { left:  50%; }

    .carousel-inner .prev		 { left: -50%; }

    .active > div { display:none; }

    .active > div:first-child { display:block; }

    .active > div:first-child + div { display:block; }

	

}

@media (min-width: 992px ) {

    .carousel-inner .active.left { left: -25%; }

    .carousel-inner .next        { left:  25%; }

    .carousel-inner .prev		 { left: -25%; }

}



@media (max-width: 1200px) {

	

	.bottomSliderContainer {margin-top:0;}

	#bottomSlider {height:140px;}

	#bottomSlider .caption {display:block;top: 40%;}



	

} /* END__ */



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

  /*--- Layout ---*/

  .wrapper {

    width: 460px; }



  .sidebar {

    width: 260px; }



  .widget-area-2 {

    width: 100%;

    margin-right: 0;

    margin-bottom: 30px; }



  .widget-area-3 {

    width: 100%; }



  .nims-blog-2 .main-col .col-a, .nims-blog-3 .main-col .col-a, .nims-blog-7 .main-col .col-a {

    width: 100%;

    margin-right: 0; }



  .main-col {

    margin-right: 0; }



  .nims-blog-2 .col-b, .nims-blog-3 .col-b, .nims-blog-7 .col-b {

    width: 100%; }



  /*--- Header ---*/

  .nims-header-middle #top-banner {

    display: none; }



  .nims-header-middle {

    padding: 55px 0; }



  .search-nav-box .navbar-nav {

    float: right; }



  .search-nav-box .navbar-nav li ul {

    left: auto;

    right: 0; }



  /*--- Menu ---*/

  #main-nav {

    padding-left: 250px;

    padding-right: 25px; }



  #secondary-nav #secondary-menu > li > a {

    font-size: 12px;

    padding: 3px 8px; }



  #secondary-menu.mega-menu > li .sf-mega .sf-mega-section {

    padding: 0 10px; }



  #secondary-menu.mega-menu > li .sf-mega .sf-mega-section .entry-item .entry-content .entry-title {

    font-size: 14px;

    line-height: 18px; }



  /*--- Home Slider ---*/

  .nims-home-2 .nims-home-slider-box.loading, .nims-home-1 .nims-home-slider-box.loading {

    min-height: 200px; }



  .nims-home-slider-1 .item .entry-item .entry-content .meta-box {

    display: none; }



  .nims-home-slider-1 .item .entry-item .entry-content {

    padding: 5px 10px; }



  .nims-home-slider-1 .item .entry-item .entry-content .entry-title {

    margin-bottom: 0;

    font-size: 20px;

    line-height: 24px; }



  .nims-home-slider-1 .item .entry-item .bg-bottom {

    height: 40px; }



  .nims-home-slider-1 .owl-controls {

    bottom: 10px;

    right: 10px; }



  .nims-home-slider-1 .owl-controls .owl-pagination .owl-page span {

    margin: 0 0 0 20px; }



  .nims-home-slider-1 .item .entry-item .entry-thumb .mask a {

    font-size: 70px;

    margin: -35px 0 0 -30px; }



  .nims-home-slider-2 .item .entry-item .entry-content .entry-title {

    font-size: 20px;

    line-height: 24px; }



  .nims-home-slider-2 .item .entry-item .entry-content .entry-categories {

    font-size: 13px;

    padding: 5px 0 0; }



  /*--- Kopa direction vertical widget ---*/

  .nims-direction-vertical-widget .nims-direction-vertical-slider li > ul,

  .nims-home-4 .nims-direction-vertical-widget .nims-direction-vertical-slider li > ul {

    width: 325px; }



  .sidebar .nims-direction-vertical-widget .nims-direction-vertical-slider li > ul {

    width: 165px; }



  .widget-area-1 .nims-direction-vertical-widget .nims-direction-vertical-slider li > ul {

    width: 325px; }



  .widget-area-2 .nims-direction-vertical-widget .nims-direction-vertical-slider li > ul {

    width: 325px; }



  /*--- Kopa slider with thumb widget ---*/

  .nims-slider-with-thumb-widget .nims-flex-carousel {

    display: none; }



  .nims-slider-with-thumb-widget .nims-slider-width-thumb .flex-direction-nav a {

    margin: -25px 0 0; }



  /*--- Kopa article list 6 widget ---*/

  .nims-article-list-6-widget .nims-carousel-2 .item .entry-item .entry-content .entry-title {

    font-size: 18px;

    line-height: 22px; }



  .widget .widget-title.widget-title-style-6 {

    margin-left: 10px;

    margin-right: 10px; }



  /*--- Kopa Newsletter Widget*/

  .nims-newsletter-widget .input-email .email {

    width: 380px; }



  /*--- Kopa carousel list 1 widget ---*/

  .nims-carousel-list-1-widget .nims-carousel-1 .item .entry-item .entry-content .entry-author,

  .nims-carousel-list-1-widget .nims-carousel-1 .item .entry-item .entry-content .entry-title {

    font-size: 20px;

    line-height: 24px; }



  /*--- Kopa masonry list widget ---*/

  .nims-masonry-list-widget > ul {

    margin: -40px -10px 0; }



  .nims-masonry-list-widget > ul > li {

    width: 100%;

    padding: 0 10px; }



  .nims-masonry-list-widget > ul > li .entry-item .entry-content .entry-title {

    font-size: 18px;

    line-height: 24px; }



  /*--- Kopa newsletter 2 widget ---*/

  .nims-newsletter-2-widget .newsletter-form .input-email .email {

    width: 364px; }



  /*--- Kopa list post 2 widget ---*/

  .nims-list-post-2-widget > ul > li .entry-item .entry-thumb {

    width: 200px; }



  .nims-list-post-2-widget > ul > li .entry-item .entry-content .entry-title {

    font-size: 18px;

    line-height: 24px; }



  /*--- Single post page ---*/

  .entry-box .entry-content .right-col {

    width: 100%; }



  .entry-box .review-box .summary-box .summary-text {

    width: 65.4968%; }



  .entry-box .review-box .summary-box .total-review {

    width: 21.1529%;

    height: 100px;

    padding: 20px 0; }



  .entry-box .review-box .summary-box .total-review ul li {

    font-size: 14px; }



  .entry-box .review-box .summary-box .total-review h3 {

    font-size: 18px; }



  .entry-box .tag-box {

    float: none !important;

    margin-bottom: 15px; }



  .entry-box .page-links-wrapper {

    float: none !important; }



  .entry-box .entry-thumb blockquote p {

    font-size: 22px; }



  .entry-box .entry-thumb blockquote h5 {

    font-size: 14px; }



  /*--- Portfolio page ---*/

  .nims-gallery-masonry-widget .nims-gallery-list-wrapper .nims-gallery-list .gallery-item,

  .nims-portfolio-2 .nims-gallery-masonry-widget .nims-gallery-list-wrapper .nims-gallery-list .gallery-item.width-1 {

    width: 50%; }



  /*--- Single portfolio page ---*/

  .portfolio-box .entry-thumb {

    width: 100%;

    margin-left: 0;

    margin-bottom: 15px; }



  .portfolio-box .entry-content {

    width: 100%; }



  /*--- Kopa article list 1 widget ---*/

  .sidebar .nims-article-list-1-widget .last-item .entry-content .entry-author {

    font-size: 20px;

    line-height: 24px; }

  .sidebar .nims-article-list-1-widget .older-post li {

    width: 100%;

    margin: 15px 0 0; }



  .widget-area-3 .nims-article-list-1-widget .last-item .entry-content .entry-content-inner .entry-author {

    font-size: 26px;

    line-height: 30px; }



  .widget-area-3 .nims-article-list-1-widget .older-post li {

    width: 100%;

    margin: 20px 0 0; }



  .widget-area-3 .nims-article-list-1-widget .older-post li .entry-item,

  .widget-area-3 .nims-article-list-1-widget .older-post li .entry-item .entry-content {

    overflow: hidden; }



  .widget-area-3 .nims-article-list-1-widget .older-post li .entry-item .entry-thumb {

    float: left;

    margin: 0 15px 0 0;

    width: 140px; }



  .widget-area-3 .nims-article-list-1-widget .older-post li .entry-item .entry-content .entry-title {

    font-size: 14px;

    line-height: 18px; }



  .sidebar .nims-article-list-2-widget ul li {

    width: 100%; }



  .sidebar .nims-article-list-3-widget ul li {

    width: 100%; }



  .sidebar .nims-article-list-7-widget .widget-title.widget-title-style-6 .load-more,

  .widget-area-3 .nims-article-list-7-widget .widget-title.widget-title-style-6 .load-more {

    display: none; }



  .col-a .nims-newsletter-2-widget .newsletter-form .input-email .email {

    width: 364px; } }

	

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

  /*--- Layout ---*/

  .wrapper {

    width: 320px; }



  .col-b {

    margin-right: 0;

    width: 100%; }



  .sidebar {

    width: 100%; }



  /*--- Header ---*/

  .nims-headline-wrapper,

  .search-nav-box .navbar-nav .shopping-cart span,

  .nims-home-2 .nims-page-header .nims-header-bottom #logo-image {

    display: none; }



  .search-box {

    margin-right: 0; }



  .nims-header-bottom #logo-image {

    left: 10px; }



  .nims-home-2 .nims-header-bottom .social-links {

    margin-bottom: 10px; }



  .nims-home-2 .nims-header-bottom .social-links li {

    float: left; }



  /*--- Menu ---*/

  #main-nav {

    width: 100%;

    padding: 30px 10px 20px 0; }



  #main-nav i {

    float: right; }



  #mobile-menu {

    left: auto;

    right: 10px; }



  #mobile-menu > li > a:hover,

  #mobile-menu > li.current-menu-item > a,

  #mobile-menu > li ul li a:hover,

  #mobile-menu > li > ul > li.current-menu-item > a,

  #mobile-menu > li ul li ul li a:hover,

  #mobile-menu > li > ul > li > ul > li.current-menu-item > a {

    border-color: white; }



  .nims-header-bottom .social-links {

    margin-bottom: 20px;

    float: left !important;

    width: 100%;

    margin-left: 0;

    margin-right: 0;

    text-align: center; }



  .nims-header-bottom .social-links li {

    float: none;

    display: inline-block;

    margin-left: 5px;

    margin-right: 5px; }



  #secondary-menu {

    display: none; }



  #secondary-nav span.secondary-mobile-label, #secondary-nav .secondary-mobile-menu-wrapper {

    display: block; }



  #secondary-mobile-menu > li .sf-mega {

    margin: 0; }

    #secondary-mobile-menu > li .sf-mega .sf-mega-section {

      float: none;

      margin: 20px 0 0;

      list-style: none;

      border-bottom-style: solid;

      border-bottom-width: 1px;

      border-color: #5c6269;

      padding-bottom: 15px; }

      #secondary-mobile-menu > li .sf-mega .sf-mega-section a {

        padding: 0;

        border-left: none; }

      #secondary-mobile-menu > li .sf-mega .sf-mega-section .entry-item .entry-thumb {

        position: relative;

        margin-bottom: 15px; }

        #secondary-mobile-menu > li .sf-mega .sf-mega-section .entry-item .entry-thumb .entry-categories {

          display: none; }

      #secondary-mobile-menu > li .sf-mega .sf-mega-section .entry-item .entry-content .entry-author a {

        font-weight: 300; }

      #secondary-mobile-menu > li .sf-mega .sf-mega-section .entry-item .entry-content .entry-title {

        font-size: 16px;

        line-height: 20px;

        margin: 0; }

        #secondary-mobile-menu > li .sf-mega .sf-mega-section .entry-item .entry-content .entry-title a {

          font-weight: 400; }



  .nims-home-2 .nims-page-header .nims-header-bottom #main-nav {

    position: absolute;

    margin-top: 0; }



  /*--- Home Slider ---*/

  .nims-home-2 .nims-home-slider-box.loading, .nims-home-1 .nims-home-slider-box.loading {

    min-height: 130px; }



  .nims-home-slider-1 .item .entry-item .entry-content,

  .nims-home-slider-2 .item .entry-item .entry-content {

    display: none; }



  /*--- Kopa article list 1 widget ---*/

  .nims-article-list-1-widget .last-item .entry-content .entry-content-inner .entry-author {

    font-size: 26px;

    line-height: 30px; }



  .nims-article-list-1-widget .older-post li {

    width: 100%;

    margin: 20px 0 0; }



  .nims-article-list-1-widget .older-post li .entry-item,

  .nims-article-list-1-widget .older-post li .entry-item .entry-content {

    overflow: hidden; }



  .nims-article-list-1-widget .older-post li .entry-item .entry-thumb {

    float: left;

    margin: 0 15px 0 0;

    width: 140px; }



  .nims-article-list-1-widget .older-post li .entry-item .entry-content .entry-title {

    font-size: 14px;

    line-height: 18px; }



  /*--- Kopa direction vertical widget ---*/

  .nims-direction-vertical-widget .nims-direction-vertical-slider li > ul,

  .nims-home-4 .nims-direction-vertical-widget .nims-direction-vertical-slider li > ul {

    width: 185px; }



  .nims-direction-vertical-widget .nims-direction-vertical-slider li > ul li span {

    display: none; }



  .sidebar .nims-direction-vertical-widget .nims-direction-vertical-slider li > ul {

    width: 185px; }



  .widget-area-1 .nims-direction-vertical-widget .nims-direction-vertical-slider li > ul,

  .widget-area-2 .nims-direction-vertical-widget .nims-direction-vertical-slider li > ul {

    width: 185px; }



  /*--- Kopa article list 2 widget ---*/

  .nims-article-list-2-widget ul {

    margin: -20px 0 0; }



  .nims-article-list-2-widget ul li {

    width: 100%;

    padding: 0;

    margin: 20px 0 0; }



  /*--- Kopa adv 1 widget ---*/

  .nims-adv-1-widget ul {

    margin: -20px 0 0; }



  .nims-adv-1-widget ul li {

    width: 100%;

    padding: 0; }



  /*--- Kopa article list 3 widget ---*/

  .nims-article-list-3-widget ul {

    margin: -20px 0 0; }



  .nims-article-list-3-widget ul li {

    width: 100%;

    padding: 0; }



  .widget .widget-title.widget-title-style-6 {

    margin-left: 20px;

    margin-right: 20px;

    font-size: 16px; }



  .widget .widget-title.widget-title-style-6 h4 {

    font-size: 18px;

    margin-right: 30px; }



  /*--- Kopa social links widget ---*/

  .nims-social-links-widget .social-links {

    margin-left: -5px;

    margin-right: -5px; }



  .nims-social-links-widget .social-links li:first-child {

    font-size: 14px; }



  .nims-social-links-widget .social-links li {

    margin-left: 5px;

    margin-right: 5px; }



  /*--- Kopa newsletter widget ---*/

  .nims-newsletter-widget .input-email .email {

    width: 240px; }



  .nims-menu-widget ul {

    display: none; }



  /*--- Footer ---*/

  #nims-page-footer #copyright {

    float: none !important;

    text-align: center;

    margin-bottom: 5px; }



  /*--- Kopa newsletter 2 widget ---*/

  .nims-newsletter-2-widget .newsletter-form .input-email .email {

    width: 224px; }



  /*--- Kopa masonry list widget ---*/

  .nims-blog-3 .nims-masonry-list-widget > ul > li,

  .nims-blog-4 .nims-masonry-list-widget > ul > li,

  .nims-blog-6 .nims-masonry-list-widget > ul > li {

    width: 100%; }



  /*--- Pagination ---*/

  .pagination ul li a,

  .pagination ul li span {

    width: 24px;

    height: 24px;

    line-height: 24px; }



  /*--- Kopa list post 2 widget ---*/

  .nims-list-post-2-widget > ul > li .entry-item .entry-thumb {

    width: 100%;

    margin: 0 0 20px 0;

    float: none; }



  /*--- Single post page ---*/

  .entry-box > header .entry-title {

    font-size: 24px;

    line-height: 28px; }



  .entry-box .review-box .summary-box .summary-text {

    width: 50.497%; }



  .entry-box .review-box .summary-box h6 {

    width: 21.3503%; }



  .entry-box .review-box .summary-box .total-review {

    width: 28.1529%; }



  .entry-box > footer .tag-box strong {

    margin-right: 15px; }



  .entry-box > footer .tag-box a {

    margin-bottom: 5px; }



  #related-article .row .col-xs-12:first-child {

    margin-bottom: 20px; }



  .entry-box .entry-thumb blockquote {

    top: 5px; }



  /*--- Portfolio page ---*/

  .nims-gallery-masonry-widget .filter-options .filters span {

    padding: 10px 10px 11px;

    font-size: 12px; }



  .nims-gallery-masonry-widget .nims-gallery-list-wrapper .nims-gallery-list .gallery-item.width-1,

  .nims-gallery-masonry-widget .nims-gallery-list-wrapper .nims-gallery-list .gallery-item,

  .nims-portfolio-2 .nims-gallery-masonry-widget .nims-gallery-list-wrapper .nims-gallery-list .gallery-item.width-1 {

    width: 100%; }



  .nims-gallery-masonry-widget .filter-options {

    margin-bottom: 20px; }



  /*--- Elements page ---*/

  .nav-tabs.nims-tabs-2 > li a, .nav-tabs.nims-tabs-3 > li a {

    font-size: 13px; }



  /*--- Contact page ---*/

  #contact-box .contact-form .contact-left,

  #contact-box .contact-form .contact-right {

    width: 100%;

    padding: 0; }



  /*--- Kopa article list 1 widget ---*/

  .col-b .nims-article-list-1-widget .last-item .entry-thumb {

    margin-bottom: 0px; }

  .col-b .nims-article-list-1-widget .last-item .entry-content {

    position: absolute;

    padding: 0 5px; }

    .col-b .nims-article-list-1-widget .last-item .entry-content .entry-author {

      padding: 4px 10px 6px;

      font-size: 26px;

      line-height: 30px;

      font-weight: 300; }

    .col-b .nims-article-list-1-widget .last-item .entry-content .entry-categories {

      left: 5px;

      right: auto;

      top: -20px; }

  .col-b .nims-article-list-1-widget .older-post li {

    width: 100%;

    margin: 15px 0 0; }



  .col-b .nims-recent-comments-widget ul li .entry-item .entry-thumb {

    width: 60px;

    margin: 0 20px 0 0; }

  .col-b .nims-recent-comments-widget ul li .entry-item .entry-content {

    margin-left: 80px; }



  .col-a .nims-newsletter-2-widget .newsletter-form .input-email .email {

    width: 224px; } }