/* Large Layout: 1200px. */
@media only screen and (min-width: 1200px){
.container {padding: 0;}
.container-fluid{padding: 0;}    
  
}
@media only screen and (max-width: 1440px){
  .sec-title.style-two p {padding: 0 390px;}
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .latest-project-area .project-content .item .overlay{padding: 130px 0;}
  .latest-project-area .project-content .item .overlay h4::before{left: 25%;}
  .sec-title.style-two p {padding: 0 460px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sec-title.style-two p {padding: 0 315px;}
}
@media only screen and (min-width: 1199px) and (max-width: 1200px) {
}

/* Medium screen  */ 
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /*** 
  =============================================
      Mainmenu Area style
  =============================================
  ***/      
  .main-menu .navigation > li:hover > ul {
    left: 15px;
  }    
  .main-menu {left: 0px;float: left; right: 0;}
  .main-menu .navigation li a{padding: 14px 10px 10px;}
  .mainmenu-area .logo {padding-top: 8px;}
  .latest-project-area .project-content .item .overlay {padding: 80px 0;}
  .latest-project-area .project-content .item .overlay h4::before {left: 18%;}
  .pricetable .pricetable-block .poplur {right: -68px; top: 58px; width: 59%;}
  .client-sec .testmonial-carousel .single-item .text-holder::before {left: 40.5%;}
  .latest-news .news-block .author-cat ul li {margin-right: 3px; padding-right: 3px;font-size: 14px;}
  .latest-news .news-block .author-cat ul li img {margin-right: 2px;}
  .single-footer-widget .our-info .contact-form input[type="email"] {width: 84%;}
  .single-footer-widget .our-info .contact-form .form-group button {left: -64px;}
  .right-side-bar .blog-sidebar .image-text {position: relative; padding: 0px 0;}
  .contact-us .contact-info {padding: 35px 10px;}
  .page-title p{padding: 0 185px;}
  .sec-title.style-two p {padding: 0 170px;}
  .sec-title p {padding: 0 140px;}
} 
@media only screen and (max-width: 1024px){
  .latest-project-area .project-content .item .overlay {padding: 65px 0;}
  .latest-project-area .project-content .item .overlay h4::before {left: 12%;}
  .pricetable .pricetable-block .poplur {right: -59px; width: 52%;}
  .client-sec .testmonial-carousel .single-item .text-holder::before {left: 44.5%;}

}

/* Tablet Layout: 768px. */
@media only screen and (max-width: 991px) {
  /*** 
  =============================================
      Mainmenu Area style
  =============================================
  ***/  
  .mainmenu-area{padding: 22px 0 5px;}
  .main-menu {right: 74px; margin-top: 5px;}
  .main-menu .navigation li a {padding: 19px 14px 18px;}
  .main-menu .navigation > li:hover > ul {left: 15px;}
  .main-slider .text{margin-top: 22px;font-size: 17px;}
  .get-btn {position: absolute; right: 0; top: -46px;}
  .about-sec .right-content-area {position: relative; padding-top: 33px; float: left;}
  .latest-project-area .project-content .item .overlay {padding: 157px 0;}
  .latest-project-area .project-content .item .overlay h4::before {left: 31%;}
  .contact-btn-area{padding: 67px 0 80px;}
  .contact-btn-area .left-content-area {padding-bottom: 25px;}
  .pricetable .pricetable-block .poplur {right: -67px; width: 49%; top: 63px;}
  .client-sec .testmonial-carousel .single-item .text-holder::before {left: 41.5%;}
  .latest-news .news-block .author-cat ul li{font-size: 13px;}
  .single-footer-widget {margin-bottom: 30px;float: left;}
  .services-det img {width: 100%; margin-bottom: 30px;}
  .error-page .text-area {padding: 0 150px;}
  .portfolio-det img {width: 100%; margin-bottom: 30px;}
  .right-side-bar {margin-top: 50px;}
  .right-side-bar .archives-area {float: left; width: 100%;}
  .right-side-bar .search-box button {top: 50px; right: 15px;}
  .contact-us .contact-info {padding: 45px 35px; margin-bottom: 30px;}
  .contact-us .form-sec{float: left;padding-top: 30px;}
  .page-title p {padding: 0 75px;}
  .sec-title.style-two p {padding: 0 150px;}
  .sec-title p {padding: 0 35px;}

}
@media only screen and (min-width: 770px) and (max-width: 990px){
  .tp-leftarrow {margin-left: -30px !important;}
  .tp-rightarrow {margin-left: 60px !important;}
}
@media only screen and (max-width: 768px){
  .tp-leftarrow {margin-left: -30px !important;}
  .main-slider .text {padding-right: 27px;}
  .latest-project-area .project-content .item .overlay {padding: 124px 0;}
  .latest-project-area .project-content .item .overlay h4::before {left: 25%;}
  .client-sec .testmonial-carousel .single-item .text-holder::before {left: 46%;}
  .sec-title.style-two p {padding: 0 40px;}

}

/* Mobile Layout: 767px. */
@media only screen and (max-width: 767px) {
    
      
  /*** 
  =============================================
      Main mneu Area style
  =============================================
  ***/ 

  .mainmenu-area .logo{
    position: relative;
    float: none;
    text-align: center;
  }
  .get-btn {right: 18px; top: 6px; z-index: 9;}
  .mainmenu-area.stricky-fixed{
    position: static;
    background: none;
  }
  .header-area{
    padding: 30px 0px 40px;
  }
  .mainmenu-area {
    margin-bottom: 0px;
    margin-top: 0px;
    z-index: 999999;
  } 
  .mainmenu-area.stricky-fixed{
    position: static;
    background: none;
  }        
  .mainmenu-area .mainmenu-bg {
    background: transparent;
  }
  .main-menu .navigation > li > ul{
    -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }
  .main-menu {
    display: inline-block;
    float: left !important;
    padding-bottom: 0;
    padding-top: 0;
    z-index: 5;
    width: 100%;
    left: 0;
  }
  .main-menu .navigation li {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }   
  .main-menu .collapse {
    border: 1px solid #fff !important;
    border-radius: 0px !important;
    float: none;
    margin: 0;
    max-height: 300px;
    overflow: auto;
    padding: 0;
    width: 100%;
  }    
  .main-menu .collapse.in, 
  .main-menu .collapsing {
    border: 1px solid #fff;
    border-radius: 0px;
    margin: 0 0 20px;
    padding: 0;
    border-top: none;
  }    
  .main-menu .navbar-header{
    position:relative;
    float:none;
    display:block;
    text-align:right;
    width:100%;
    padding:15px 0px;
    right:0px;
    z-index:12;
  }        
  .main-menu .navbar-header .navbar-toggle {
      border: 2px solid #323232;
      display: inline-block;
      float: left;
      margin: 0;
      z-index: 7;
      width: 45px;
      height: 40px;
      border-radius: 0;
      transition: all 0.3s ease;
  }  
  .main-menu .navbar-header .navbar-toggle:hover{
    border: 2px solid #0336aa;
  }
  .main-menu .navbar-header .navbar-toggle .icon-bar {
    background: #323232 none repeat scroll 0 0;
    font-weight: 700;
  }  
  .main-menu .navbar-header .navbar-toggle:hover .icon-bar {
    background: #0336aa none repeat scroll 0 0;
    font-weight: 700;
  }  
  .main-menu .navbar-collapse > .navigation {
    background: #0336aa none repeat scroll 0 0;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
    border-bottom: 1px solid #fff;
  }      
  .main-menu .navbar-collapse > .navigation > li{
    margin:0px !important;
    float:none !important;
    width:100%;
    padding: 0;
  }  
  .main-menu .navigation li.dropdown > a:after{
    display:none !important;
  } 
  .main-menu .navbar-collapse > .navigation > li > a{
    padding:10px 10px !important;
  }    
  .main-menu .navbar-collapse > .navigation > li > ul,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul{
    position:relative;
    border:none;
    float:none;
    visibility:visible;
    opacity:1;
    display:none;
    margin:0px;
    left:auto !important;
    right:auto !important;
    top: auto!important;
    width:100%;
    background: none;
    border-radius:0px;
    -webkit-border-radius:0px;
    -ms-border-radius:0px;
    -o-border-radius:0px;
    -moz-border-radius:0px;
    transition:none !important;
    -webkit-transition:none !important;
    -ms-transition:none !important;
    -o-transition:none !important;
    -moz-transition:none !important;
  }    
  .main-menu .navbar-collapse > .navigation > li > ul,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul{
    border-top: 0px solid rgba(255,255,255,1) !important; 
  }
      
  .main-menu .navbar-collapse > .navigation > li,
  .main-menu .navbar-collapse > .navigation > li > ul > li,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{
    border-top: 1px solid #fff !important;
    opacity:1 !important;
    top:0px !important;
    left:0px !important;
    visibility:visible !important;
  }
  .main-menu .navbar-collapse > .navigation > li > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
    padding:10px 10px !important;
    line-height:22px;
    color:#ffffff;
    background:#323232;
    text-align:left;
  } 
  .main-menu .navbar-collapse > .navigation > li > ul > li > a{
    padding:10px 20px !important;
    line-height:22px;
    color:#ffffff;
    background:#323232;
    text-align:left;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
  }     
  .main-menu .navbar-collapse > .navigation > li:hover > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
  .main-menu .navbar-collapse > .navigation > li.current > a{
    color:#ffffff !important;
  }        
  .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
    display:block;
  }
  .service-section .service-block::before{left: 39%;}
  .latest-project-area .project-content .item .overlay {padding: 254px 0;}
  .latest-project-area .project-content .item .overlay h4::before {left: 37%;}
  .pricetable .pricetable-block .poplur {right: -63px; width: 22%;}
  .error-page .text-area {padding: 0 100px;}
  .portfolio-det .project-info .left-content-are{padding-bottom: 30px; }
  .about-sec .left-content-area .single-item {position: relative; margin-bottom: 25px;}
  .contact-btn-area{padding: 67px 0 80px;}
}

@media only screen and (min-width: 600px) and (max-width: 634px) {
  .main-slider h1 {font-size: 36px; line-height: 46px;}
  .main-slider .text {padding-right: 52px;}
  .latest-project-area .project-content .item .overlay {padding: 212px 0;}
  .latest-project-area .project-content .item .overlay h4::before {left: 34%;}
  .pricetable .pricetable-block .poplur {width: 28%; top: 62px;}
  .client-sec .testmonial-carousel .single-item .text-holder::before {left: 45%;}
  .page-title p {font-size: 15px;}
  .faqs .tabs li a {padding: 8px 24px; } 
  .page-title p {padding: 0 40px;}

}

@media only screen and (max-width: 480px) {
  .main-slider h1 {font-size: 31px; line-height: 40px; margin-top: 8px; margin-right: 15px;}
  .service-section .service-block::before {left: 33%;}
  .latest-project-area .project-content .item .overlay {padding: 153px 0;}
  .latest-project-area .project-content .item .overlay h4::before {left: 31%;}
  .pricetable .pricetable-block .poplur {right: -63px; width: 36%;}
  .client-sec .testmonial-carousel .single-item .text-holder::before {left: 44%;}
  .page-title {padding: 60px 0;}
  .faqs .tabs li a {padding: 8px 12px; } 
  .error-page .text-area {padding: 0 50px;}
  .page-title h1{font-size: 50px;}
  .blog-detail blockquote .quote {padding-bottom: 33px;}
  .dutex-comments ul ul {padding-left: 40px;}
  .page-title p {padding: 0 5px;}
  .about-sec .factcounter .single-item h1{font-size: 30px;}
  .about-sec .factcounter .single-item h4{font-size: 17px;}
  .about-sec .factcounter .single-item h1 i {font-size: 18px;}
  .sec-title.style-two p {padding: 0;}
  .sec-title p {padding: 0;}

}

@media only screen and (min-width: 319px) and (max-width: 470px){
    .main-slider h1 {font-size: 22px; line-height: 28px; margin-top: -6px; } 
    .main-slider .text {font-size: 15px; line-height: 19px; padding: 0; margin-top: 5px;    margin-left: -17px; } 
    .entry-content .rev_slider a, .rev_slider a {margin-top: 30px !important;    margin-left: -25px !important;}
    .service-section .service-block::before {left: 25%;}
    h2 {font-size: 28px;}
    .about-sec .factcounter .single-item h4 {font-size: 16px;}
    .about-sec .right-content-area .img-wrapper {
      width: 255px;
      height: 235px;
      -webkit-mask-size: 255px 235px;
      mask-size: 255px 235px;
    }
    .about-sec .right-content-area a.html5lightbox {bottom: 42px; left: 0;}
    p {font-size: 14px; line-height: 23px;}
    .latest-project-area .project-content .item .overlay {padding: 97px 0;}
    .latest-project-area .project-content .item .overlay h4::before {left: 22%;}
    .pricetable .pricetable-block .poplur {right: -62px; width: 54%; top: 54px;}
    .client-sec .testmonial-carousel .single-item .text-holder::before {left: 40%;}
    .latest-news .news-block .author-cat ul li {margin-right: 5px; padding-right: 5px;}
    .latest-news .news-block .author-cat ul li img {margin-right: 4px;}
    .single-footer-widget .our-info .contact-form .form-group button {padding: 12px 16px; left: -49px; }
    .page-title h1{font-size: 40px}
    .faqs .tabs{margin: 40px 0 30px;}
    .faqs .tabs li a {padding: 8px 12px; float: left;}
    .dutex-accordion .toggle-item > h5::before {width: 35px;}
    .get-btn {top: 21px;}
    .get-btn .thm-btn {padding: 6px 15px;}
    .error-page .text-area {padding: 0;}
    .right-side-bar .blog-sidebar .image-text {padding: 0;}
    .blog-detail blockquote .quote {padding-bottom: 14px; width: 100%;}
    .blog-detail .author-cat ul li {font-size: 13px;padding-right: 5px; margin-right: 5px;}
    .dutex-comments ul ul {padding-left: 10px;}
    .contact-us .contact-info {padding: 45px 20px;}
    .page-title p {padding: 0; font-size: 14px;}
    .service-section .service-block{ padding: 20px 10px;}
    .about-sec .factcounter .single-item h1 {font-size: 25px;}
    .about-sec .factcounter .single-item h1 i {font-size: 15px;}
}