@media screen and (max-width:576px){

.service-box{
	padding-top: 50px;
}

.form-content-left-content ul{
	text-align: justify;
}

.benefit-box-row .col-lg-6{
	padding-bottom: 20px;
}

/* .benefit-box{
	height: 350px;
} */

.style-7, .style-18, .style-29 {
	margin: 0;
	margin-bottom: 10px;
}


	.home-slider .owl-nav{top:5%}.home-slider .owl-nav svg{width:24px;height:24px}}@media all and (min-width:800px){.tabbed-content .item.active .item-content{padding-top:45px}.tabbed-content .tabs-side .tabs li{margin-bottom:2px}}@media all and (min-width:992px){.tabbed-content .tabs{display:block;border-bottom:1px solid #fefefe}.tabbed-content .tabs li{display:inline-block;width:100%;text-align:center}.tabbed-content .tabs li a{font-weight:400;color:#333;border-right:1px solid #eee;display:flex;justify-content:center;align-items:center;height:60px}.tabbed-content .tabs li:last-child a{border-right:0}.tabbed-content .item{min-height:0}.tabbed-content .item::before{display:none}.tabbed-content.tabs-side .tabs{width:150px;float:left}.tabbed-content.tabs-side .tabs li{display:block}.tabbed-content.tabs-side .item{margin-left:150px}}@media (max-width:767px){.header-main .main-menu,.header-main .sub-menu{padding:0;box-shadow:0 6px 10px 0 rgb(3 169 244 / 14%)}.testimonial9 .owl-dots{position:relative;top:0;left:0}.header-main .main-menu.active{opacity:1;pointer-events:auto;margin-top:0;z-index:20}.header-main .toggle-menu{display:inline-block;font-size:16px}.header-main .sub-menu{background:#fdfdfd;display:block;z-index:20;width:100%}.header-main .main-menu{opacity:0;pointer-events:none;margin-top:20px;transition:.2s;position:absolute;top:100%;min-width:200px;width:80%;left:initial;right:0}.header-main .main-menu>li{display:block;padding-bottom:10px}.header-main .main-menu .expand{display:block;position:absolute;top:0;right:0;font-size:16px;padding:.5rem 1rem;z-index:15;transform-origin:50%;transition:.2s;color:#000;cursor:pointer}.header-main .main-menu .expand.active{transform:rotate(45deg)}.header-main .main-menu li a i{display:none}.header-main .menu-setting ul li i{margin:0}.header-main .menu-setting ul li a{padding:6px 8px;font-size:12px;border-radius:10rem;text-align:center}.header-main .main-menu>li.active .sub-menu{margin-top:-12px}.menu-setting{position:absolute;left:0}.header-main{padding-top:0;padding-bottom:0}}@media screen and (max-width:1280px){.swiper-image-inner h1{font-size:3.9rem}.swiper-image-inner h1 span:not(.emphasis){font-size:2.9rem}.swiper-image-inner h1+p{font-size:13px}.swiper-image-inner p.paragraph{font-size:1rem;line-height:1.3}}@media screen and (max-width:960px){.swiper-image-inner h1{font-size:3.5rem}.swiper-image-inner h1 span:not(.emphasis){font-size:2.5rem}.swiper-image-inner p.paragraph{max-width:90%}}@media (min-width:768px){.header-main .main-menu>li:hover .sub-menu{opacity:1;pointer-events:auto;margin-top:0;z-index:20;transform:translateY(0)}.typewriter{font-size:35px}}@media screen and (max-width:992px){.main-header .button,.main-header .submenu-button{right:0;top:0;height:46px;cursor:pointer;position:absolute}.main-header.logo{position:absolute;top:0;left:0;width:100%;height:46px;text-align:center;padding:10px 0 0;float:none}.main-header .submenu-button.submenu-opened:before,.main-header ul ul>li.has-sub>a:after,.main-header ul ul>li.has-sub>a:before,.main-header.logo2,.main-header>ul>li.has-sub>a:after,.main-header>ul>li.has-sub>a:before{display:none}.main-header{width:100%}.main-header ul{width:100%;display:none}.main-header ul li{width:100%;border-top:1px solid #444}.main-header ul li:hover{background:#363636}.main-header li:hover>ul>li,.main-header ul ul li{height:auto}.main-header ul li a,.main-header ul ul li a{width:100%;border-bottom:0}.main-header>ul>li{float:none}.main-header ul ul li a{padding-left:25px;color:#ddd;background:0 0}.main-header ul ul li{background:#333!important}.main-header ul ul li:hover{background:#363636!important}.main-header ul ul ul li a{padding-left:35px}.main-header ul ul li.active>a,.main-header ul ul li:hover>a{color:#fff}.main-header ul ul,.main-header ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}.main-header #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}.main-header .button{width:55px;z-index:12399994}.main-header .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;content:""}.main-header .button:before{-webkit-transition:.3s;-ms-transition:.3s;transition:.3s;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:""}.main-header .button.menu-opened:after{-webkit-transition:.3s;-ms-transition:.3s;transition:.3s;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.main-header .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.main-header .submenu-button{z-index:99;display:block;border-left:1px solid #444;width:46px}.main-header .submenu-button.submenu-opened{background:#262626}.main-header ul ul .submenu-button{height:34px;width:34px}.main-header .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:""}.main-header ul ul .submenu-button:after{top:15px;right:13px}.main-header .submenu-button.submenu-opened:after{background:#fff}.main-header .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:""}.main-header ul ul .submenu-button:before{top:12px;right:16px}.main-header ul ul ul li.active a{border-left:none}.main-header>ul ul>li.has-sub>ul>li.active>a,.main-header>ul>li.has-sub>ul>li.active>a{border-top:none}}@media (max-width:768px){body{padding-top:60px}.header-main .main-menu .full_size_menu{flex-flow:wrap!important;width:100%!important;left:0!important;height:450px;overflow-y:auto}.header-main .main-menu .full_size_menu .submenu_header{border-right:0}.about-bg .project_counter,.calltoaction2 p,.cool-link::after,.project_counter .col-md-3:nth-child(2) .counter-column:before,.swiper-image-inner .content-box h6,.techno_process .work-process-icon:after,.techno_process .work-process-icon:before{display:none}.header-main .sub-menu li i{color:#81e06c!important}.header-main .sub-menu li a{border-bottom:1px dashed #eee!important}.main_banner .row{flex-direction:column-reverse;justify-content:center}.main_banner .banner-image,.service_headings{text-align:center}.main_banner .banner-image img{width:180px}.main_banner .banner-text p,.steps-bar li,.tabbed-content .item-content h4{font-size:14px}h4.owl-slide-title{font-size:14px;text-align:center}.main_banner .banner-text h2{font-size:24px;text-align:center}.main_banner .banner-text h2:before{left:140px}.main_banner .banner-text h2:after{left:160px}.main_banner .button-animation{margin:auto auto 10px;display:block;width:max-content}.button-animation{font-size:14px;padding:7px ​18px}.project_counter{bottom:-150px;z-index:998;width:94%}.project_counter .row{flex-direction:row;justify-content:flex-start}.main_banner{margin-bottom:70px}.about-us .row,.banner_estimate .row,.col-md-reverse,.service_banner .row,.spacing .bg-white .row:nth-child(odd){flex-direction:column-reverse}.about-us img,.testimonial9{margin:15px 0}.about-us h1,.about-us h2{text-align:center;margin:0}.about-us p{text-align:justify;margin-top:10px}.about-us .button-animation{margin:auto;display:block;width:max-content}.our-services .row{margin-top:30px}.tabbed-footer{background:#eee;padding:2rem 0}.tabbed-footer .button-animation{margin-top:-10px}.tabbed-content .item::before{text-transform:capitalize;padding:10px 15px;color:#000}.bg-section{background:#0000;padding-bottom:0!important}.client_clicks .cc-1{width:100%;left:0}.client_clicks .cc-3{position:absolute;width:60px;height:60px;right:5%;top:-15%}.client_clicks .cc-2{width:50%;position:absolute;bottom:60px;right:0;left:inherit}.client_clicks .clients-box{left:0;bottom:15px;background:#fff;max-width:55%}.client_content p{margin-top:15px;text-align:justify}.ourcertification .card{width:100%;margin:8px auto}.ourcertification .card img{width:90%!important;margin:auto!important}.client_content .contactbox{flex-wrap:wrap;margin:0}.swiper-slide{flex-flow:wrap;flex-wrap:wrap}.swiper-image{width:100%;height:50%}#home-slider{height:100vh;width:100%;padding:0}.swiper-image-inner h1{font-size:18px;align-self:center;margin-top:15px}.swiper-image-inner h1 span:not(.emphasis){font-size:2.1rem}.swiper-image-inner p.paragraph{max-width:94%}.swiper-image-inner.swiper-image-left{width:100%;padding:10px}.slider_skip_btns{right:-20%;top:48%}.btn-theme{padding:6px 18px;min-width:80px;font-size:12px;text-transform:uppercase}.swiper-image-inner .number{font-size:35px}.swiper-image-inner .content-box{margin:15px auto;text-align:center;padding:8px}.portfolio_section .use_techno,.steps-bar{justify-content:center}.steps-bar img{width:58px}.swiper-image-inner .content-box:after{top:-20%;bottom:-20%;border-color:#ddd}.page-wrap .swiper-container-vertical>.swiper-pagination-bullets{display:flex;width:25%;justify-content:space-around}.page-wrap .swiper-pagination-bullet{border-radius:50%}.calltoaction2{padding:0 10px;height:80px}.calltoaction2 h3{font-size:16px;margin-right:10px}.project_counter h5{display:table-caption}.services{padding:8px 5px}.services h4{text-align:center;font-size:14px}.tabbed-content .item.active::before{color:#fff;letter-spacing:1px;font-weight:400}.client_content .pc-5{position:absolute;right:-30px;top:-75px}.client_content h4{font-size:25px}.swiper-image-inner .content-box h4{font-size:20px}.header-main .logo img{margin-bottom:3px;}.chat-main-popup{background-image:initial;background-color:#2d6db5!important;box-shadow:0 0 5px 0 rgb(0 0 0 / 39%)}.delayedPopupWindow #btnClose{height:20px;width:20px;line-height:20px;margin:-10px -5px 0 0;background:red;color:#fff;font-size:12px}.chat-popup-title{font:600 20px/1.2 Roboto}.chat-popup-btn-sec a{font:700 12px/1.2 Roboto;padding:8px;margin-bottom:5px}.chat-popup-desc #chat-sptcl-no span{color:#fefeff!important;font-size:18px;font-weight:500;letter-spacing:1px;padding:2px}.service_banner{height:auto;padding:15px}.service_banner_fig{padding:0 0 1rem}.service_banner_fig img{max-width:300px!important;display:block;margin-left:auto;margin-right:auto;margin-top:0!important}.service_banner_content h2{font-size:22px;text-align:center}.service_banner_content p{text-align:justify;line-height:24px;font-size:16px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}.service_banner .btn_slide{display:block;margin:0 auto!important;font-size:12px;letter-spacing:1px;padding:6px 12px}.spacing{margin-top:2rem}.service_headings h2:before{left:50%;width:45px;height:3px;top:-2px;transform:translateX(-50%)}.service_container{margin-bottom:20px}.article{height:auto;padding:20px}.article-text h2{font-size:18px;margin-top:10px}.article-fig img{width:auto!important;max-width:70%!important;display:block;margin:auto}.bg-section h2{font-size:22px}.service_section:not(.container){background:linear-gradient(135deg,#ce9ffc,#7367f0);padding:1rem}.servicefaq .card-body,.servicefaq .card-header{padding:15px}.spacing>.bg-white.py-5{padding-top:0!important}.benefits_coloum{padding:5px 0 0}.bg-white .article-fig img{margin:10px auto;border-radius:.25rem}.service_items{width:100%;background:#fff;padding:15px;margin:0 0 10px;border-radius:.25rem}.techno_process .single-work-process h4{color:#fff}.attendance_banner,.dance_banner,.gym_banner,.out_client_bg,.pms_banner{background-size:cover!important;background-position:center!important}.bg-cover .bg-text h2{font-size:25px;line-height:32px}.pg-top ol,.pg-top ul{margin-bottom:10px}.bg-cover{min-height:200px}.our_clients_wrapper .our_clients_item{width:45%;margin:10px auto}.office_branches{flex-wrap:wrap}.sky-tabs-response-to-icons>label{width:90%!important;margin-left:5%;box-shadow:0 -1px 6px -4px rgb(0 123 255 / 50%)}.sky-tabs .typography h3{width:100%!important;font-size:14px!important;padding:7px!important}.portfolio_section .portfolio_info h4{font-size:30px}.projects_ui img{width:200px;display:block;margin:auto}.portfolio_section .portfolio_info p{color:#000}.portfolio_section .use_techno .ut_item{width:50px;overflow:hidden;height:50px}.portfolio_section .portfolio_info{padding-left:1rem}.portfolio_section .swiper-container-vertical>.swiper-pagination-bullets{display:initial}.portfolio_section .swiper-pagination-bullet{border-radius:10px}.portfolio_section .port_buttons{text-align:right}.service_heading h4{margin-bottom:10px;text-align:center}.service_heading b{text-align:center;display:block}.service_heading h4 strong{display:block}.service_wrapper{flex-flow:row;overflow:auto}}

CSS Minifier Tool Documentation
The API has changed, to see more please click here
To minify/compress your CSS, perform a POST request to

API https://www.toptal.com/developers/cssminifier/raw
with the input parameter set to the CSS you want to minify.

Hire the top 3% of freelance talent
Join the Toptal Network
Copyright 2010 - 2022 Toptal, LLC
Privacy Policy
Website terms
By continuing to use this site you agree to our Cookie Policy Privacy Policy, and Terms of U