@media (min-width:1300px) and (max-width:5000px) {
.container { width: 1270px;}
.blog-inner-page .container { width: 1240px; }
}

@media screen and (max-width: 1500px){
/********* DESIGN SERVICES SECTION *********/
.design-services-detail h2 { font-size: 25px; }
}

@media screen and (max-width: 1350px){ 
/********* DESIGN SERVICES SECTION *********/
.design-services-box figure figcaption { padding: 20px; }

.top-cart{margin-right:0;}


}
@media screen and (min-width: 1700px){
	.project-single-page-main .project-page-content .content-2 {width: 1100px;}
	.project-page-content .content-2 .project-section-inner .container-small {max-width: 1100px;}
 }
@media screen and  (min-width: 1441px) and (max-width: 1699px){
.project-single-page-main .project-page-content .content-2 {width: 860px;}
	.project-page-content .content-2 .project-section-inner .container-small {max-width: 860px;}
 } 
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
.project-page-content .project-arrow .btn { min-width: 250px; }	
.project-detail-left { width: 250px; padding: 20px;}
.project-detail-right { width: 250px; padding: 20px; }	
.project-info p { font-size: 14px; line-height: 22px; }
.project-detail-right .project-info p { margin-bottom: 25px; }	
.aside-btn .btn { margin-top: 0; }	
}
@media only screen and (min-width: 1291px) and (max-width: 1360px) {
.project-section-inner .container-small { max-width: 690px; }
.project-page-content .content-2{width:690px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1290px) {
.project-section-inner .container-small { max-width: 600px; }
.product-single-main .container, .pro-related-main .container { width: 1100px !important;}	
.single-product .woocommerce-notices-wrapper {max-width: 1100px;margin: 0 auto;margin-top: 60px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1340px) {
    
/******** PROJECT PAGE CSS ********/   
/*.project-page-content .project-arrow .btn.btn-left .fa-arrow { float: left; }
.project-page-content .project-arrow .btn.btn-right .fa-arrow { float: right; }
.project-arrow a span { width: 80px; display: block; white-space: normal; position: relative; line-height: 16px; } */
/*.btn-left span {  float: left; }
.btn-right span {  float: left; }
.project-arrow a .fa-arrow { margin-top: 2px;  }
.project-page-content .project-arrow .btn { min-width: 144px; font-size: 15px; padding-top: 10px; padding-bottom: 10px; letter-spacing:0.5px; }
.project-page-content .project-arrow .btn.btn-left { text-align: left; }
.project-page-content .project-arrow .btn.btn-right { padding-left: 15px; text-align:right; }*/
.take-the-quiz { padding: 48px; }

}

@media (min-width:992px) and (max-width:1199px) {
/******** PROJECT PAGE CSS ********/   
/*.project-page-content .project-arrow .btn { min-width: inherit; }    
.project-page-content .project-arrow .btn span { display: none; }  
.project-page-content .project-arrow .btn.btn-left .fa-arrow { margin-right: 20px; }
.project-page-content .project-arrow .btn.btn-right .fa-arrow { margin-left: 20px;  }
.project-page-content .project-arrow .btn.btn-left { padding-left: 20px; padding-right: 2px; }
.project-page-content .project-arrow .btn.btn-right { padding-right: 20px; padding-left: 2px; }*/

.second-main-text { padding: 45px 45px 45px; }

/********* ABOUT US 3 PAGE *********/
.meet-team-block h2{font-size:26px;}
.team-thumb{margin-bottom: 11px;}
.project-page-main.project-single-page-main { padding-top: 60px; }

    
}

@media screen and (max-width: 1280px){ 
.header-right .ubermenu-main .menu-btn.ubermenu-item {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
    .header-right .ubermenu li {
        padding: 0 10px !important;
}
    
    
}
@media screen and (max-width: 1199px){
/********** TYPOGRAPHY CSS **********/
h1, h2, h3, h4, h5, h6 { margin: 20px 0 12px 0; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }

/********** HEADER CSS **********/
.hero-content { width: 452px; padding: 5px 10px 38px 10px; }
.hero-image .display-big { font-size: 70px; }
.hero-image figcaption { top: 145px; }
.ubermenu-responsive.ubermenu { margin-top: 11px !important; }
.ubermenu-responsive-toggle { padding: 10px 0 !important; }
.stuck .ubermenu-responsive.ubermenu { margin-top: 0 !important; }
.stuck .header-left a { padding: 8px 0; }


/********** SECTION CSS **********/
.inner-page-section { padding-top: 60px; }
.second-main-text h2 { font-size: 30px; }
.main-heading-section h2 { font-size: 30px; }
.main-heading-section h1 { font-size: 16px; }
.second-main-section { padding: 70px 0; }
.testimonial-section p { font-size: 26px; line-height: 38px; }
.testimonial-section { padding: 100px 0; }
.testimonial-section h2 { font-size: 38px; }
.footer-about h2{font-size: 25px;}
.choose-service-section { padding: 0; }
.choose-service-section .container-fluid { padding-left: 0; padding-right: 0; }
.services-body { padding-left: 0; padding-right: 0; }
.services-body figcaption { left: 25px; right: 25px; }
.services-figcaption { padding: 20px; max-width: 290px; }
.services-figcaption h2 { font-size: 19px; line-height: 26px; letter-spacing: 2px; }
.services-figcaption p { font-size: 14px; line-height: 24px; }


/********* HOME PAGE SERVICES SECTION *********/
.services-box figure h2 { margin-bottom: 5px; }


/******** PROJECT PAGE 2 ********/
.project-section-inner-2 .container-small { max-width: 830px; }
.project-page-main { padding-top: 60px; }
.project-page-section .page-title { padding-bottom: 20px; }
.project-single-page-main .project-page-section .page-title { padding-bottom: 30px; }

/******** PROJECT PAGE 3 ********/
/*.project-page-main-3 { padding-bottom: 60px; }
.project-items figure figcaption { padding: 0 20px; }
.project-items h2 { font-size: 33px; line-height: 32px; }*/
.project-items h2 { font-size: 46px; }

/************ CONTACT CSS ************/
.click-schedule-btn { margin-bottom: 30px; margin-top: 8px; }
.contact-first-section h2 { margin-top: -6px; margin-bottom: 18px; }
.contact-us-details { margin-top: 9px; }

/*********** FAQ PAGE CSS ***********/
.faq-page h2.panel-title { font-size: 28px; }

.take-the-quiz { padding: 25px; }
.take-the-quiz-inner h2 { font-size: 28px; letter-spacing: 1.5px; }
.take-the-quiz-inner p { font-size: 16px; }


.project-listing .row { margin-left: -15px; margin-right: -15px; }
.project-listing .col-md-4 { padding-left: 15px; padding-right: 15px; }

.service-tabs .nav-tabs { padding: 0 8px; }
.service-tabs > .nav-tabs > li { padding: 0 8px; }
.service-tabs > .nav-tabs > li > a { letter-spacing: 2px; }
.service-tabs-content h2 { font-size: 28px; line-height: 1.25; }
/*.the-process-btn a { font-size: 38px; }*/
.service-tabs-content .white-box h2 { font-size: 20px; }


.sidebar-fix { position: relative !important; height: auto !important;}
.sidebar__inner { position: relative !important; width: 100% !important; float: none;  height: auto !important; max-width: 830px; margin: 0 auto; transform: none !important; top: inherit !important; left:inherit !important; }
.project-arrow-btn { float: left; width: 50%; padding: 0 15px; }
.project-page-content .project-arrow .btn { min-width: 100%; }
.project-information { padding-left: 15px; padding-right: 15px; padding-top: 0; }
.project-detail-left { width: 384px; }
.project-detail-right { width: 384px; }
.project-page-content .project-arrow { position: relative; top: 0; max-width: 830px; width: 100%; margin: 0 auto; }

.panel-body-detail { padding: 55px 60px; }
.service-tabs > .nav-tabs > li > a { font-size: 18px; padding: 27px 15px; }
.page-title p:last-child { margin-top: 10px; }
.sidebar h2 { font-size: 26px; line-height: 36px; letter-spacing: 2px; }
.sidebar-guide h2 { padding: 20px 15px 15px 15px; font-size: 28px; line-height: 36px; letter-spacing: 2px; }
.sidebar-guide p br { display: none; }
.blog-post p { letter-spacing: 3px; font-size: 15px; }
.sidebar .widget { margin-bottom: 0; }
.widget ul li a { font-size: 16px; }
.widget ul li { padding: 16px 10px; }
/*.sidebar-block.about-client { margin-bottom: 25px; }*/
.to-do-list-section { margin-top: 20px; }
.to-do-list-section ul li { padding-bottom: 8px; }  
.sidebar-guide p { padding-left: 15px; padding-right: 15px;  } 
.contact-page-1 h2 { font-size: 26px; }
.or-text { font-size: 26px; }

.choose-service-section {padding: 15px 0 60px 0;}
.sidebar-search{margin-bottom: 50px;}

.home-services-section .container, .choose-service-section .container{width:880px;}

.project-page-content .content-2{width:100% !important; }

.meet-team-left { display: table-cell; width: 40%; vertical-align: middle; }
.meet-team-right { display: table-cell; width: 60%; vertical-align: middle; text-align:left; padding: 0 0px 0 35px; margin-bottom: 0px;}




.woocommerce ul.order_details li { width: 30%; margin-bottom: 15px;}
.related-products-section .blog-listing:before { left: -27px; bottom: -27px;}
.related-products-section .blog-listing:after { right: -27px; top: -27px;}
.pro-related-main{padding-bottom: 90px;}
.related-products-section h2{font-size: 56px;margin: 22px 0 !important;line-height: 1;}
.single-product .woocommerce-notices-wrapper {max-width: 970px;margin: 0 auto;margin-top: 60px;}

.header-right{position: absolute;right: 0;left: 0;z-index: 0;text-align: right;}
.header-left{ position:relative;z-index: 1;}
.logo{z-index:1;}
.top-cart {margin-right: 6px;padding-top: 5px;}
    
    .header-right {display: block;}

    .header-right .ubermenu-main .menu-btn.ubermenu-item { padding-left: 10px !important; padding-right: 10px !important;}
    
    .stuck .top-cart {
  padding: 5px 0 0 0;
}
    .stuck .ubermenu-nav li a {
  padding: 10px 15px !important;
}

.project-page-section .project-arrow .btn.btn-left {
  padding-left: 20px;
  padding-right: 2px;
}
.project-page-section .project-arrow .btn.btn-right {
  padding-right: 20px;
  padding-left: 2px;
}
.project-page-section .project-arrow .btn.btn-left .fa-arrow {
  margin-right: 20px;
}
.project-page-section .project-arrow .btn.btn-right .fa-arrow {
  margin-left: 20px;
}
.project-arrow a .fa-arrow {
  display: block;
}
.project-page-section .project-arrow .btn span {
  display: none;
}
.project-page-main .project-section-inner-new .project-arrow .btn{background: rgba(255,255,255,.8) !important;border: none !important;
padding-top: 15px;
padding-bottom: 15px;}

.project-page-main .project-section-inner-new .project-arrow .btn:hover {
  background: #cabfae !important;
}

.header-redesign .logo{position: relative !important;}
.header-redesign .header-left a {
padding: 0;}
header.header-redesign .navbar-fixed-top{height:70px;}
.header-redesign .logo {
  left: 0;
  margin-left: 0;
  padding-top: 0;
  margin-top: -6px;
}
.header-redesign.stuck .logo img{height: 50px;}
.header-redesign.stuck .header-left a {
  padding: 0 !important;
}
.header-redesign .header-left {
  display: inline-block !important;
}

.header-redesign.stuck .ubermenu-nav li a{padding: 10px 0px !important;}
.header-redesign.stuck .logo{margin-top: -4px;}
.services-figcaption h2{letter-spacing: 1.5px;}
.services-figcaption{padding: 20px 10px;}

}


@media screen and (max-width: 991px){
/********** TYPOGRAPHY CSS **********/
body { margin-top:46px; }
h1, h2, h3, h4, h5, h6 { margin: 20px 0 12px 0; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
.btn { /*line-height: 44px;*/ /*padding: 0 20px;*/ }
.xs-btn { min-width: 160px; }
.sm-btn { min-width: 210px; }

.page-title h1 { font-size: 34px; }
/********** HEADER CSS **********/
.main-header { padding-top: 0; }
/*.logo { padding-top: 6px; padding-bottom: 10px; position:relative; z-index:1; }*/
/*.stuck .logo { padding-top: 6px; padding-bottom: 10px; }*/
.hero-content { width: 420px; padding: 0px 0px 25px 0px; }
.wsmenu-list > li { padding: 0; }
.wsoffcanvasopener .animated-arrow { margin-top: 2px; }
.header-nav .container-large {-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.stuck .container-large { padding-top: 10px; padding-bottom: 10px; }
.main-hero-header { margin-top: 0; }
.hero-image figcaption { top: 85px; }
.hero-image .display-big { font-size: 60px; }

/********** SECTION CSS **********/
.inner-page-section { padding-top: 0px; padding-bottom: 45px; }
.services-page-section { padding-top: 10px; padding-bottom: 5px; }

/********* MAIN HEADING SECTION *********/
.main-page-section { padding-bottom: 50px; }
.second-main-text { padding: 30px; }
.second-main-text h2 { font-size: 26px; line-height: 38px; }
.second-main-section { padding: 60px 0 75px; }
.testimonial-section { padding: 80px 0; }
.testimonial-section p { font-size: 24px; line-height: 36px; }
.testimonial-section .container-small { max-width: 660px; }
.main-title h2 { font-size: 28px; }
.services-body figcaption { left: 18px; right: 18px; }
.services-figcaption h2 { font-size: 16px; line-height: 24px; letter-spacing: 1px; }
.services-figcaption { padding-left: 17px; padding-right: 17px; }
.choose-service-section .row { margin-left: -9px; margin-right: -9px; }
.choose-service-section .col-sm-4 { padding-left: 9px; padding-right: 9px; }
.services-figcaption p { font-size: 14px; line-height: 22px; }
.choose-service-section .main-title h2 { margin-top: 0; }


/********* HOME PAGE SERVICES SECTION *********/
.service-title-section h2 { max-width: 520px; width: 100%; padding: 12px 20px; }
.services-listing { margin-top: -20px; }
.services-box h2 { font-size: 24px; }
.services-box .sm-btn { margin-top: 0; }
.service-btn { margin-bottom: -22px; }
.services-box figure h2 { margin-bottom: 10px; }

/********* FEATURED SECTION *********/
.featured-section { padding-top: 0px; padding-bottom: 60px; }

/********* ABOUT US 2 PAGE *********/
.about-new-section .alignleft { max-width: 305px; }

/******** BLOG PAGE CSS *********/
.blog-listing .col-md-4 { width: 49.6%; }
.blog-post h2 { line-height: normal; }
.sidebar-guide h2 { padding: 15px; }
.blog-post h2 { font-size: 26px; }

/********************* BLOG SINGLE PAGE CSS *********************/
.blog-single .aligncenter { margin-bottom: 5px; }
.author-img{width:80px;height:80px;left: 15px; top: 16px; }
.comment-main-title { padding: 14px 20px 14px 50px; font-size:20px; }
.comment-main-title:before { font-size: 21px; left: 18px; top: 14px; }
.user-comment { padding: 12px 15px 12px 115px; min-height: 110px; }
.comment-content-top h5 { font-size: 20px; }
.comment-content-top span { font-size:15px; }
.comment-content p { font-size: 14px; line-height:normal; }
.comment-reply-btn { top: 5px; }
.comment-reply-btn a { font-size: 15px; }
.comments .children .user-comment .author-img { left: 40px; }
.comments .children .user-comment { padding-left: 140px; }
/*.about-client-thumb { padding: 14px; }
.sidebar-guide h2 { font-size: 24px; }
.about-client p { font-size: 14px; line-height:22px; }
.sidebar h2 { font-size: 24px; }*/
.popular-post ul li { padding: 7px 0; }
.popular-post { padding: 20px 15px 20px 15px; }
.sidebar-guide .btn { line-height: 46px; }
.about-client .btn { /*line-height: 46px;*/ }
.blog-comments { padding-bottom: 20px; }


/********************* SERVICES PAGE CSS *********************/
.secondary-menu .navbar-nav li { font-size: 15px; }
.secondary-menu .nav > li > a { padding-left:10px; padding-right:10px; }

/******************** SERVICES PAGE CSS 2 ********************/
.design-services-2-page { padding-bottom: 30px; }
.services-list-section .col-md-12 { margin-top: 8px; margin-bottom: 30px; }



/********************* CONTACT CSS *********************/
.contact-form-main { padding-top: 0px; }
.or-text { font-size: 24px; }
.form-input { line-height: 44px; height:44px; }

.contact-us-container .row { margin-left: -20px; margin-right: -20px; }
.contact-us-container .col-md-6 { padding-left: 20px; padding-right: 20px; }
.schedule-a-call-sec { padding: 60px 0; }
.contact-us-details { min-height: 318px; }
.ready-to-get-started-sec { padding: 30px 0 80px; }
.contact-section.contact-section-bottom { padding: 35px 0 25px; }

/*********** FAQ PAGE CSS ***********/
.faq-page h2.panel-title { font-size: 26px; }
.faq-page .panel-default > .panel-heading + .panel-collapse > .panel-body { margin-bottom: 10px; }
.faq-bottom-text { padding-top: 25px; padding-bottom:0; }

/******** PROJECT PAGE CSS ********/
/*.project-page-content .project-arrow { position: relative; top: 0; max-width: 830px; width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto; }
.project-page-content .project-arrow .btn { line-height: 50px; font-size: 15px; }*/
.project-page-section .page-title { padding-bottom: 15px; }
.project-single-page-main .project-page-section .page-title { padding-bottom: 30px; }

/******** PROJECT PAGE 2 ********/
.project-page-main { padding-top: 15px; }
.project-page-content .project-arrow.fixed-btn { position: relative; top: 15px; }
.project-page-content .project-section-inner-2 .project-arrow { position: relative; top: 15px; }

/******** PROJECT PAGE 3 ********/
.project-items h2 { font-size: 40px; }


/********** FOOTER CSS **********/
.call-to-action-btn:after { top:21px; }

/********************* PRESS PAGE CSS *********************/
.press-box-main{min-height:270px;margin:22px 0px 22px 0px;}
.press-box-inner{max-width:100%;}
.press-logo{padding-bottom: 15px;}

.wsmenu-list > li:last-child > .wsmenu-submenu li a{ text-align:left; }
.mobile-sub .wsmenu-submenu li a{ padding: 8px 5px 8px 18px; }
ul.copyright { padding-left: 20px; padding-right: 20px; }
.footer-about p { font-size: 20px; line-height: 30px; }
.footer-about h2 { font-size: 34px;margin-top: 20px;}
address { margin-bottom: 22px; }
.footer-about { padding: 30px 0; }
.footer-address { padding: 30px 0; }

.service-tabs .nav-tabs { padding: 0 5px; margin-top: -96px; }
.service-tabs > .nav-tabs > li { padding: 0 5px; }
.service-tabs > .nav-tabs > li > a { font-size: 17px; letter-spacing: 1.5px; min-height: 96px; padding: 23px 15px; }
.the-process-btn a { font-size: 60px !important; }
.white-box { padding: 5px 50px 25px 50px; }

.project-section-inner .container-small { max-width: 768px; }
.sidebar__inner { max-width: 768px; }
.project-detail-left { width: 354px; }
.project-detail-right { width: 354px; }

/********* ABOUT US 3 PAGE *********/
.meet-team-block{ margin-bottom:46px;}
.meet-team-section{padding: 50px 0 18px 0;}

.page-title p { letter-spacing: 2px; font-size: 18px; }
.page-template-faq .inner-page-section { padding-top: 12px; }
.faq-page { padding-top: 0; }
.sidebar-block { margin-bottom: 30px; }
.inner-page-section.blog-inner-page { padding-top: 15px; } 

.blog-single h2 { font-size: 28px; }
.rp4wp-related-post-content a { font-size: 20px; }

.blog-inner-page .page-title h1 { font-size: 28px; }
.inner-page-section.contact-page-1 { padding-top: 10px; }
.inner-page-section.contact-page-1 .page-title { padding-bottom: 10px; }
.take-the-quiz-inner h2 { line-height: 32px; }

.services-listing .row {margin-left: -15px; margin-right: -15px;}
.services-listing .col-lg-6 {padding-left: 15px; padding-right: 15px;}
.services-listing { margin-top: 0;}
.choose-service-section {padding: 30px 0 36px 0;}

.sidebar-search h2{font-size:16px !important; line-height:22px !important;}

.home-services-section .container, .choose-service-section .container{width:700px;}

 .press-listing .col-md-4{width:49.5%;}
 
.meet-team-right {margin:0 !important;}
.meet-team-section .col-md-6{margin:0;}
.testimonial-section.service-main-testimonial { padding: 10px 0px 30px 0px;}




.woocommerce ul.order_details li {
  width: 46%;
  margin-bottom: 15px;
}
.woocommerce-MyAccount-content{padding-left: 15px;}
.woocommerce .woocommerce-customer-details section .woocommerce-column--billing-address, .woocommerce .woocommerce-customer-details section .woocommerce-column--shipping-address{width:100%;}
.woocommerce .woocommerce-customer-details .woocommerce-column--billing-address {margin-bottom: 30px;
}

.related-products-section{padding: 0 15px;}
.product-name h1{font-size:34px;}

.shop-listing-page { margin-top: 15px;}
.shop-listing-page .blog-listing.col-3 .blog-post {margin: 15px 0;}
.shop-listing-page .hero-image .display-big{font-size: 34px; line-height:1;}
.shop-listing-page .blog-listing .product-info button.button.alt.disabled {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: normal;
}
.shop-listing-page .blog-post .pro-selection-hover{bottom: 42px;}
.shop-listing-page .blog-listing.col-3 .product-info .pro-selection-hover {
  bottom: 76px;
}
.single-product .woocommerce-notices-wrapper {max-width: 750px;margin: 0 auto;margin-top: 30px;}
    
    .btn, .wpvqgr-wrapper .wpvqgr-askinfo button.wpvqgr-button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {font-size: 15px !important; }
    
    .header-right .ubermenu-main .hide-desktop{display:block;}
    
    .header-left{display:none;}
    .header-nav .container-large {
  min-height: 70px;
}
    .stuck .container-large {min-height: 62px;
    }

.ubermenu-main .menu-btn.ubermenu-item a.ubermenu-target{background:#FFFFFF;color:#322b2a !important;padding: 10px 15px !important;}
.ubermenu-main .menu-btn.ubermenu-item a.ubermenu-target:hover{color: #bdb5a5 !important;}


}

@media screen and (max-width: 768px){
.woocommerce td.product-quantity .quantity .qty {
  display: inline-block;
}
.woocommerce-page table.cart td.actions .coupon .button{width:auto;}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {background-color: #FFF;}
.woocommerce ul#shipping_method{text-align: right;}
.woocommerce-MyAccount-content{padding-left: 0px;margin-bottom: 0;}
.woocommerce-shipping-fields {
    margin-top: 50px;
}
.services-figcaption h2{letter-spacing: 0px;}
.services-figcaption {
  padding-left: 10px;
  padding-right: 10px;
}

}

@media screen and (max-width: 767px){
/********** TYPOGRAPHY CSS **********/
body { font-size:16px !important; line-height: 24px; }
h1, h2, h3, h4, h5, h6 { margin: 15px 0 10px 0; }
h1 { font-size: 30px; }
h2 { font-size: 28px; }
.alignleft { margin-right: 25px;}
.alignright { margin-left: 25px;}

ul li {line-height: 24px;}
.main-heading-section h1,.press-box-main,.project-info p,.service-tabs-content,.second-main-text p,.footer-address address {font-size: 16px; line-height: 24px;}
/********** HEADER CSS **********/
.hero-content h1 { font-size: 30px; }
.hero-content h2 { font-size: 26px; }
.slick-prev:before, .slick-next:before { font-size: 32px; }
.hero-slider .slick-next { right: 15px; }
.hero-slider .slick-prev { left: 15px; }
.hero-content { width: 372px; }
.hero-content h2 { margin-bottom: 0; }
.hero-btn .btn { margin-top: 10px; }

/********** SECTION CSS **********/
.main-page-section { padding-bottom: 50px; }

/********* MAIN HEADING SECTION *********/
.hero-image figcaption { top: 70px; }
.hero-image .display-big { font-size: 40px;}
.second-main-text { padding: 20px 30px 30px; }
.second-main-section { padding: 40px 15px 60px; }
.services-listing .row {
    margin-left: 0;
    margin-right: 0;
}
.services-listing .col-lg-6 {
    padding-left: 0px;
    padding-right: 0px;
}
.testimonial-section {
    padding: 40px 0 60px 0;
}
.testimonial-section p {
    font-size: 20px;
    line-height: 32px;
}
.testimonial-section h2 {font-size: 36px;}
/*.footer-about h2 {font-size: 28px;}*/
.services-body { margin-bottom: 30px; }
.featured-section { padding-bottom: 30px; }
.featured-section h2 { font-size: 22px; }

/********* HOME PAGE SERVICES SECTION *********/
.services-box { margin-bottom: 30px; }
.service-title-section h2 { max-width: 520px; width: 100%; padding: 12px 20px; }
.services-listing { margin-top: -20px; }
.services-box h2 { font-size: 24px; }
.services-box .sm-btn { margin-top: 0; }
.services-box h2 { margin-bottom: 15px; }
.services-box figure h2 { margin-bottom: 15px; }

/********* FEATURED SECTION *********/
.featured-section { padding-top: 0px; }

/********* ABOUT US PAGE *********/
.inner-page-section.about-page-section { padding-bottom: 25px; }
.about-page-section .page-title { padding-bottom: 5px; }
.about-new-section { margin-top: 30px; }
.about-new-section h2 { margin-top: 22px; }

/********* ABOUT US 2 PAGE *********/
.about-new-section .alignleft { max-width: 275px; }

/********************* BLOG SINGLE PAGE CSS *********************/
.author-img{width:60px;height:60px; }
.user-comment { padding: 10px 15px 10px 95px; min-height: 90px; }
.comment-content-top h5 { font-size: 20px; }
.comment-content-top span { font-size:14px; }
.comment-content p {/* font-size: 164px; */line-height:normal; }
.comment-reply-btn { top: 5px; }
.comment-reply-btn a { font-size: 15px; }
.comments .children .user-comment .author-img { left: 30px; }
.comments .children .user-comment { padding-left: 110px; }
.sidebar { width: 100%; max-width: 100%; float: left; padding-top: 10px; }
.sidebar-block.popular-post { margin-bottom: 0; }
.blog-comments { padding-bottom: 15px; }
.post-comment-title { font-size: 22px; }

/********************* SERVICES PAGE CSS *********************/
.navbar-header{ position: relative; }
.menu-text { display: inline-block; position:absolute; right:48px; top:12px; }
.secondary-menu { margin-bottom: 30px; }
.secondary-menu .navbar-nav li { display: inline-block; width: 100%; border-top: 1px solid #c8c8c8; }
.secondary-menu .navbar-nav li:last-child { padding-bottom: 6px; }
.navbar-toggle { margin-bottom: 5px; margin-right: 5px; }

/********************* SERVICES PAGE CSS 2 *********************/
.design-services-2-page { padding-bottom: 15px; }
.services-list-section .col-md-12 { margin-top: 5px; margin-bottom: 25px; }
.services-details p { margin-bottom: 14px; }

/******** CONTACT CSS ********/
.contact-first-section { margin-top: 0; }
.contact-section { padding-top: 5px; }
.contact-container { max-width: 560px; }
.contact-first-section ul  { display: inline-block; width: 100%; }
.contact-first-section ul li { float: left; width: 100%; display: inline-block; }
.contact-first-section h2 { margin-top: 0; margin-bottom: 12px; }
.schedule-section { text-align: center; }
.click-schedule-btn { margin-bottom: 20px; margin-top: 5px; }
.contact-first-section ul li { margin-top: 0px; margin-bottom: 20px; }
.contact-second-section { margin-top: 20px; }
.contact-first-section .or-section { margin-top: 0px;  margin-bottom: 0px; height:auto !important; }
.form-input { height: 44px; line-height: 44px; }
.request-form-section label { font-size: 15px; }
.click-schedule-btn .btn { /*line-height: 46px; height: 46px;*/ }
.or-text { width: 100%; height: auto; line-height: normal; position: relative; top: inherit; left: inherit; margin-left: inherit; margin-top:0; }
.contact-section .container-small { padding-left: 0; padding-right: 0; }
.request-form-section fieldset { margin-bottom: 12px; }

.contact-page-2 { padding-bottom: 40px; }
.contact-page-section { padding-top: 25px; }
.contact-right-section { padding-top: 40px; }

.contact-us-container { max-width: 560px; }
.schedule-a-call-sec { padding: 20px 0; }
.contact-us-pic img { width: 100%; height: auto; }
.contact-us-details { margin-top: 40px; }
.ready-to-get-started-sec { padding: 40px 0 60px; }

/*********** FAQ PAGE CSS ***********/
.faq-page h2.panel-title { font-size: 24px; }

/********************* Instagram PAGE CSS *********************/
.page-title.insta-page-title h1{ font-size:28px; }
.insta-landing-page .row { margin-left: -8px; margin-right: -8px;}
.insta-landing-page .col-xs-12 { width: 50%; padding-left:8px; padding-right: 8px; }
.insta-img { padding-bottom: 18px; }

/********************* LANDING PAGE CSS *********************/
.landing-page-section { padding-top: 40px; padding-bottom: 40px; }
.landing-page-form { padding: 4px 35px 25px; }
.landing-page-section .container-small { max-width: 430px; }
.landing-page-section h2 { font-size: 24px; line-height: 28px; margin-bottom: 13px; }
.landing-page-form fieldset { margin-bottom: 5px; }
.landing-page-form .form-input { height: 42px; line-height: 42px; }

/******** PROJECT PAGE CSS ********/
.project-section-inner .row { margin-right: 0px; margin-left: 0px; }
.project-section-inner .project-box { padding: 0px; }
.project-page-content .project-arrow { display: inline-block; }
.project-box.half {   width: 100%;}

/******** PROJECT PAGE 2 ********/
.project-page-main-2 { padding-bottom: 30px; }
.project-page-main-2 .page-title p:last-child { margin-top: 15px; }
.project-section-inner-2 { padding: 25px 0 10px; }
.project-slider .slick-prev:before, .project-slider .slick-next:before { font-size: 48px; line-height: 50px !important; }
.project-page-content .project-arrow.fixed-btn { position: relative; top: 0px; }
.project-page-content .project-section-inner-2 .project-arrow { position: relative; top: 0px; }

/******** PROJECT PAGE 3 ********/
.project-listing .container { /*max-width: 460px;*/ max-width: 352px; }
.project-page-main { padding-top: 10px; }
.project-page-section .page-title { padding-bottom: 5px; }


/********** FOOTER CSS **********/
.footer-logo { font-size: 26px; line-height:32px; }

/********************* PRESS PAGE CSS *********************/
.press-box-main{min-height:290px;font-size:16px;line-height:24px;margin: 15px 0px 15px 0px;}
.press-text{padding-bottom: 12px;}
.services-figcaption h2 {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 2px;
}
.services-figcaption p {
    font-size: 16px;
    line-height: 24px;
}
.footer-top { padding-top: 5px; }
.footer-address { padding: 15px 0 40px 0; }
.footer-logo p { margin-bottom: 20px; }
address { margin-bottom: 0; }
.footer-links ul { width: 100%; padding-left: 0; padding-right: 0; }
.social-links { padding-top: 7px; }
.project-items h2 {font-size: 46px;}

.service-tabs { padding: 15px; }
.service-tabs .panel-group .panel { border: 1px solid #d0d0d0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none }
.service-tabs .panel-title { font-size: 24px; margin: 0;}
.service-tabs .panel-title a { border: none; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 16px; line-height: normal; display: block; }
.service-tabs .panel-title br { display: none; }
.nav-tabs-class .panel-title span { font-size: 18px; }
.service-tabs .panel-title a:hover, .service-tabs .panel-title a:focus { border: none; }
.service-tabs .panel-heading { padding: 15px; border-radius: 0; }
.service-tabs-content { padding-top: 0; }
.service-tabs-content h2 { margin-bottom: 30px; }
.service-tabs .panel-body { border-top-color: #d0d0d0; background: #f5f1ef; }
.service-tabs-content h2 { font-size: 24px; margin-bottom: 18px; }
.white-box { padding: 12px 30px 20px 30px; margin: 40px 0; }
.we-offer-box-section p { font-size: 16px !important; line-height: 29px; letter-spacing: 2px; }
/*.the-process-btn a { font-size: 42px; }*/
.close-button { width: 38px; height: 38px; margin-top: 12px; }
.close-button:before, .close-button:after { width: 18px; top: 16px; left: 8px; }
.we-offer-box-section { padding-bottom: 30px; }
.the-process-btn { padding-bottom: 20px; }
.the-process-info .card-body { padding: 25px 10px 25px; }
.step-number { width: 19%; font-size: 18px; }
.step-detial { width: 80%; }
.process-step { margin: 15px 0 5px; }
.process-step ul li { margin-bottom: 25px; }
/*.nav-tabs-class .panel-title span  { float: right; display: block; }*/
.nav-tabs-class a.deco-none span  { float: right; display: block; }
.service-tabs .panel-group { margin-bottom: 0; }

.project-page-content .project-arrow { position: relative; top: 0; max-width: 830px; width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto; }
.project-information { padding-left: 30px; padding-right: 30px; }
.project-detail-left { width: 47.8%; }
.project-detail-right { width: 47.8%; }
.project-detail-right .project-info p { margin-bottom: 22px; }
.project-info { max-width: 240px; margin: 0 auto; } 
.project-page-main.project-single-page-main { padding-bottom: 65px; }

.about-3 .page-title { padding-bottom: 20px; }
.page-template-faq .inner-page-section { padding-top: 0px; }
.page-title h1 { font-size: 32px; }
.project-info p strong { font-size: 18px; letter-spacing: 2px; line-height: 28px; }
.project-info p { margin-bottom: 40px; }
.project-detail-right .project-info p { margin-bottom: 28px; }

.blog-post h2 { font-size: 24px; line-height: 33px; }
.blog-template ul.page-numbers { margin: 20px 0 40px; }
.sidebar-block.about-client { margin-bottom: 0px; }
.to-do-list-section { margin-top: 20px; }
.post-comment { margin-bottom: 35px; }
.blog-single h2 { font-size: 26px; }
.inner-page-section.blog-inner-page { padding-top: 5px; }
.blog-inner-page .page-title h1 { font-size: 28px; line-height: 36px; margin-bottom: 0; }

.inner-page-section.contact-page-1 { padding-top: 0; }
.contact-section { padding-top: 0; }
.contact-page-1 h2 { font-size: 24px; }


.home-subscribe-main ._form_6{width:100%;max-width:100%;padding:0 0 0 0px;}
.services-listing { margin-top: 0;}
.home-services-section{padding: 60px 0 30px 0;}

.choose-service-section {padding: 30px 0 15px 0;}

.home-services-section .container, .choose-service-section .container{width:100%;}
.testimonial-section.service-main-testimonial { padding: 20px 0px 0px 0px;}




.woocommerce ul.order_details li {
  width: 100%;
  margin-bottom: 15px;
}
.woocommerce .woocommerce-customer-details .woocommerce-column--billing-address{ margin-bottom:30px;}

.woocommerce-MyAccount-content{padding-left: 0px;}

.woocommerce-MyAccount-content .woocommerce-Address {margin: 0px 0 22px 0;}
.woocommerce-account .addresses .title h3 {
  margin: 0 0 15px 0;
}

.related-products-section{padding: 0 15px;}    
.related-products-section .blog-listing:before {left: -15px; bottom: -15px;}
.related-products-section .blog-listing:after { right: -15px; top: -15px;}

.related-products-section h2{font-size: 46px;margin: 22px 0 !important; }
.product-name h1{font-size:28px;}
.woocommerce .product-single-main div.product div.images .flex-control-thumbs{max-width: 86% !important;padding: 0;}
.pro-related-main {padding-bottom: 70px;}
.related-products-section .blog-thumb{margin-bottom: 6px;}
.product-single-main{margin-top: 30px;}
.product-single-main .woocommerce-product-gallery {margin-bottom: 50px !important;}
.product-single-main {margin-top: 22px;}
.pro-bottom-content{padding: 30px 0 50px 0;}

.shop-listing-page .blog-listing .col-md-6, .shop-listing-page .blog-listing .col-md-4{width:100%;}
.shop-listing-page .blog-listing .blog-post { margin: 15px 0;}
.shop-listing-page { margin-top: 10px;}
.shop-listing-page .hero-image .display-big{font-size: 28px;}
.shop-listing-page .blog-listing .product-info .bottom-part .pro-title{width: 100%;margin-bottom: 10px;}
.shop-listing-page .blog-listing .product-info .bottom-part .pro-price{width: 100%;}
.shop-listing-page .blog-listing .product-info .bottom-part .pro-title p, .shop-listing-page .blog-listing .product-info .bottom-part .pro-price p{text-align: left;}
.shop-listing-page .blog-listing {padding: 30px 0;}

.single-product .woocommerce-notices-wrapper {max-width: 100%;margin: 0 auto;padding:0 15px;margin-top: 30px;}
.product-single-main{padding-top: 0px !important;}
.shop-listing-page .blog-post .pro-selection-hover {
  bottom: 77px;
}
    
.single.single-post .alignleft img, .single.single-post .alignright img {float:none !important; margin-left:0 !important; margin-right:0 !important; margin-bottom: 0px !important;}
.single.single-post .wp-block-image .alignleft{float:none !important; margin: 7px 0px 20px 0 !important;}
.single.single-post .wp-block-image .alignright{margin: 7px 0 20px 0px !important;}
    
 .main-heading-section h2{margin-top:22px;}  
 
 .header-redesign.stuck .logo {
  top: 4px;margin-top: -8px;
}
.header-redesign .logo{margin-top: -10px;}
    
}

@media screen and (max-width: 640px){
/********** TYPOGRAPHY CSS **********/
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
.alignleft { float: left; margin: 0 0 20px; width:100%; }
.alignright { float: right; height: auto; margin: 0 0 20px; width:100%; }
.aligncenter {  margin: 10px auto; }

/********** HEADER CSS **********/
.hero-content h1 { font-size: 26px; }
.hero-content h2 { font-size: 24px; }
.hero-slide { min-height: 258px; }
.hero-slider .slick-slide .hero-img { display: none; }

.logo { margin-left: -65px }
.logo img { max-width: 130px; }
.header-left a { font-size: 11px; }
.header-nav { padding: 0 15px; }
/*.hero-image .display-big { font-size: 26px; line-height: 20px !important;}*/
.main-heading-section h2 { font-size: 26px; }
.hero-image figcaption { top: 50px; }


/********** SECTION CSS **********/
.main-heading-section h1 { font-size: 16px; letter-spacing: 1.8px; }

/********* MAIN HEADING SECTION *********/
.main-heading-section { padding-bottom: 25px; }

/********* HOME PAGE SERVICES SECTION *********/
.service-title-section h2 { max-width: 448px; }

/********* FEATURED SECTION *********/
.featured-section { padding-bottom: 0; }
.featured-section h2 { margin-bottom: 25px; margin-top:0; }

/******** ABOUT US PAGE CSS *********/
.about-new-section:before { width: 220px;  }
/********* ABOUT US 2 PAGE *********/
.about-new-section .alignleft { max-width: 100%; }

/******** BLOG PAGE CSS *********/
.blog-listing .col-md-4 { width: 100%; float:left; }
.blog-listing .col-md-6 { width: 100%; float:left; }

/******** CONTACT CSS ********/
.contact-page-1 { padding-bottom: 20px; }
.contact-left-section p { margin-bottom: 12px; }
.contact-left-section p img { padding-bottom: 3px; }
.contact-left-section .office-picture { padding-top: 12px; }
.contact-right-section { padding-top: 35px; }
.right-form-title { padding-bottom: 10px; }

/*********** FAQ PAGE CSS ***********/
.faq-page h2.panel-title { font-size: 22px; }

/*********** SERVICES PAGE CSS 2 ***********/
.design-services-2-page { padding-bottom: 5px; }
.design-service-page .container-small { max-width: 540px; }
.services-list-section { text-align: center; }
.services-list-section .col-md-12 { margin-top: 2px; margin-bottom: 20px; }
.services-thumbnail { width: 100%; margin-right: 0; margin-bottom: 20px;  }
.services-details { width: 100%; }
.services-details h2 { margin-top: 0px; margin-bottom: 5px; }
.testimonial-section { padding: 25px 0 40px 0; }
.testimonial-section h2 { font-size: 34px; }
.testimonial-section p img { max-width: 44px; height: auto; }
.main-title h2 { font-size: 26px; }

.page-title h1 { font-size: 30px; }
.project-listing { padding-top: 0; }
.project-items { margin-top: 10px; }	
.service-tabs .panel-title a { font-size: 16px; }
.service-tabs-content .white-box h2 { font-size: 17px; }
.service-tabs-content h2 { font-size: 20px; margin-bottom: 20px; line-height: 26px; }
.we-offer-box-section p { font-size: 15px; line-height: 26px; letter-spacing: 1.8px; }
.step-number { width: 23%; font-size: 17px; }
.step-detial { width: 76%; }
.project-detail-left { width: 100%; min-height: inherit; margin-bottom: 20px; }
.project-detail-right { width: 100%; margin-bottom: 20px; min-height: inherit; }
.project-page-content .project-arrow .btn { font-size: 14px; }

.project-box-full { padding: 0 10px 20px; }
.project-box-half { padding: 0 10px 20px; }
.project-section-inner .container-small { padding-left: 10px; padding-right: 10px; }
.project-information { padding-left: 20px; padding-right: 20px; }
.project-arrow-btn { padding: 0 6px; }
.project-page-main.project-single-page-main { padding-bottom: 45px; }

.panel-body-detail { padding: 35px 40px; }

.about-section h2 { font-size: 28px; }
.about-3 .page-title { padding-bottom: 18px; }
.meet-team-section { padding: 20px 0 0px 0; }
.team-section-title { margin-bottom: 20px; }
.team-section-title h2 { font-size: 30px; }
.meet-team-block h2 { font-size: 26px; }
.inner-page-section.services-page-section { padding-top: 0; }
.inner-page-section.services-page-section .page-title { padding-bottom: 20px; }    
.project-page-main.project-single-page-main { padding-top: 0; }
.page-title p { letter-spacing: 1.5px; font-size: 16px; }
.project-single-page-main .project-page-section .page-title { padding-bottom: 20px; }
.project-info p { margin-bottom: 28px; }
.project-detail-right .project-info p { margin-bottom: 28px; }

.blog-post { margin-bottom: 18px; }
.page-template-blog-with-sidebar .page-title { padding-bottom: 20px; }
.sidebar-guide p { padding-left: 25px; padding-right: 25px; font-size: 17px; line-height: 24px; }
.sidebar-guide h2 { padding: 20px 20px 15px; }
.inner-page-section.blog-inner-page { padding-top: 0px; }
.blog-inner-page .page-title h1 { font-size: 26px; line-height: 34px; margin-bottom: 0; }
.contact-section .testimonial-section { padding: 50px 0 10px; }
.project-info { max-width: 100%;}

.meet-team-left { display:inline-block; width: 100%; vertical-align: middle; }
.meet-team-right { display: inline-block; width: 100%; padding: 0 0px; margin:0 !important;}
.meet-team-section .col-md-6{margin:0;}
.meet-team-block .meet-team-right h2{padding-top:12px !important;}

.contact-testimonial-section .testimonial-section { padding: 50px 0 35px; }
.contact-section-bottom .request-form-section { float: left; padding: 0 20px; }

.shop-listing-page .blog-post .pro-selection-hover .variations {
  width: 100%;
}
.shop-listing-page .product-info select{max-width:100%; margin: 0px 0px 15px 0px;}
.shop-listing-page .blog-post .pro-selection-hover .variations_form.cart{flex-direction: column;}
.shop-listing-page .blog-post .pro-selection-hover{bottom: 77px;}
.shop-listing-page .blog-listing.col-3 .product-info .pro-selection-hover {
  bottom: 77px;
}
    .checkout_coupon.woocommerce-form-coupon button.button {width:100%;
  margin: 15px 0 0 0px;padding: 8px 15px;
}
    .checkout_coupon.woocommerce-form-coupon .form-row{width:100% !important;}
    
    body {
  margin-top: 40px;
}

.the-process-btn a {
  font-size: 50px !important;
  line-height: 60px !important;
}
/*.related-products-section h2 {font-size: 46px;}*/

}

@media screen and (max-width: 480px){
/********** TYPOGRAPHY CSS **********/
body { font-size: 16px; margin-top: 91px; }
.md-btn { min-width: 240px; }
.lg-btn { min-width: 270px; }
.slick-dots { bottom: -35px; }
.big-button { margin-top: 15px; margin-bottom: 38px; }

/********** HEADER CSS **********/
.hero-content { width: 100%; max-width: 280px; }
.hero-content .container { padding-left: 10px; padding-right: 10px; }
/*.top-guide span { text-align: left; font-size: 12px; line-height: 12px; max-width: 270px; }*/
.hero-content h1 { font-size: 22px; max-width: 280px; margin: 15px auto 0; }
.hero-content h2 { font-size: 20px; }
.hero-slider .slick-next { right: 5px; }
.hero-slider .slick-prev { left: 5px; }
.main-header .btn { line-height: 34px; padding: 0px 14px; margin-top:8px; font-size:13px; }
.main-header .xs-btn { min-width: 116px; }

/********** SECTION CSS **********/
.main-page-section { padding-bottom: 40px; }
.header-left a { padding: 0; }
.header-left { width: 100%; text-align: center; position: relative; z-index: 1; }
.header-nav .container-large { padding:5px 0 5px 0; min-height: 80px; }
.logo img {
    max-width: 100px;
}
.logo {
    margin-left:0px;
    left: 0;padding-top: 60px; }
.stuck .logo img {
    max-width: 100px;
}	
.logo img {
    max-width: 100px;
}
.logo {
    /*margin-left: -50px;*/
    padding-top: 70px; }
.stuck .logo img {
    max-width: 100px;
}
.hero-image figcaption {
    top: 32px;
}	
.hero-image .display-big {
    font-size: 26px;
}
.main-heading-section h2 {
    font-size: 20px;
}
.main-heading-section h1 {
    /*font-size: 13px;
    letter-spacing: 1.5px;*/
}
.second-main-section {
    padding: 35px 0px 40px;
}
.second-main-text {
    padding: 15px 20px 20px;
}
.second-main-text h2 {
    font-size: 24px;
    line-height: 32px;
}
.second-main-body:before {
    width: 50px;
    height: 50px; }
.second-main-body:after {
    width: 50px;
    height: 50px; }	
.services-listing {
    margin-top: 0px;
}	
.main-title h2 {
    font-size: 24px;
}
.testimonial-section h2 {
    font-size: 30px;
}
/*.footer-about h2 {font-size: 24px;}*/
.testimonial-section p {
    font-size: 18px;
    line-height: 30px;
}
.featured-section h2 {
    font-size: 18px;
}
.page-title h1 {
    font-size: 30px; }

/********* HOME PAGE SERVICES SECTION *********/
.service-title-section h2 { max-width: 90%; }

/********* FEATURED SECTION *********/
.featured-section h2 { margin-bottom: 15px; margin-top: 5px; }

/********* ABOUT US PAGE *********/
.about-photo .col-xs-6 { width: 100%; margin-bottom:20px; }
.about-photo .col-xs-6:last-child { margin-bottom: 0; }
.about-photo .col-xs-6 img { width: 100%; }



/********************* BLOG SINGLE PAGE CSS *********************/
.author-img { width: 50px; height: 50px; top: 10px; }
.comment-content-top h5 { font-size: 18px; }
.user-comment { padding: 5px 12px 5px 78px; min-height: 75px; }
.comments .children .user-comment { padding-left: 94px; }
.blog-post h2 { font-size: 24px; }

/******** CONTACT CSS ********/
.request-form-section label { font-size: 14px; }
.request-form-section .btn { margin-top: 5px; }
.address-section ul li { width: 100%; line-height: 22px; }
.address-section ul li::after { display: none; }

.contact-page-2 { padding-bottom: 30px; }

/*********** FAQ PAGE CSS ***********/
.faq-page h2.panel-title { font-size: 20px; }

/********************* LANDING PAGE CSS *********************/
.landing-page-section { padding-top: 30px; padding-bottom: 30px; }
.landing-page-form { padding: 4px 20px 20px; }
.landing-page-section h2 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }

/******** PROJECT SINGLE CSS ********/
.project-container .project-section { padding: 16px 16px 0px 16px; }
.project-container .project-section .row { margin-left: -8px; margin-right: -8px; }
.project-container .project-section .col-md-6, .project-container .project-section .col-md-12  { padding-left: 8px; padding-right: 8px; }
.project-container .project-single-box { margin-bottom: 16px; }
.project-page-content .project-arrow .btn.btn-left .fa-arrow { float: left; margin-right: 14px; }
.project-page-content .project-arrow .btn.btn-right .fa-arrow { float: right; margin-left: 14px; }
/*.project-arrow a span { width: 80px; display: block; white-space: normal; position: relative; line-height: 16px; } */
/*.btn-left span {  float: left; }
.btn-right span {  float: left; }*/
.project-arrow a .fa-arrow { margin-top: 2px;  }
.project-page-content .project-arrow a.btn { line-height: normal; width: 100%; text-align: center; padding: 10px 20px 18px !important; }
/*.project-page-content .project-arrow .btn { min-width: 140px; font-size: 14px; padding-top: 10px; padding-bottom: 10px; }
.project-page-content .project-arrow .btn.btn-left { text-align: left; padding-right: 10px; }
.project-page-content .project-arrow .btn.btn-right { padding-left: 10px; text-align:right; }*/
.project-detail-left { margin-bottom: 15px; }
.project-detail-right { margin-bottom: 15px; }

/******** PROJECT PAGE 2 ********/
.project-slider .slick-prev:before, .project-slider .slick-next:before { font-size: 40px; }

/******** PROJECT PAGE 3 ********/
.project-page-main-3 { padding-bottom: 45px; }
.project-page-main-3 .page-title { padding-bottom: 0px; }
/*.project-items h2 { font-size: 26px; line-height: 26px; margin-top: 12px; }*/


/********************* FOOTER CSS *********************/  


/********************* PRESS PAGE CSS *********************/
.press-box-main{min-height:inherit;margin: 15px 0px 26px 0px;}
.press-text{padding-bottom: 12px;}
.press-listing .col-xs-6{width:100%;}    

/* 09-12-2019 */
.podcast-block p{ max-width:100%;}
.podcast-block{ text-align:center;}
.podcast-block .btn{width:100%;float:none;}
.insta-blog-section .section-title h2, .whats-heppaning-section .section-title h1, .general-block h2{ font-size:24px;}

.service-tabs .panel-title a { font-size: 16px; }
.service-tabs .panel-body { padding: 0 0px; }
.service-tabs-content h2 { font-size: 18px; margin-bottom: 16px; line-height: 25px; }
.white-box { padding: 10px 22px 10px 22px; margin: 30px 0; }
.service-tabs-content h2 { font-size: 16px; }
.step-number { width: 100%; }
.step-detial { width: 100%; }
.project-box-full {
    padding: 0 5px 15px;
}
.project-box-half { padding: 0 5px 15px; width: 100%; }
.project-information {
    padding-left: 15px;
    padding-right: 15px;
}
.project-page-content .project-arrow {
    padding-left: 9px;
    padding-right: 9px;
}

/********* ABOUT US 3 PAGE *********/
.meet-team-section .col-xs-6{width:100%;}

.panel-body-detail { padding: 25px 25px; }
.faq-page h2 a { font-size: 20px; line-height: 32px; }
.faq-page h2 a .close-button  { margin-right: 12px; width: 32px; height: 32px; }
.faq-page h2 a .close-button::before, .faq-page h2 a .close-button::after { width: 18px; height: 1px; top: 14px; left: 6px; }

.about-section h2 { font-size: 24px; }
.team-section-title h2 { font-size: 26px; }
.meet-team-block h2 { font-size: 24px; }
/*.the-process-btn a { font-size: 38px; }*/
.page-title h1 { font-size: 28px; }
.service-tabs-content .white-box h2 { font-size: 16px; letter-spacing: 2px; }
.project-page-main { padding-top: 5px; }
.sidebar-guide h2 {
    padding: 16px 15px 15px;
}
.sidebar-guide p {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    line-height: 25px;
}
.sidebar h2 {
    font-size: 24px;
    line-height: 34px;
}
.blog-single { padding-bottom: 10px;}
.blog-inner-page .page-title h1 { font-size: 24px; line-height: 30px; margin-bottom: 0; }
.blog-single h2 { font-size: 24px; }
.contact-page-1 h2 { font-size: 22px; } 
.stuck .header-left a {
    padding: 0;
}
.contact-section .testimonial-section { padding: 40px 0 0px; }
.press-listing .col-md-4{width:100%;}

.ubermenu-responsive-toggle{padding: 22px 0 9px 0 !important;}

.contact-us-details { margin-top: 20px; }
.contact-section.contact-section-bottom { padding: 30px 0 20px; }

.woocommerce table.cart td.actions .coupon .input-text {width: 100%; margin: 0 0 12px 0;}
.woocommerce-page table.cart td.actions .coupon .button{width:100%;}

.woocommerce-EditAccountForm.edit-account .form-row-first, .woocommerce-EditAccountForm.edit-account .form-row-last, .woocommerce-address-fields__field-wrapper .form-row-first, .woocommerce-address-fields__field-wrapper .form-row-last, .shipping_address .form-row-first, .shipping_address .form-row-last {
    width: 100% !important;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{width:100%;}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-first, .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-last {
    width: 100% !important;
}
.related-products-section h2{font-size: 40px;margin: 16px 0 !important; }
.product-name h1{font-size:24px;}
.shop-listing-page .hero-image .display-big{font-size: 24px;}

.header-right{position:relative;}
.top-cart {
  margin-right: 6px;
  margin-top: 5px;
}
.single-product .woocommerce-notices-wrapper{margin-top: 15px;}
    
    body {
  margin-top: 40px;
}
    .logo{padding-top: 16px;}
    .header-nav .container-large {
  min-height: 70px;
}
.header-redesign .header-left a {display: inline-block;margin-top: 8px;}
.header-redesign .header-left {position: absolute;width: auto;}
/*.header-redesign .header-right {float: left;width: 50%;}*/

.the-process-btn a {
  font-size: 40px !important;
  line-height: 38px !important;
}
/*.project-items h2 {font-size: 32px;}*/

.close-button {
  margin-top: 0;
}
.header-redesign .logo {
  margin-top: -8px;
}
.header-redesign.stuck .logo{margin-top: -6px;}


}

@media screen and (max-width: 360px){
/********** HEADER CSS **********/
.hero-content { width: 75%; max-width: 100%; }
.main-header .xs-btn { min-width: 80%; }
    
/********** Instagram PAGE CSS **********/
.page-title.insta-page-title h1{ font-size:26px; }
.insta-landing-page .col-xs-12 { width: 100%; }  
.page-title h1 { font-size: 26px; }
.footer-logo p { line-height: 24px; }

.contact-us-details-inner p { font-size: 15px; }
    
}