/* Health Coach - Health and Fitness HTML Template */

@media only screen and (min-width: 1800px){
    
    .about-area .hide-area {
        left: 631px;
        top: -25px;
    }
    
    .service-area .hide-area {
        left: 744px;
        top: -20px;
    }
    
    .projects-area .hide-area {
        left: 694px;
        top: -25px;
    }    
    
    .team-area .hide-area {
        right: 376px;
        top: 118px;
    }
    
    .client-testimonials .hide-area {
        left: 387px;
        top: 75px;
    }
    
    .features-section .hide-area {
        left: 734px;
        top: 75px;
    }
    
    .client-testimonials.style-one .bx-pager {
        right: 427px;
        bottom: 203px;
    }
}

@media only screen and (max-width: 1023px){
	
	.main-header .main-box .logo-box {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		width:200px;
		margin:0px;
		text-align:left;
	}
	
	
    .main-header .main-box .outer-container {
        padding-left: 0px;
        padding: 30px 0px;
    }
	
	.main-header .nav-outer,
	.nav-outer .main-menu{
		display:none;
	}
	
	.main-header .nav-toggler {
        display: block;
        right: 10px;
    }
    
    .main-header.fixed-header .main-box{
        border-bottom: 1px solid #85714E;
    }
	
	.fluid-section-one .video-column .video-box .image{
		display:block;
	}
	
	.fluid-section-one .video-column .video-box,
	.fluid-section-one .video-column{
		position:relative;
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		background:none;
		width:100%;
	}
	
	.fluid-section-one .column{
		width:100%;
		max-width:none;
	}
	
	.fluid-section-one .content-column .content-outer{
		width:100%;
		max-width:none;
	}
	
	.sec-title h2{
		font-size:20px;	
	}
	
	.gallery-single-post .info-column{
		padding-left:15px;	
	}
	
	.sidebar-page-container .blog-section{
		padding-right:0px !important;	
	}
	
	.sidebar-side .sidebar{
		padding-left:0px;	
	}
	
	.two-col-fluid .image-column,
	.two-col-fluid .content-column{
		width:100%;
		position:relative;
	}
	
	.two-col-fluid .image-column{
		background:none !important;	
	}
	
	.two-col-fluid .image-column .image-box{
		display:block;	
	}
	
	.two-col-fluid .content-column .inner-box{
		max-width:none;
		padding:50px 15px 30px;	
	}
    
}

@media only screen and (min-width: 1025px){
	.hidden-bar.right-align.visible-sidebar{
		right:-400px !important;	
	}
    
    .service-area  .overlay {
        padding: 20px 40px 40px 40px;
    }
    
    .funfact-area .container {
        padding: 0px 0px;
    }
    
    .intro-area .inner-box{
        display: inline-block;
    }
    
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
    
    .about-area .right-side {
        float: left;
    }
    
    .about-area .right-side .video-gallery {
        left: 36px !important;
        bottom: 90px;
    }
    
    .header-area .header-contact-info {
        padding: 0px 0px 0px 0px;
    }
    
    .main-header .main-box {
        position: relative;
        margin: 0px !important;
        background: #1C1E2B;
    }
    
    .header-contact-info ul li {
        padding: 14px 0px;
    }
	
	.page-title{
		padding:80px 0px;	
	}
	
	.main-menu .navigation > li{
		margin:0px 5px;
	}
	
	.main-menu .navigation > li > a{
		padding-left:8px;
		padding-right:8px;	
	}
	
	
	.page-wrapper{
		overflow:hidden;	
	}
	
	.cart-table tbody tr .prod-column .column-box,
	.cart-table tbody tr .prod-column .column-box h3{
		padding-top:5px !important;	
	}
	
	.events-section .schedule-box{
		overflow-x:auto;
		overflow-y:hidden;	
	}
	
	.events-section .events-table .event-hover-popup{
		bottom:auto;
		top:60px;	
	}
	
	.events-section .events-table .event-hover-popup:after{
		content:'\f0d8';
		position:absolute;
		left:50px;
		bottom:auto;
		top:-13px;
		font-size:32px;
		color:#ffffff;	
	}
	
	.events-section .events-table .table-cell:hover .event-hover-popup{
		margin:0px;
	}
	
	.events-section .events-header h2{
		margin-bottom:30px;	
	}
    
    .single-item-one.active {
        height: 179px;
        width: 330px;
        top: 0;
    }
    
    .service-area .hide-area {
        left: 343px;
    }
    
    .projects-area .hide-area {
        left: 293px;
    }
    
    .subscribe-area #contact-form {
        margin-bottom: 50px;
    }
    
    .client-testimonials.style-one .bx-pager {
        display: none;
    }
    
    .features-section .hide-area {
        left: 353px;
    }
    
    .features-section .text-holder .text h4 {
        font-size: 10px;
    }
    
    .single-footer-widget .bottom-social-links li {
        margin-right: 26px;
    }
    
    .services-details .right-side .tabs-box .tab-buttons .tab-btn.active-btn {
        padding: 5px 20px;
    }
    
    .services-details .right-side .tabs-box .tab-buttons .tab-btn {
        padding: 5px 20px;
    }
    
    .intro-area ul li:hover {
        transform: none;
        display: block;
    }
    
    .intro-area ul li.single-item-two.active {
        transform: none;
    }
    
    .intro-area ul li:hover .icone-holder{
        transform: none;
    }
    
    .intro-area ul li:hover .icone-holder img{
        display: none;
    }
    
    .intro-area ul li.single-item-two.active {
        display: block;
    }
    
    .intro-area .single-item-two .icone-holder img{
        display: none;
    }
    
    .intro-area ul li:hover .icone-holder{
        display: none;
    }
    
    .intro-area .single-item-two {
        margin-top: 0px;
    }
    
    .subscribe-area .full-img img {
        width: 100%;
    }
    
    .about-area{
        padding-bottom: 0px;
    }
    
    .about-area .right-side {
        float: none;
    }
    
    .about-area .right-side .video-gallery {
        left: 37px !important;
        bottom: 100px;
    }
    
    .about-area .right-side .img-holder-one {
        position: relative;
    }
    
    .features-section .single-item .text-side {
        left: 10px;
    }
    
    .features-section .text-holder {
        width: 275px;
    }
	
    .features-section .single-item:hover .text-holder {
        width: 275px;
    }
    
    .services-details .img-content .text-box {
        left: 10px;
        top: 10px;
    }
    
    .project-details.style-two .text-holder .text h4 {
        font-size: 10px;
    }
    
    .project-details.style-two .single-item:hover .text-holder {
        width: 272px;
    }
    
    .about-area .hide-area {
        display: none;
    }
    
    .service-area .hide-area {
        display: none;
    }
    
    .projects-area .hide-area {
        display: none;
    }
    
    .team-area .hide-area {
        display: none;
    }
    
    .client-testimonials .hide-area {
        display: none;
    }
    
    .features-section .hide-area {
        display: none;
    }
    
    .intro-area .single-item-one {
        width: 345px;
    }
    
    .intro-area .single-item .text-holder h4:before {
        right: 150px;
    }
    
    .intro-area .single-item-one.active .text-holder h4:before {
        right: 146px;
    }
    
    .intro-area .single-item .text-holder h3:before {
        right: 175px;
    }
    
    .intro-area .pricing-column:hover .inner-box {
        transform: none;
    }
    
    .who-we-are .img-content {
        display: none;
    }
    
    .intro-area .icone-holder{
        left: 137px;
    }
    
    .intro-area .inner-box-active .icone-holder {
        left: 137px;
        bottom: -17px;
    }
    
    .subscribe-area .appoinment-btn {
        padding-bottom: 20px;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    
    .main-header .main-box {
        background: #1C1E2B;
    }



    
    .left-side.pull-left {
        text-align: center;
        width: 100%;
    }
    
    .right-side.pull-right {
        width: 100%;
        text-align: center;
    }
    
    .main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
    
    .main-header .cart-btn-outer {
        display: none;
    }
    
    .search-button.pull-right {
        top: 20px;
    }
    
    .about-area .video-gallery img {
        width: 100%;
    }   
    
   .testimonial-slider-full .text-area {
        position: relative !important;
    }
    
    .testimonial-slider-full .img-holder {
        text-align: center!important;
    }
    
    .testimonial-slider-full .text-area {
        padding: 0px 26px !important;
        padding-top: 62px !important;
        margin-bottom: 0px !important;
        top: 0px !important;
        width: 720px !important;
    }
    
    .testimonial-slider-full .slide:before {
        display: none;
    } 
    
    .features-section .single-item:hover .text-holder {
        width: 340px;
    }
    
    .features-section .text-holder {
        width: 340px;
    }
    
    .features-section .text-holder .text h4 {
        font-size: 14px;
    }
    
    .features-section .single-item .text-side {
        left: 15px;
    }
    
    .funfact-area .inner-box {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .who-we-are .img-content {
        display: none;
    }
    
    .history-area .img-holder img {
        width: 100%;
    }
    
    .about-area .right-side .img-holder-one {
        right: 0px;
    }
    
    .about-area .right-side {
        left: 0px;
    }
    
    .about-area .right-side {
        float: none;
        display: block;
    }
    
    .about-area .right-side .video-gallery {
        left: 0;
        margin-left: 0px;
    }
    .about-area .right-side .img-holder-one {
        position: relative;
        right: 0;
        top: 0;
        margin-bottom: 45px;
    }
    
    .subscribe-area .appoinment-btn {
        padding-bottom: 70px;
    }
    
    .services-details .img-content .text-box {
        left: 36px;
        top: 33px;
    }
    
    
    .services-details .download-side .list-iteam li {
        font-size: 16px;
    }
    
    .services-details .img-content .img-holder {
        margin-bottom: 45px;
    }
    
    .project-details.style-two .text-holder {
        width: 325px;
    }
    
    .project-details.style-two .text-holder .text h4 {
        font-size: 13px;
    }
    
    .project-details.style-two .single-item:hover .text-holder {
        width: 325px;
    }
    
    
    .google-map-area .social-link {
        display: none;
    }
    
    .features-section .text-holder {
        width: 350px !important;
    }
    
    .testimonial-slider-full .text-area {
        padding: 0px 26px !important;
        padding-top: 62px !important;
        margin-bottom: 0px !important;
        top: 0px !important;
        width: 715px !important;
    }
    
    .testimonial-slider-full .text-area {
        position: relative !important;
    }
    
    .testimonial-slider-full .img-holder {
        text-align: center !important;
    }
    
    .testimonial-slider-full .slide:before{
        display: none;
    }
    
    .about-area .right-side .video-gallery {
        top: 0;
        width: 100%;
    }
    
    .header-area .logo {
        position: absolute;
    }
    
   .header-area .header-contact-info {
        padding: 15px 0px 12px 110px;
    }
    
    .header-contact-info ul li {
        margin-right: 0px;
    }
    
    .intro-area .single-item-one {
        margin-bottom: 25px;
    }
    
     .intro-area .single-item-one.active {
        width: 412px;
        height: 179px;
        top: 0;
    }
    
    .intro-area .inner-box {
        box-shadow: none;
    }
    
    .intro-area .icone-holder {
        left: 50%;
        margin-left: -18px;
        bottom: 7px;
    }
    
    .intro-area .inner-box-active .icone-holder {
        left: 50%;
        bottom: 7px;
        margin-left: -17px;
    }
    
    .intro-area .single-item-one.active .text-holder h4:before {
        right: 180px;
    }
    
    .about-area .video-gallery:hover .overlay-gallery {
        background-color: none;
    }
    
    .single-footer-widget.martop {
        margin-top: 20px;
    }
    
    .about-area .sec-title h1 {
        left: 0;
        top: 17px;
        width: 100%;
        text-align: center;
    }
    
    .service-area .sec-title h1 {
        left: 0;
        top: 17px;
        width: 100%;
        text-align: center;
    }
    
    .projects-area .sec-title h1 {
        left: 0;
        top: 17px;
        width: 100%;
        text-align: center;
    }
    
    .features-section .sec-title h1 {
        left: 0;
        top: 17px;
        width: 100%;
        text-align: center;
    }
    
    .about-us-area .content-column {
        padding: 0px 15px 0px 20px;
    }
    
    .about-us-area .content-column .inner-box .sec-title h2 {
        font-size: 20px;
    }
    
    .about-us-area .content-column .inner-box .sec-title h3 {
        font-size: 10px;
    }
    
    .about-us-area .content-column .inner-box .fact-counter {
        margin-left: -10px;
    }
    
}

@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
    


    
}

@media only screen and (max-width: 767px){
    
    .main-header .main-box {
        background: #1C1E2B;
    }
    
    .left-side.pull-left {
        text-align: center;
        width: 100%;
    }
    
    .right-side.pull-right {
        width: 100%;
        text-align: center;
    }
    
    .header-area .btn-holder {
        float: left !important;
    }
	
	
	.main-header .header-top .top-right ul.info-nav{
		float:none;
		left:-10px;	
	}
	
	.header-upper .logo-outer {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		width:100%;
		margin:0px;
	}
	
	.default-portfolio-item.masonry-item.big-item,
	.default-portfolio-item.masonry-item.small-item{
		width:100%;	
	}
	
	.main-header .header-top .top-right ul li,
	.main-header .header-top .top-left ul li{
		margin:0px 10px;	
	}
	
	.main-slider .tp-caption{
		display: !important;
	}
	
	.main-header .header-top .top-left .dropdown{
		max-width:170px;
		margin:0 auto;	
	}
	
	.main-header .header-top .top-left{
		width:100%;
		text-align:center;	
	}
	
	.main-header .header-top .top-right{
		width:100%;
		text-align:center;
	}
	
	.main-header .header-top .top-right ul,
	.main-header .header-top .top-left ul,
	.header-top .social-icon,
	.header-top .top-right ul{
		text-align:center;
		width:100%;
		margin:10px 0px;
		padding:0px;	
	}
	
	.news-style-one .image-column{
		margin-bottom:25px;	
	}
	
	.main-footer .footer-bottom .pull-left,
	.main-footer .footer-bottom .pull-right{
		width:100%;
		text-align:center;	
	}
	
	.main-footer .footer-nav li{
		margin:5px 10px;	
	}
	
	.sec-title h2,
	.newsletter-style-one .title-column h2,
	.project-details h2,
	.sec-title.medium h2,
	.appt-section .title-box h2,
	.cart-section .sec-title h2,
	.sidebar-page-container .sec-title h2{
		font-size:24px;	
	}
	
	.page-info .pull-left,
	.page-info .pull-right{
		width:100%;	
	}
	
	.products-section .shop-upper-box .items-label,
	.products-section .shop-upper-box .sort-by{
		width:100%;
		margin:0px;	
	}
	
	.prod-tabs .reviews-container .rev-header h4,
	.prod-tabs .reviews-container .rev-header .rating{
		font-size:14px;	
	}
	
	.prod-tabs .add-review .rating li::after{
		display:none;	
	}
	
	.prod-tabs .add-review .rating li{
		display:block;
		margin:0px 10px 0px 0px;	
	}
    
    .funfact-area.style-two .inner-box {
        margin-bottom: 20px;
    }
    
    .about-area .right-side {
        float: left !important;
    }
    
    .service-area .single-item {
        width: 100%;
    }
    
    .service-area .single-item:hover .text-holder {
        height: 250px;
    }
    
    .single-footer-widget.mar-btm.right {
        margin-top: 20px;
    }
    
    .single-footer-widget.contuct {
        margin-top: 20px;
    }
    
    .search-button.pull-right {
        padding: 18px 0px;
    }
    
    .search-button .toggle-search:before {
        top: 25px;
    }
    
    
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    .about-area .right-side .img-holder-one {
        position: relative;
        right: 0;
        top: 0;
        margin-bottom: 45px;
    }
    
    .about-area .right-side {
        left: 0px;
    }
    
    .about-area .right-side {
        float: none;
        display: block;
    }
    
    .about-area .right-side .video-gallery {
        top: 0px;
        display: inline-block;
    }
    
    .testimonial-slider-full .text-area {
        width: 445px !important;
    }
    
    .testimonial-slider-full .text-area p {
        font-size: 10px;
    }
    
    .testimonial-slider-full .slide:before {
        display: none;
    }
    
    .testimonial-slider-full .img-holder {
        text-align: center !important;
    }
    
    .features-section .single-item {
        margin-bottom: 50px;
    }
    
    .features-section {
        text-align: center;
    }
    
    .single-footer-widget .our-info .location i {
        top: 0px;
    }
    
    .single-footer-widget.contuct {
        margin-top: 12px;
    }
    
    .team-area .owl-controls {
        top: -195px;
    }
    
    .subscribe-area .full-img img {
        width: 100%;
    }
    
    .features-section .single-item .text-side {
        left: 15px;
    }
    
    .parallax-section .search-form input[type="text"]{
        width: 100%;
    }
    
    .features-section .text-holder {
        width: 340px;
    }
    
    .features-section .single-item:hover .text-holder {
        width: 340px;
    }
    
    .testimonial-slider-full .text-area {
        position: relative !important;
    }
    
    .funfact-area {
        text-align: center;
    }
    .header-area .logo {
        display: none;
    }
    
    .history-area .fact-counter .inner-box {
        margin-bottom: 50px;
    }
    
    .history-area .fact-counter .inner-box .counter b span {
        left: 0;
    }
    
    .services-details .img-content {
        margin-bottom: 50px;
    }
    
    .error-area h1 {
        font-size: 230px;;
    }
    
    .single-sidebar.Popular-Post .single-item {
        margin-bottom: 40px;
    }
    
    .project-details.style-two .text-holder {
        width: 350px;
    }
    
    .project-details.style-two .text-holder .text h4 {
        font-size: 14px;
    }
    
    .project-details.style-two .single-item:hover .text-holder {
        width: 350px;
    }
    
    .project-details.style-two .right-side .single-item {
        text-align: center;
    }
    
    .project-details.style-two .right-side .single-item .text-side {
        left: 185px;
    }
    
    .accrodion-wrap {
          margin-top: 50px;
    }
    .single-portfolio.span-3 {
          width: 100%;
    }
    .single-portfolio.span-3 {
          width: 100%;
    } 
    
    .intro-area .single-item-one {
        margin-bottom: 10px;
        width: 100%;
    }
    
    .about-area .video-gallery img {
        width: 100%;
    }
    
    .intro-area .single-item-one {
        margin-bottom: 25px;
        width: 412px;
        height: 179px;
    }
    
     .intro-area .single-item-one.active {
        width: 412px;
        height: 179px;
        top: 0;
    }
    
    .intro-area .icone-holder {
        left: 50%;
        margin-left: -18px;
        bottom: 7px;
    }
    
    .intro-area .inner-box-active .icone-holder {
        left: 226px;
        bottom: 6px;
    }
    
    .main-header .cart-btn-outer {
        display: none;
    }
    
    .about-area .right-side .video-gallery {
        left: 0;
        margin-left: 0px;
    }
    
    .subscribe-area .appoinment-btn {
        top: 0;
        padding: 30px 0px;
    }
    
    .main-header .main-box {
        background: #1C1E2B;
    }
    
    .header-area .header-contact-info {
        padding: 16px 0px 13px 0px;
    }
    
    .about-us-area .image-column {
        height: 100%;
        width: 100%;
    }
    
    .about-us-area .content-column {
        padding: 7px 15px 0px 30px;
        width: 100%;
        height: 760px;
    }
    
    .about-area .right-side {
        float: left !important;
    }
    
    .service-area .single-item {
        width: 100%;
    }
    
    .single-footer-widget.mar-btm.right {
        margin-top: 20px;
    }
    
    .single-footer-widget.contuct {
        margin-top: 20px;
    }
    
    .intro-area .inner-box {
        box-shadow: none;
    }
    
    .accordion-box .accordion .accord-btn h4 {
        font-size: 10px;
    }
}


@media only screen and (min-width: 320px) and (max-width: 479px){
    
    .testimonial-slider-full .text-area {
        width: 273px !important;
    }
    
    .team-area .owl-controls {
        display: none;
    }
    
    .intro-area .single-item .text-holder h4:before {
        right: 120px;
    }
        
    .intro-area .single-item .text-holder h3:before {
        right: 143px;
    }
    
    .intro-area .single-item-one.active .text-holder h4:before {
        right: 117px;
    }
    
    .project-details .search-form input {
        margin-top: 24px;
        width: 100%;
    }
    
    .project-details .search-form button {
        right: 17px;
        top: 24px;
    }
    
    .project-details .tab-buttons {
        display: none;
    }
    
    .project-details.style-two .right-side .single-item .text-side {
        left: 8px;
    }
    
    .project-details.style-two .single-item:hover .text-holder {
        width: 257px;
    }
    
    .project-details.style-two .single-item .text-holder {
        width: 257px;
    }
    
    .project-details.style-two .text-holder .text h4 {
        font-size: 10px;
    }
    
    .project-details.style-two.style-three .comment-area-two .btn-holder {
        display: none;
    }
    
    .header-area .logo {
        text-align: center;
    }
    
    .header-area .btn-holder {
        display: none;
    }
    
    .main-header .main-box {
        background: #1C1E2B;
    }
    
    .main-header .cart-btn-outer {
        display: none;
    }
    
    .intro-area .single-item-one {
        margin-bottom: 25px;
        width: 290px;
        height: 179px;
    }
    
     .intro-area .single-item-one.active {
        width: 290px;
        height: 179px;
        top: 0;
    }
    
    .intro-area .icone-holder {
        left: 50%;
        margin-left: -18px;
        bottom: 7px;
    }
    
    .intro-area .inner-box-active .icone-holder {
        left: 155px;
        bottom: 6px;
    }
    
    .about-area .right-side .img-holder-one {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 20px;
    }
    
    .about-area .right-side .video-gallery {
        left: 0;
        bottom: 0px;
        margin-left: 0;
    }
    
    .service-area .text-holder .text p {
        font-size: 9px;
    }
    
    .single-portfolio.span-3 {
        width: 100%;
    }
    
    .subscribe-area .appoinment-btn {
        top: 10px;
        padding-bottom: 25px;
    } 
    
    .client-testimonials.style-one .bx-pager {
        display: none;
    }
    
    .parallax-section .search-form input[type="text"] {
        width: 100%;
    }
    
    single-footer-widget.contuct {
        margin-top: 20px;
    }
    
    .about-us-area .image-column {
        height: 100%;
        width: 100%;
    }
    
    .about-us-area .content-column {
        padding: 7px 15px 0px 30px;
        width: 100%;
        height: 760px;
    }
    
    .about-us-area .content-column .inner-box .sec-title h2 {
        font-size: 15px;
    }
    
    .about-us-area .content-column .inner-box .sec-title h3 {
        font-size: 9px;
    }
    
    .about-us-area .content-column .inner-box .text-holder p {
        font-size: 10px;
        padding-right: 0;
    }
    
    .about-area .sec-title h1 {
        top: 5px;
        font-size: 30px;
        left: 0;
    }
    
    .service-area .sec-title h1 {
        top: 5px;
        font-size: 30px;
        left: 110px;
    }
    
    .projects-area .sec-title h1 {
        top: 5px;
        font-size: 30px;
        left: 110px;
    }
    
    .single-footer-widget.mar-btm.right {
        margin-top: 20px;
    }
    
    .single-footer-widget.contuct {
        margin-top: 20px;
    }
    
    .features-section .single-item .text-side {
        bottom: 0;
        left: 0;
    }
    
    .features-section .text-holder {
        width: 100% !important;
    }
    
    .features-section .single-item:hover .text-holder {
        width: 100% !important;
    }
    
    .features-section .single-item {
        margin-bottom: 20px;
    }
    
    .intro-area .inner-box {
        box-shadow: none;
    }
    
    .service-area .single-item:hover .text-holder {
        height: 206px;
    }
    
    .accordion-box .accordion .accord-btn h4 {
        font-size: 10px;
    }
    
    .accordion-box .accordion .accord-content {
        padding: 10px 0px 0px 20px;
    }
    
    .accordion-box .accordion .accord-content p {
        font-size: 10px;
    }
    
    .services-details .product-tab-box li {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }
}