/* Responsive CSS Document */
/* 
    Created on : 28/07/2016. 
    Theme Name : Task.
    Description: Task- Responsive html5 Business template.
    Version    : 1.0.
    Author     : @TheMazine.
   
*/
@media (min-width: 992px) {
	.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
@media (max-width: 1366px) {
    .scroll-top {bottom: 30px; right:30px;}
}
@media (max-width: 1199px) {
    .our-blog .theme-silder .img-holder img {width:100%;}
    .our-service .service-item p {padding: 0;}
    .sidebar-two.space-fix-right {padding-right: 15px;}
}
/*(max-width: 1199px)*/
@media (max-width: 991px) {
    .who-we-are .float-left,.our-work-skills .float-left {width:100%;}
    .what-we-do img {width:100%; margin-top: 35px;}
    .who-we-are .left-half .inner-container {float:none; padding-right: 0;}
    .who-we-are .right-half,.our-work-skills .left-half {display: none;}
    .our-work-skills .right-half {padding-left: 0;}
    .get-quote p,.get-quote a {float:none; text-align: center;}
    .get-quote a {margin:30px auto 0 auto; display: block;}
    .get-quote p {line-height: 33px;}
    .get-quote {padding: 30px 0;}
    footer .footer-blog,footer .footer-link,footer .footer-tag {padding: 15px;}
    .inner-banner .page-title h2 {margin-left: 15px;}
    .inner-banner .page-title ul {margin-right: 15px;}
    .blog-v2-single-page.blog-details-page .item-wrapper {margin-bottom: 100px;}
    .about-us-story img {margin: 43px auto 0 auto;}
    .contact-us-details .contact-address {padding-left: 15px;}
    .contact-us-details .contact-address .address-wrapper p {margin-right: 15px; margin-top: 30px;}
}
/*(max-width: 991px)*/
@media (min-width: 992px) and (max-width: 1199px) {
    .what-we-do .single-item {padding-right: 30px;}
    .who-we-are .left-half .inner-container {max-width: 485px;}
    .our-work-skills .right-half,footer .footer-tag {padding-left: 20px;}
    .our-work-skills .right-half .nav-pills li a {width:150px;}
    .get-quote p {font-size: 20px;}
    .get-quote a {width:150px;}
    footer .footer-link {padding-left: 50px;}
    .sidebar-two.space-fix-left {padding-left: 15px;}
    .sidebar-two .sidebar-latest-post .post {width:74%;}
    .blog-details-page .comment-area .single-comment .text-area {width:82%;}
    .contact-us-details .contact-address .address-wrapper p {margin-right: 20px;}
}
/*(min-width: 992px) and (max-width: 1199px)*/
@media (min-width: 768px) and (max-width: 991px) {
    .main-menu .navbar .nav>li >a {padding: 30px 12px;}
    .theme-manage-area .content-wrapper .item3 {width: calc(28% - 5px);}
    .theme-manage-area .content-wrapper .item2 {width: calc(30% + 5px);}
    .theme-manage-area .content-wrapper .item3 h6 i {margin-right: 10px;}
    .what-we-do .single-item {padding-right: 30px; text-align: center;}
    .who-we-are .left-half .inner-container {max-width:750px; margin: 0 auto;}
    .our-blog .text>a h4 {font-size: 24px;}
    .error-page p {width:85%;}
    .theme-sidebar {padding-right: 50px;}
    .sidebar-two .sidebar-latest-post .post {width:73%;}
    .sidebar-two .wrapper,.sidebar-two.space-fix-left {padding-left: 15px;}
    #banner h1 {font-size: 50px;}
}
/*(min-width: 768px) and (max-width: 991px)*/
@media (max-width: 767px) {
    #banner {margin-top:0;position: relative;z-index: 1;}
    #main-banner-slider {top:0;}
    .main-menu button.search {right: 100px; top:20px;}
    .main-menu.menu-colorTwo,.main-menu.menu-colorTwoFix {background: #000;}
    .main-menu .container {padding: 0;}
    .main-menu .navbar {float:none; width:100%; margin-bottom: -10px;}
    .main-menu .logo {position: relative; z-index: 9;}
    .main-menu {padding:10px 0;}
    .main-menu .navbar .nav>li ul.sub-menu {
        position: static;
        -webkit-transition: none;
           -moz-transition: none;
            -ms-transition: none;
             -o-transition: none;
                transition: none;
    opacity: 1;
    visibility: visible;
    display: none;
    width:100%;
    box-shadow: none;
    }
    .main-menu .navbar .nav li:hover >a,
    .main-menu .navbar .nav li:focus >a,
    .main-menu .navbar .nav li:visited >a
    .main-menu .navbar .nav li {
      color:#fff;
      /* background: #8fc941; */
      border-color: transparent;
    }
    .main-menu .navbar .nav>li >a {padding: 0 15px; line-height: 45px;border-bottom: solid 1px #f0f0f0;}
    .main-menu .navbar .nav>li:last-child >a {border:none;}
    .main-menu .navbar-nav {margin:0;}
    .main-menu .navbar .nav>li:before {display: none;}
    .navbar-collapse {margin-top: 25px;box-shadow: none;border-top: solid 1px #f0f0f0;}
    .main-menu nav ul li.dropdown-holder .fa {
        display: block;
        position: absolute;
        width:55px;
        top:0;
        right:0;
        cursor: pointer;
        line-height: 45px;
        border-left: solid 1px #f0f0f0;
        font-size: 20px;
        color:#fff;
        text-align: center;
    }
    .main-menu .navbar .nav>li ul li a {padding-left: 30px;}
    .main-menu.fixed {max-height: 416px; overflow-y:auto;}
    .main-menu.fixed .navbar {margin-bottom: 0;}
    .main-menu .search_option form.dropdown-menu {width:calc(100% - 30px); right: 15px; top: calc(100% + 10px);}
    .main-menu.fixed .search_option {display: none;}
    .main-menu.fixed .logo {margin-top: 5px; margin-bottom: 5px;}
    .main-menu.fixed .navbar-toggle {margin-top: 17px;}
    .inner-banner {margin-top:0; padding-top: 0;}
    .theme-manage-area .content-wrapper .item1,.theme-manage-area .content-wrapper .item3.border-fix:before,
    .theme-manage-area .content-wrapper .item3.border-fix:after {display: none;}
    .theme-manage-area .content-wrapper .item2,.theme-manage-area .content-wrapper .item3 {width: 100%; border-top:1px solid #fff;}
    .theme-manage-area {margin-top: -1px;}
    .our-service .service-item p {text-align: center;}
    .who-we-are .left-half .inner-container {padding-left: 15px; padding-right: 15px;}
    .who-we-are .float-left {height:auto; padding-bottom: 65px;}
    .theme-silder .img-holder img {width:100%;}
    footer .col-lg-3 {margin-bottom: 40px;}
    footer h6 {margin-bottom: 40px;}
    .error-page p {width:100%;}
    .service-details .col-lg-8,.sidebar-two.space-fix-left,.sidebar-two .wrapper {padding-left: 15px;}
    .theme-sidebar {padding-right: 15px;}
    .our-service-styleTwo.related-service,.sidebar-two.space-fix-left,.sidebar-two.space-fix-right {margin-top: 100px;}
    .blog-details-page .comment-area .single-comment img,.blog-details-page .comment-area .single-comment .text-area {float:none;}
    .blog-details-page .comment-area .single-comment .text-area {width: 100%; margin-top:30px; padding-left: 0;}
    .blog-details-page .comment-area {padding-left: 15px;}
    .contact-us-details .contact-address {margin-top: 50px;}
    #banner h1 {font-size: 35px;}
    #banner h3 {font-size: 24px;}
    #banner p {display: none;}
}
/*(max-width: 767px)*/
@media (max-width: 650px) {
    header .right-side,header .left-side {float:none; text-align: center;}
    header .right-side ul li {float:none;}
    header .left-side {border-bottom: solid 1px #f6f0f0;}
    header .container {padding: 0;}
    header .left-side ul li {border:none;}
    .what-we-do .single-item {width:100%; text-align: center;padding: 0; margin-bottom: 35px;}
    .testimonial .content-wrapper .client-post-wrapper>p {width:calc(100% - 40px); padding-left: 35px;}
    .testimonial .content-wrapper .client-post-wrapper>p:before {width:45px;height:45px; line-height: 39px; font-size: 18px; left:-18px;}
    .get-quote p:before {position: static; margin:0 auto;}
    .get-quote p {padding-left: 0;}
    .blog-details-page .comment-area .single-comment.reply-comment {margin-left: 20px;}
    .blog-details-page .comment-area .single-comment.reply-comment img {margin-left: 0;}
    .contact-us-form #success,
    .contact-us-form #error {
        width: 84%;
        height: auto;
        top: calc(50% - 50px);
        left: 8%;
        padding: 30px 10px;
    }
}
@media (max-width: 550px) {
    .our-team .col-xs-6,.our-team .col-xs-6 .team-member img {width:100%;}
    .blog-v2-single-page.blog-details-page .item-wrapper .text .post-date {position: relative; width:100%;margin-bottom: 15px;}
    .blog-v2-single-page.blog-details-page .item-wrapper .text {padding: 0 0 75px 0;}
    .blog-details-page .item-wrapper .text:before {display: none;}
}
@media (max-width: 500px) {
    .our-service .service-item,.our-service-styleTwo .service-item {width:100%;}
    .inner-banner .page-title ul,.inner-banner .page-title h2 {float:none; text-align: center; margin-right: 0;margin-left: 0;}
}
@media (max-width: 380px) {
    .success-project .opacity .project-item>span {font-size: 45px;}
    .success-project .opacity .project-item p {margin-top: 0;}
    .our-blog .text .post-date,.blog-v2-single-page .item-wrapper .text .post-date {position: relative; width:100%;margin-bottom: 15px;}
    .our-blog .text,.blog-v2-single-page .item-wrapper .text {padding: 0 0 75px 0;}
    .our-blog .text .post-info ul.float-left {margin-left: 0;}
    .scroll-top {right:5px; bottom: 5px;}
    .sidebar-two .sidebar-latest-post .post {width:72%;}
    .blog-details-page .item-wrapper .text .share-option li:first-child {margin-right: 12px;}
}
/* lg desk */
@media (min-width:992px) {
    .who-we-are .float-left {
        height: 502px;
    }
}
/* desk */
@media (min-width: 1200px) {
    .cp_ys{
        display: none;
    }
}
@media(max-width:991px){
    .what-we-do .row {
        flex-direction: column-reverse;
    }
    .what-we-do .row .col-lg-6:last-child{
margin-bottom: 25px;
    }
}
/* ipad pro */
@media (min-width: 992px) and (max-width: 1200px) {
    .what-we-do .text>p {
        font-size: 18px;
        margin-bottom: 0px;
    }
    h3 {
        font-size: 42px;
    }
    .who-we-are .float-left {
        height: 530px;
    }
    .who-we-are h6 {
        margin-bottom: 15px;
        text-align: center;
    }
    .our-service .service-item p {
        font-size: 14px;
    }
    .who-we-are .left-half .inner-container {
        max-width: 550px;
    }
    .who-we-are .left-half .inner-container {
        padding: 30px 20px 30px 20px;
    }
    .slider-wrap {
        height: 780px;
    }
    .main-menu .navbar .nav>li >a {
        padding: 30px 8px;
        font-size: 14px;
    }
     .cp_ys{
        display: none;
    }
   .logo {
    width: 180px;
    margin: auto;
    margin-bottom: 10px;
}
.menu-flex {
    justify-content: center !important;
}
    .logo1 {
        width: 100%;
    }
    footer .footer-about ul {
        margin-top: 20px;
    }
    .main-menu.menu-colorOne.fixed .logo {
        margin-top: 5px;
        width: 156px;
}
.main-menu .navbar .nav>li:last-child a {
    padding-right: 10px;
}
}
/* ipad */
@media (min-width: 767px) and (max-width: 992px) {
    .mar-t-12 {
        margin-top: 12px;
    }
    .top-footer .logo1 {
        text-align: left;
    }
    .fix {
        justify-content: left;
    }
    footer .footer-about ul {
        margin-top: 20px;
    }
    h3 {
        font-size: 34px;
    }
    .main-menu .navbar .nav>li:first-child a {
        padding: 20px 10px 20px 0px !important;
    }
    .main-menu .navbar .nav>li:last-child a {
        padding: 20px 0px 20px 10px !important;
    }
    .logo1 {
        width: 88%;
    }
    .what-we-do .text>p {
        text-align: center;
    }
   .what-we-do .th-t span {
        margin: 0px auto !important; 
    }
    .g-q{
        text-align: left !important;
    }
    .who-we-are .left-half .inner-container {
        max-width: 700px !important;
    }
    .main-menu.fixed {
        padding: 10px 0px 0px;
    }
    .main-menu .navbar .nav>li >a {
        padding: 20px 5px 0px 5px;
    }
    .main-menu {
        padding: 10px 0 0 0;
    }
    
    footer .footer-blog, footer .footer-link, footer .footer-tag {
        padding: 25px 15px 0px 15px;
    }
    .get-quote1 p {
        font-size: 24px;
    }
    .get-quote p {
        line-height: 36px;
    }
    .get-quote1{
        padding: 40px 20px !important;
    }
    .mar-mt-20 a{
        margin-top: 22px !important;
    }
    .dis {
        display: block;
    }
    .col-sm-4 {
        width: 50%;
    }
    .what-we-do h4 {
        margin-top: 10px;
        text-align: center;
    }
    .what-we-do img {
       margin-top: 0px;
    }
    .get-quote {
        padding: 10px 0px 0px 0px;
    }
    .get-quote a {
        margin: 0px auto 0 auto;
    }
    .who-we-are .left-half .inner-container {
        padding: 40px 0px;
    }
   
   .main-menu .navbar .nav>li >a {
    padding: 20px 5px;
    font-size: 12px;
    margin: 0px 0px;
    font-weight: 500;
}
    .theme-manage-area .content-wrapper .item3 {
        width: 33.33%;
    }
    .main-menu.menu-colorOne.fixed .logo {
        width: 156px;
        margin: 0px auto;
    }
    .logo {
        width: 242px;
        margin: 0px auto;
    }
}
/* mobile */
@media (max-width: 766px) {
    .main-menu.menu-colorOne.fixed .logo {
            width: 156px;
    }
    .main-menu .navbar .nav>li:last-child a {
        padding: 0px 15px !important;
    }
    .main-menu .navbar .nav>li:first-child a {
        padding: 0px 15px !important;
    }
    .top-footer .logo1 {
        text-align: left;
    }
    .fix {
        justify-content: left;
    }
    footer .footer-about ul {
        margin-top: 20px;
        margin-bottom: 36px;
    }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        line-height: 1.4;
      
    }
    h6 {
        font-size: 16px;
    }
    ul.list-items {
        display: flex;
        flex-direction: column;
    }
    .who-we-are {
        margin: 0px 0 50px 0;
    }
    h6 {
        line-height: 1.3;
    }
    .theme-title {
        text-align: center;
        margin-bottom: 18px;
    }
   
    .mar-bb{
        margin-bottom: 10px;
    }
 
     .what-we-do .get-quote a {
    margin: 0px auto 0 22px;
}
    h4 {
        font-size: 20px;
    }
    .who-we-are h6 {
        text-align: center;
    }
    .who-we-are .float-left {
        height: auto;
       padding-bottom: 0px; 
    }
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-toggle {
        margin-top: 18px;
    }
    .main-menu {
        padding: 8px 0;
    }
    .mar-sb-30{
        margin-bottom: 30px;
    }
    footer .footer-link1 ul li {
        margin-bottom: 15px;
    }
    footer .col-lg-3 {
        margin-bottom: 0px;
    }
    footer h6 {
        margin-bottom: 5px;
    }
    .mar-t-12 {
        margin-bottom: 50px;
    }
    
    .mar-st-20 a{
        margin-top: 20px !important;
    }
    .get-quote1 {
        padding: 50px 0 !important;
    }
    
    .navbar-toggle {
        border: 1px solid #0c1968;
    }
    .navbar-toggle {
        padding: 12px 10px;
        background-color: #0c1968;
    }
    .slider-wrap {
        height: 550px;
    }
    .slide-des {
        display: none;
    }
    header .left-side {
        display: none;
    }
    header .right-side {
        display: none;
    }
    .get-quote a {
        margin: 0px auto 0 auto;
    }
    .theme-manage-area {
        margin-top: -60px;
    }
    .what-we-do {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .get-quote {
        padding: 0px 0;
    }
    .our-service .service-item {
        margin-bottom: 10px;
    }
    
    .dis {
        display: block;
    }
    .get-quote p {
        line-height: 26px;
    }
    .get-quote1 p {
        font-size: 20px;
    }
    .get-quote a {
        width: 126px;
        line-height: 37px;
        font-size: 14px !important;
    }
    .what-we-do img {
      margin-top: 0px;
    }
    footer .footer-link {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    footer .footer-link ul li {
        margin-bottom: 10px;
    }
    footer .footer-link ul li:last-child {
        margin-bottom: 0px;
    }
    footer .social-links{
        margin-bottom: 0;
    }
    footer .social-links li{
        margin-bottom: 0 !important;
    }
    .logo1 {
        width: 95%;
    }
}
/* fold */
@media (min-width: 250px) and (max-width: 320px) {
    .our-service .service-item {
        margin-bottom: 20px;
    }
    .mar-t-12 {
        margin-bottom: 30px;
    }
    ul.list-items {
        display: flex;
        flex-direction: column;
    }
  
}
@media (min-width: 767px){
    .menu-flex{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
      }
}
@media (min-width: 767px) and (max-width: 992px){
    .menu-flex{
        display: flex;
        justify-content:center;
        align-items: center;
        flex-wrap: wrap;
      }
}