/* Responsive CSS Document */

@media (min-width: 992px) {
	.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
    #grig-slide ul li img{
        height:300px !important;
    }
}
@media (max-width: 1366px) {
    .scroll-top {bottom: 30px; right:30px;}
}
@media (max-width: 1199px) {
    footer .footer-quick-links,footer .footer-service-links,footer .footer-recent-blog {padding-left: 0;}
    .work-progress-details {margin-bottom: 40px;}
    .work-progress-details .img {padding-right: 50px;}
    .blog-details .tag-option ul {float:none;}
    .blog-details .tag-option .icon {margin-top: 30px;}
}
/*(max-width: 1199px)*/

@media (min-width: 992px) and (max-width: 1199px) {
    header .theme-main-menu .quote {padding: 0 20px;margin-left: 10px;font-size: 14px;}
    header .theme-main-menu .quote i {margin-left: 30px;}
    header .theme-main-menu .quote i:after {width: 25px;}
    .two-side-content .img-box {width: 45%;}
    .two-side-content .text {width: 55%;}
    .two-side-content .text span {margin-top: 40px;}
    .our-work .theme-title p {width: 90%;}
    .happy-client .bg-image .opacity .wrapper {width:95%;}
    .theme-large-sidebar.space-left {padding-left: 40px;}
    .single-project-sldier .owl-controls {width: 50%;}
    .blog-details .author-content .name {width: 24%;}
    .blog-details .author-content p {width: 76%;}
    .blog-details .author-content {padding-right: 25px;}
    #theme-main-banner .tp-caption h1 {font-size: 65px;}
}
/*(min-width: 992px) and (max-width: 1199px)*/


@media (max-width: 991px) {
    header .address-list,header .social-icon {float:none;}
    header .address-list li {margin: 0 44px 20px 0;}
    header .social-icon {text-align: center;}
    .theme-main-menu .menu-wrapper {width: 100%;margin-top: 25px;}
    .theme-main-menu.fixed .menu-wrapper {margin-top: 0;}
    .theme-main-menu.fixed .logo,.theme-main-menu.fixed .quote {display:none;}
    .theme-main-menu.fixed {padding-top: 0;}
    .service-tab-wrapper .nav-pills>li {margin-bottom: 20px;}
    .two-side-content .img-box,.two-side-content .text,.two-side-content .img-box a,
    .two-side-content .img-box a img {width: 100%;}
    .two-side-content .text.sfixL,.two-side-content .text.sfixR {padding: 0;}
    .two-side-content .text.sfixR {margin-bottom: 50px;}
    .two-side-content .text span {margin-top: 60px;}
    .two-side-content .text.sfixR span {margin-top: 0;}
    .quick-contact {text-align: center;}
    .quick-contact h4 {margin-bottom: 20px;}
    .quick-contact h4,.quick-contact a {float:none;}
    .page-middle-banner .opacity h2 br {display: none;}
    .page-middle-banner .opacity h6,.single-team-member .img img,
    .our-work .theme-title p,.happy-client .bg-image .opacity .wrapper {width: 100%;}
    footer form {margin-top: 0;}
    .two-side-content .text.sfixL h2 {margin-top: 50px;}
    .we-are-best.style-two .main-img {width: 50%;margin: 62px auto 0 auto;}
    .happy-client .bg-image .opacity .item {padding-left: 0;}
    .details-page-main-content h3 {margin: 50px 0 40px 0}
    .work-progress-details .img {margin-bottom: 50px 0 30px 0;}
    .work-progress-details .img img,.service-details-v1 .details-tab-holder .details-panel,
    .theme-large-sidebar {width: 100%;}
    .theme-large-sidebar.space-left {padding-left: 0;}
    .theme-large-sidebar.R-P-fix {padding-right: 0;}
    aside.theme-sidebar {margin-top: 80px;}
    .details-page-main-content .service-details-v2 h3,
    .details-page-main-content .project-details-page h3 {margin-top: 0;}
    .theme-large-sidebar .details-page-middle-text img {width: 50%;margin: 0 auto 40px auto; float:none;}
    .theme-large-sidebar .details-page-middle-text .post {padding-left: 0;width: 100%; float:none;}
    .single-project-sldier .owl-controls {width: 50%;bottom: -60px;}
    .work-progress-details img {float:none;margin-top: 40px;}
    .error-page h5 {padding: 0 10px;}
 aside.theme-sidebar, .theme-large-sidebar{width: 100% !important; padding-right: 0 !important;}
    .contact-us-page .contact-us-section {padding-right: 0;}
}
/*(max-width: 991px)*/


@media (min-width: 766px) and (max-width: 991px) {
   .theme-main-menu .menuzord-menu > li {float:none;}
    .xfieldimagegallery li{width: 50% !important;}
    .two-side-content .img-box{width: 100% !important;}
    .container{overflow: hidden;}
    .two-side-content .text{width: 100% !important;padding-left: 0px !important;}
    .theme-sidebar .sidebar-quickcall p{font-size: 15px !important;}
    .single-news-item .post{overflow: hidden;}
    .sidebar-recent-news{overflow: hidden;}
    header .address-list li{margin-right: 10px !important;}
   .theme-main-menu .menuzord-menu {text-align: center;}
   .menuzord-menu ul.dropdown li {text-align: left;}
    .fz15_slide{display: none;}
    .fz64{padding-left: 20px;padding-right: 20px;}
   footer [class*="col-"] {min-height: 430px;margin-bottom: 50px;}
   .inner-banner .opacity .title-holder {padding-top: 300px;}
   aside.theme-sidebar {width: 50%;}
   .details-page-main-content h3{padding-left: 10px !important;}
   .navigation{padding-left: 10px !important;}
   .latest-project-wrapper img{height: 160px !important;}
     .service-tab-wrapper .nav-pills>li{margin: 10px 5px !important;}
   }
   #theme-main-banner .tp-caption a{margin-left: 10px; }
   #theme-main-banner .tp-caption h1 {font-size: 50px;line-height: 55px;}
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {

 
  header .social-icon li a {margin: 10px 11px 0 11px;}
  .theme-title h3:before {width: 50px;right: 0;}
  .theme-title h3 {padding-right: 60px;}
  .fz15_slide{display: none;}
   header .address-list li,header .address-list li:last-child {margin-bottom: 30px;}
   header .theme-main-menu {padding-top: 20px;}
  .theme-main-menu .menuzord-menu > li,.theme-main-menu .menu-wrapper {margin: 0;}
  .theme-main-menu .menuzord-menu > li > a {padding: 0 0 0 15px;line-height: 42px;}
  .theme-main-menu .menuzord-menu li .indicator,
  .theme-main-menu .menuzord-menu li:hover .indicator,
  .theme-main-menu .menuzord-menu li.active .indicator {top:0;left:auto;right: 0;opacity: 1;visibility: visible;}
  .theme-main-menu .menuzord-menu > li:before {top:0;height: 100%;}
  .theme-main-menu .menuzord-menu > li:hover:before, .theme-main-menu .menuzord-menu > li.active:before {width: 3px;}
  header .theme-main-menu .container {padding: 0;}
  header .theme-main-menu .quote {margin: 5px 15px 0 0;}
  header .theme-main-menu .logo {margin-left: 15px;}
  .menuzord-responsive .menuzord-menu {background: rgba(0,0,0,0.8);}
  .two-side-content .text h2 {font-size: 40px;}
  footer [class*="col-"] {margin-bottom: 50px;}
  footer h4 {padding-bottom: 25px;}
  footer form {margin: 40px auto 0 auto;}
  .happy-client .bg-image .opacity .item .img {float:none; margin: 0 auto;}
  .happy-client .bg-image .opacity .item .text {float:none;width: 100%;margin-top: 40px;padding-left: 0;text-align: center;}
  .inner-banner .opacity .title-holder p br {display: none;}
  .inner-banner .opacity .title-holder {padding-top: 200px;}
  aside.theme-sidebar,.happy-client .theme-title p,.latest-project-wrapper .item img,
  .project-slider-wrapper .thumbnail-wrapper {width: 100%;}
  .details-panel .panel-heading h6 a i {margin-right: 10px;}
  .single-project-sldier .two-side-content .text h2 {margin-top: 0;}
  .faq-panel-wrapper {padding-left: 0;padding-right: 0;}
  .blog-details .author-content .name, .blog-details .author-content p { float: none;width: 100%;padding: 0;}
  .blog-details .author-content .name img {position: static;margin: 0 auto;}
  .blog-details .author-content {padding-left: 15px;padding-right: 15px;text-align: center;}
  .blog-details .comment-section .single-comment.reply-comment {margin-left: 50px;}
  .hermes.tparrows {display: none !important;}
  #theme-main-banner .tp-caption h1 {font-size: 35px;line-height: 40px;}
  #theme-main-banner .tp-caption {text-align: center;}
  #theme-main-banner .tp-caption h1 br,#theme-main-banner .tp-caption h6 br {display: none;}
}
/*(max-width: 767px)*/

@media (max-width: 650px) {
      #grig-slide ul li img{
        height:250px !important;
    }
     #success,#error {
        width: 84%;
        height: auto;
        top: calc(50% - 50px);
        left: 8%;
        padding: 30px 10px;
    }
}

@media (max-width: 600px) {
   .single-news-item .post ul li:nth-child(4) {float: none;}
   .single-news-item .post {padding-left: 10px;padding-right: 10px;}
   .single-blog-page .page-pagination li:first-child a, .single-blog-page .page-pagination li:last-child a {width: 40px;}
   .single-blog-page .page-pagination li a {padding: 0 10px;font-size: 18px;}
   .post-details .details-tab-text .nav li {float:none;margin: 0 0 10px 0;}
   .blog-details .tag-option .tag-list li a {width: 75px;}
   .blog-details .tag-option .tag-list li {margin-bottom: 10px;}
}


@media (max-width: 550px) {
  .blog-details .comment-section .single-comment .comment button {position: static;margin-top: 10px;} 
}


@media (max-width: 500px) {
     #grig-slide ul li img{
        height:250px;
    }
   .we-are-best.style-two .main-img {width: 100%;}
   .work-progress-details .img {padding-right: 30px;}
   .faq-panel-wrapper .faq-panel .panel-group .panel-body .row .img {width: 100%;}
}


@media (max-width: 480px) {
  .scroll-top {right:5px; bottom: 15px;}
  .theme-title h3 {font-size: 30px;}
  .main-img:before {width: auto;right: 40px;}
  .main-img.space-right:before {left:40px;}
  header .theme-main-menu .quote{font-size: 11px !important;margin-left: 0px !important;padding: 0px 11px  !important;margin-top: -30px !important;}
  .main-img.space-left {padding-left: 30px;}
  header .theme-main-menu .quote i{margin-left: 10px !important;}
  .main-img.space-right {padding-right: 30px;}
  .main-img{padding-bottom: 20px;}
    .menuzord .showhide{padding-top: 4px !important;}
  #theme-main-banner .tp-caption h1{font-size: 30px !important;line-height: 38px !important;}
  .fz15_slide{display: none !important;}
  header .social-icon li a{margin-left: 0px !important;margin-top: 20px !important;}
  .logo {position: absolute !important;left: 10px !important;top: 10px  !important;}
  .page-middle-banner .col-xs-6 {width: 100%;}
  .theme-large-sidebar.space-left{padding-left: 0px !important;width: 100% !important;overflow: hidden;}
  .sfixL{float: left;width: 100% !important;margin-left: 0px !important;padding-left: 10px !important;}
  .service-tab-wrapper .nav-pills>li{margin: 15px 0px !important;}
  header .address-list li{padding-left: 70px !important;}
  .footer-recent-blog{padding-left: 0px !important;}
  .contact-us-page .contact-us-section{padding-right: 0px !important;}
  .title-holder h2{font-size: 26px !important;}
  .inner-banner .opacity .title-holder ul{display: none;}
  .xfieldimagegallery li{width: 100% !important;height: auto !important;}
  .inner-banner .opacity .title-holder{padding: 125px 10px 55px 10px !important;}
  .luer{padding-right: 0px !important;}.ss-logo{margin-top: -60px !important;}
 footer .footer-quick-links{padding-left: 0px !important;}
  .footer-service-links{padding-left: 0px !important;}
  .happy-client .bg-image .opacity .item{padding-left: 0px !important;}
  .sfixR{padding:10px !important;width: 100% !important;}
#google-map-area{height: 395px !important;overflow: hidden !important;}
  .no_wihfd{width: 100% !important;padding: 0px 0px 30px 0px !important;}
  .page-middle-banner .opacity h6{width: 100% !important;}
  .two-side-content .img-box{width: 100% !important;}
}


@media (max-width: 450px) {
    header .theme-main-menu .logo {width: 30%;}
    header .theme-main-menu .quote {padding: 0 22px;margin-left: 10px;font-size: 14px;line-height: 42px;}
    header .theme-main-menu .quote i {margin-left: 10px;font-size: 15px;}
    header .theme-main-menu .quote i:after {display: none;}
    header .address-list li {display: block;margin-right: 0;}
    .latest-project-wrapper .col-xs-6 {width: 100%;}
    .team-single-page .col-xs-6 {width: 100%;}
}


@media (max-width: 400px) {
  .inner-banner .opacity .title-holder ul {padding: 0 25px;}
  .theme-large-sidebar .details-page-middle-text img {width: 100%;}
  .blog-details .comment-section .single-comment .name,.blog-details .comment-section .single-comment .comment {float:none;width: 100%;padding: 0;}
  .blog-details .comment-section .single-comment .name img {position: static;margin: 0 auto;}
  .blog-details .comment-section .single-comment {padding: 0 15px 40px 15px;}
  .blog-details .comment-section .single-comment .name {text-align: center;margin-bottom: 40px;}
  .blog-details .comment-section .single-comment.reply-comment {margin-left: 20px;}
}


@media (max-width: 360px) {
  .error-page .round-border {width: 200px;height: 200px;}
  .error-page .round-border h2 {font-size: 100px;line-height: 200px;}
  footer form {width: 95%;}
}