/* Responsive CSS Document */

/*
    Created on   : 16/06/2017.
    Theme Name   : Snappy Agency.
    Description  : Snappy-Agency | Responsive HTML Template.
    Version      : 1.0.
    Author       : @TheMazine.
    Developed by : Jubayer al hasan. (jubayer.hasan1991@gmail.com)

*/



@media (min-width: 992px) {
  .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 1199px) {
  footer .footer-list, footer .Subscribe {padding-left: 15px;}
}
/*(max-width: 1199px)*/

@media (min-width: 992px) and (max-width: 1199px) {
  .awesome-banner .opacity p {width: 63%;}
  #mixitUp-item .grid-style-one {width: 33.3333333%;}
  .our-blog .single-news-post .post h3 a {font-size: 23px;}
  .short-banner h4 {font-size: 20px;}
  .blog-page-wrapper .blog-details-v2 .single-blog .post .date {left:60px;}
}
/*(min-width: 992px) and (max-width: 1199px)*/


@media (max-width: 991px) {
  header.theme-main-header {padding-top: 15px;}
  .theme-main-header .logo,.theme-main-header .menuzord {float: none;}
  .theme-main-header .container {position: relative;}
  .theme-main-header .logo {
    position: absolute;
    top:0;
    left:15px;
    z-index: 9;
  }
  #mega-menu-holder>ul> li> a:after,#mega-menu-holder>ul> li> a:before {display: none;}
  .media-top-content .float-left,.awesome-banner .opacity p,.our-blog .single-news-post img,
  .our-blog .single-news-post .post,.contact-us-v2 p {width: 100%;}
  .media-top-content img {margin-top: 70px;}
  .our-blog .single-news-post .post {padding: 40px 0 0 0;}
  .partner-section img {margin: 0 auto;}
  footer .top-footer [class*="col-"] {margin-bottom: 60px;}
  footer .bottom-footer {margin-top: 5px;}
  header.theme-main-header.style-two #mega-menu-holder {background: rgba(0,0,0,0.9);}
  .short-banner h4,.short-banner a {float: none;}
  .short-banner h4 {margin: 0 0 20px 0;}
  .short-banner {text-align: center;}
  .inner-banner .opacity {padding: 180px 0 30px 0;}
  .inner-banner .opacity h2 {font-size: 45px;margin-bottom: 140px;}
  .our-project .mixitUp-menu ul li {padding: 0 20px;}
  .project-details .top-content .single-list-content,
  .project-details .middle-content .single-list-content {padding: 50px 0 0 0;}
  .project-details .bottom-content .list-box {margin-bottom: 50px;}
  .blog-page-wrapper .snappy-large-side {width: 100%;margin-bottom: 80px;}
  .blog-page-wrapper .blog-details.blog-details-v2 .text-wrapper .mark-text {margin-left: 0;margin-right: 0;}
  .blog-page-wrapper .blog-details-v2 .single-blog .post .date {left:0;}
  .blog-page-wrapper .blog-details.blog-details-v2 .post .post-info {padding-left: 75px;}
}
/*(max-width: 991px)*/


@media (min-width: 768px) and (max-width: 991px) {
  #mixitUp-item .grid-style-one,#mixitUp-item .grid-style-two, #mixitUp-item .grid-style-three,
  .blog-page-wrapper .snappy-sidebar {width: 50%;}
  .project-details .page-changer a.changer {width: 225px;line-height: 98px;}
  .blog-page-wrapper .blog-details.blog-details-v2 .add-comment {width: 85%;}
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
  .awesome-banner .opacity a {width: 306px;height: 52px;line-height: 46px;font-size: 25px;}
  .theme-title h2:before {left:0;}
  .theme-title h2:after {left:55px;}
  #mixitUp-item .grid-style-one,#mixitUp-item .grid-style-two, #mixitUp-item .grid-style-three {width: 50%;}
  .our-project .single-project .text .title {padding-top: 20px;}
  .project-details .page-changer .backto {position: static;-webkit-transform:none;transform:none;display: block;margin: 0 auto 30px auto;}
  .project-details .page-changer a.changer {width: 48%; line-height: inherit;padding: 20px 0;}
  .project-details .page-changer .opacity {overflow: hidden;}
  .error-page {padding: 0 0 150px 0;}
  .blog-page-wrapper .snappy-sidebar,.blog-page-wrapper .blog-details.blog-details-v2 .add-comment {width: 100%;}
  .contact-address .address-wrapper {margin-top: 100px;}
  #banner .tp-caption h1 br {display: none;}
  #banner .tp-caption h1 {font-size: 50px;line-height: 55px;}
  #banner .tp-caption h1 .font-fix {font-size: 35px;}
  header.theme-main-header.style-two.fixed #mega-menu-holder>ul> li> a {color: #fff;}
}
/*(max-width: 767px)*/

@media (max-width: 650px) {
  #success,#error {
    width: 84%;
    height: auto;
    top: calc(50% - 50px);
    left: 8%;
    padding: 30px 10px;
  }
  .media-top-content p {padding-right: 0;}
}

@media (max-width: 600px) {
  .awesome-banner .opacity h2 {font-size: 40px;}
  .theme-title h2 {font-size: 30px;}
}

@media (max-width: 550px) {
  #mixitUp-item .grid-style-one,#mixitUp-item .grid-style-two, #mixitUp-item .grid-style-three {width: 100%;}
  .our-blog .single-news-post .post h3 a {font-size: 22px;}
  .blog-page-wrapper .single-blog .post .date {width: 70px;height: 110px;}
  .blog-page-wrapper .single-blog .post .date strong {font-size: 32px;margin-top: 9px;}
  .blog-page-wrapper .single-blog .post h3 a,.blog-page-wrapper .blog-details .post .post-info h3 {font-size: 24px;}
  .blog-page-wrapper .blog-v2 .single-blog .post,
  .blog-page-wrapper .blog-details .post .post-info {padding-left: 80px;}
  .blog-page-wrapper .blog-details .text-wrapper,.blog-page-wrapper .blog-details .add-comment,
  .blog-page-wrapper .blog-details.blog-details-v2 .text-wrapper {padding-left: 20px;padding-right: 20px;}
}

@media (max-width: 480px) {
  .scroll-top {right:5px; bottom: 5px;}
  .blog-page-wrapper .page-pagination li a {padding: 0 15px;line-height: 35px;}
}

@media (max-width: 450px) {
  .theme-counter .text-center .number {font-size: 35px;}
  .theme-main-header .logo {width: 40%;}
}

@media (max-width: 380px) {
  .contact-page>.container>h2 {font-size: 50px;}
  .contact-address .address-wrapper .social-icon li {margin-right: 5px;}
}