/*================================ 
    #RESPONSIVE CSS 
====================================*/





@media (min-width: 1200px) and (max-width: 1480px) {
.cta-banner figure img {bottom: -95px;}
.cta-banner p {font-size: 17px;}

}


@media (min-width: 1200px) and (max-width: 1399px) {
.connected-products-grid-component .products-wrapper .work-management-icon {margin-left: 100px;}
.connected-products-grid-component .products-wrapper .products {margin-left: 25px;}
}

@media (min-width: 1201px) and (max-width: 1368px) {}


@media (min-width: 1024px) and (max-width: 1200px) {}


@media (min-width: 992px) and (max-width: 1200px) {}


@media (min-width: 768px) and (max-width: 1600px) { }


@media (min-width: 768px) and (max-width: 1024px) {}


@media (min-width: 1024px) and (max-width: 1199px) {
.cta-banner .col-lg-5 {display: none;}
.cta-banner figure img {right: -8rem; bottom: -8.60rem;}
.cta-banner .card-body {padding: 3.20rem!important;}
.prop1 {width: 30%; float: left; left: 2rem;}
.prop2 {width: 30%; float: left; left: 2rem;}
.prop3 {width: 30%; float: left; left: 2rem;}
.prop4 {width: 30%; float: left; left: 10rem;}
.prop5 {width: 30%; float: left; left: 10rem;}
.prop1 .card-body {padding: 0;}
.prop2 .card-body {padding: 0;}
.prop3 .card-body {padding: 0;}
.prop4 .card-body {padding: 0;}
.prop5 .card-body {padding: 0;}
.connected-products-grid-component .products-wrapper .products {margin-left: 20px;}
.connected-products-grid-component .products-wrapper .products .grid-image-with-paragraph-component-wrapper {
	width: 245px; margin: 16px; float: left;}
.connected-products-grid-component .products-wrapper .work-management-icon {margin-left: 70px;}
}


@media (min-width: 992px) and (max-width: 1199px) {
.analysis-area {width: 100%;}
.consti-area {width: 50%; margin-left: 12rem;}
.sub-consi {width: 60%; float: left; margin-left: 10rem; margin-bottom: 25px;}
.sub-consi a {font-size: 15px;}
.combi p {font-size: 16px;}

}


@media (min-width: 1024px) and (max-width: 1366px) {


    
}



@media (min-width: 992px) and (max-width: 1023px) {
.cta-banner .col-lg-5 {display: none;}
.cta-banner figure img {width: 576px; right: -155px; bottom: -160px;}
.cta-banner .card-body {padding: 3rem;}
.prop1 {width: 30%; float: left;}
.prop2 {width: 30%; float: left; left: 3rem;}
.prop3 {width: 30%; float: left; left: 4rem;}
.prop4 {width: 30%; float: left; left: 10rem;}
.prop5 {width: 30%; float: left; left: 10rem;}
.prop1 .card-body {padding: 0;}
.prop2 .card-body {padding: 0;}
.prop3 .card-body {padding: 0;}
.prop4 .card-body {padding: 0;}
.prop5 .card-body {padding: 0;}
.connected-products-grid-component .products-wrapper .work-management-icon {margin-right: 0; margin-left: 50px;}
.connected-products-grid-component .products-wrapper .products .grid-image-with-paragraph-component-wrapper {
    width: 250px; margin: 16px; float: left;	}
}

@media (min-width: 768px) and (max-width: 1024px) { 
.certi img {display: none;}
.certi .subtitle-wrapper p {display: none;}
.header-inner-section {width: 250px; height: 45px;}
.navbar-expand-lg .navbar-collapse .dropdown-menu .appo {display: none;}
.navbar-expand-lg .navbar-collapse .dropdown-menu .certi {padding-top: 25px;}
.navbar-expand-lg .navbar-collapse .dropdown-menu .over {padding-bottom: 35px;}
.sub-area p {text-align: justify;}
.foot-area .fds-1 {width: 50%;}
.foot-area .fds-2 {width: 50%;}
.foot-area .fds-3 {width: 50%;}
.foot-area .fds-4 {width: 50%;}
.foot-pri li {padding-left: 0;}
.serv-menus h5 {color: #fff;}
.sector-menus h5 {color: #fff;}
.works-menus h5 {color: #fff;}
.serv-menus ul {padding: 0;}
.teti-area .card {height: 380px;}
.fathes img {display: block!important;}
.clinte2 img {display: none;}
.ganna-set h4 {font-size: 14px;}
.analysis-area .col-lg-4 {width: 50%; float: left;}
.analysis-area .gama h4 {font-size: 17px;}
.analysis-area .avatar {display: none;}
.filters-area .nav-item {width: 46%;}
.filters-area .training-programs {width: 100%;}


}


@media (min-width: 768px) and (max-width: 991px) {
.subtitle-wrapper {position: relative;}
.certi .multi-1 span {color: #ffff;}
.cta-banner figure img {max-width: 330px; left: 100%; transform-origin: left; bottom: 180px;}
.cta-banner .col-lg-7 {bottom: -115px; z-index: 111111111111!important;}
.cta-banner .col-lg-5 {display: none;}
.cta-banner figure {min-height: 100px;}
.cta-banner h3 {text-align: center; font-size: 38px;}
.cta-banner p  {text-align: center; padding-top: 15px; /*font-size: 18px;*/}   
.buts-area {left: 5rem;}
.red {margin-bottom: 25px;}
.consti-area {display: none;}
.analysis-area .ana1 {padding-top: 12px;}
.prop1 {width: 25%; float: left; left: 1rem;}
.prop2 {width: 25%; float: left; left: 4.50rem;}
.prop3 {width: 25%; float: left; left: 8rem;}
.prop4 {width: 30%; float: left; left: 5rem;}
.prop5 {width: 30%; float: left; left: 7rem;}
.prop1 .card-body {padding: 0;}
.prop2 .card-body {padding: 0;}
.prop3 .card-body {padding: 0;}
.prop4 .card-body {padding: 0;}
.prop5 .card-body {padding: 0;}
.connected-products-grid-component .products-wrapper .work-management-icon {display: none;}
.connected-products-grid-component .products-wrapper .products .grid-image-with-paragraph-component-wrapper {width: 285px;}

}


@media (max-width: 767px) {
.dropdown-toggle::after {}
.subtitle-wrapper {position: relative;}
.navbar-expand-lg .navbar-collapse .dropdown-menu .appo {display: none;}
.navbar-expand-lg .navbar-collapse .dropdown-menu .certi {padding-top: 25px;}
.navbar-expand-lg .navbar-collapse .dropdown-menu .over {padding-bottom: 35px;}
.certi .multi-1 span {color: #ffff;}
.filters-area .nav-item {width: 100%;}
.filters-area .training-programs {width: 100%;}
.convti h2 {font-size: 20px; padding-left: 5px;}
.filters-area .training-programs h4 {font-size: 18px;}
.fillers h5 {font-size: 20px!important;}
.filters-area li span {font-size: 15px;}
.certi img {display: none;}
.mega-menu-content .subtitle-wrapper {display: none;}
.header-inner-section {height: 38px; width: 215px; padding: 20px 20px 20px; margin-top: -8px;}
.certi .multi-1 span {font-size: 18px;}
.serv-menus h5 {color: #fff;}
.serv-menus ul {padding: 0;}
.compl .pt-18 {padding-top: 3rem !important;}
.compl .pb-16 {padding-bottom: 2rem !important;}
.compl .mb-15 {margin-bottom: 1rem !important;}
.exploids .mb-14 {margin-bottom: 2.5rem !important;}
.exploids2 {padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
.exploids2 img {display: none;}
.exploids2 .py-14 {padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
.rest-list {font-size: 15px; line-height: 30px;}
.teti-area p {text-align: center;}
.teti-area .card {height: 550px;}
.teti-area .card-body {padding: 1rem 1rem;}
.clinte2 img {display: none;}
.katu .mb-14 {margin-bottom: 1.5rem !important;}
.foot-bot p {text-align: center;}
.foot-pri li {display: block; padding-left: 0; margin-left: 0; text-align: center; line-height: 30px;}
.foot-area .pb-7 {padding-top: 2rem !important;}
.your-path p.lead {text-align: unset; font-size: 18px;}
.your-path p {text-align: unset;}
.sub-area p {text-align: unset; font-size: 0.80rem !important;}
.boost-area p {text-align: unset;}
.gets-area p {text-align: unset;}
.real-area .py-14 {padding-top: 1.75rem !important; padding-bottom: 1.75rem !important;}
.real-area .py-16 {padding-top: 1.75rem !important; padding-bottom: 1.75rem !important;}
.real-area .mb-15 {margin-bottom: 1.5rem !important;}
.boost-sep1 .py-16 {padding-top: 1.75rem !important; padding-bottom: 1.75rem !important;}
.ben-area .py-14 {padding-top: 1.75rem !important; padding-bottom: 1.75rem !important;}
.boost-area .py-16 {padding-top: 1.75rem !important; padding-bottom: 1.75rem !important;}
.specifics .pt-18 {padding-top: 3rem !important;}
.specifics .pb-16 {padding-bottom: 3rem !important;}
a.bros {margin-left: 1.2rem!important;}
.jour-area {position: relative; top: 135px;}
.cta-banner figure {min-height: 120px;}
.consti-area a {font-size: 14px;}
.consti-area .post-header a:after {padding-left: 2rem;}
.dits {border-radius: 0;}
.monos p {text-align: unset;}
.your-path .display-4 {font-size: 20px;}
.boost-area .display-6 {font-size: 20px;}
.specifics h1 {font-size: 22px;}
.ben-area h1 {font-size: 22px;}
.gets-area h5 {font-size: 12px;}
 h2.ree {font-size: 12px;}
.real-area h1 {font-size: 20px;} 
.gets-area .pt-18 {padding-top: 3rem !important;}
.gets-area .pt-16 {padding-bottom: 3rem !important;}
.saler-area .drop-forms {margin: 0; padding: 30px;}
.saler-area .py-10 {padding-top: 1.75rem !important; padding-bottom: 1.75rem !important;}
.saler-conts h3 {font-size: 1rem; line-height: 28px;}
.global-area .py-12 {padding-top: 2rem !important; padding-bottom: 2rem !important;}
.gets-areac2 .pb-21 {padding-bottom: 10rem !important;}
.gets-areac2 .pt-18 {padding-top: 6rem !important;}
.copw2a {margin-top: 0;}
.copw {margin-top: 0;}
.aws img {top: -15px;}
.faq-set1 .mono-set1 .card-body ul {padding-left: 0rem!important;}
.faq-set1 .accordion-wrapper .card-header button {font-size: 0.75rem;}
.compl p.mb-6 {text-align: unset;}
.connected-products-grid-component .products-wrapper .products {margin-left: 50px;}
.sector-menus h5 {color: #fff;}
.works-menus h5 {color: #fff;}
.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:hover {color: #8ec23f;}
.homepage-hero-banner__groups {display: none;}



}




@media (min-width: 481px) and (max-width: 767px) {
.cta-banner figure { min-height: 50px;}
.cta-banner figure img {max-width: 475px; left: 50%;
    transform: scale(.75) translateX(calc(-50% + 8px)); transform-origin: left; bottom: 150px;}
.cta-banner .col-lg-7 {bottom: -65px; z-index: 111111111111!important;}
.cta-banner .col-lg-5 {display: none;}
.cta-banner h3 {text-align: center; font-size: 30px;}
.cta-banner p  {text-align: center; padding-top: 15px; /*font-size: 18px;*/}    
.buts-area a {text-align: center;}
.buts-area {left: 1rem;}
.analysis-area .ana1 {padding-top: 12px;}
.connected-products-grid-component .products-wrapper .work-management-icon {display: none;}
.connected-products-grid-component .products-wrapper .products {margin-left: 50px;}
.combit h1 {font-size: 2.0rem!important;}
.combit .lead.fs-lg {font-size: 1.0rem !important;}


}


@media (min-width: 446px) and (max-width: 480px) {
.cta-banner figure {min-height: 100px;}
.cta-banner figure img {max-width: 555px; left: 50%;
    transform: scale(.75) translateX(calc(-50% + 8px)); transform-origin: left; bottom: 210px;}
.cta-banner h3 {text-align: center; font-size: 30px;}  
.cta-banner p  {text-align: center; padding-top: 15px; font-size: 18px;}  
.buts-area {top: 25px; text-align: center;}
.cta-banner .col-lg-7 {bottom: -110px; z-index: 111111111111!important;}
.buts-area a {margin-bottom: 15px;}
a.clut {margin-left: 0;}
.cta-banner .col-lg-5 {display: none;}
.combit h1 {font-size: 2.0rem!important;}
.combit .lead.fs-lg {font-size: 1.0rem !important;}
.connected-products-grid-component .products-wrapper .work-management-icon {display: none;}

}

@media (min-width: 851px) and (max-width: 992px) {
.sub-consi {width: 75%; float: left; margin-left: 4rem; margin-bottom: 25px;}
.combi p {font-size: 16px;}

}

@media (min-width: 768px) and (max-width: 850px) {
.sub-consi {width: 75%; float: left; margin-left: 4rem; margin-bottom: 35px;}
.combi p {font-size: 16px;}
}


@media (min-width: 601px) and (max-width: 767px) { 
.sub-consi {width: 100%; float: left; margin-left: 0; margin-bottom: 35px;}
.combi p {font-size: 15px; line-height: 30px;}
.sub-consi a {font-size: 15px;}
}

@media (min-width: 547px) and (max-width: 767px) { 
.connected-products-grid-component .products-wrapper .work-management-icon {display: none;}
.connected-products-grid-component .products-wrapper .products {margin-left: 0px;}
.connected-products-grid-component .products-wrapper .products .grid-image-with-paragraph-component-wrapper {width: 220px; margin: 15px;}
.paragraph-body.md {font-size: 15px!important; line-height: 24px;}
}


@media (min-width: 481px) and (max-width: 767px) {
.prop1 {	width: 30%; float: left; left: 55px;}
.prop2 {width: 30%; float: left; left: 8rem;}
.prop3 {	width: 45%; float: left; left: 10px;}
.prop4 {width: 30%; float: left; left: 4rem;}
.prop5 {left: 0;}
.prop1 .card-body {padding: 0;}
.prop2 .card-body {padding: 0;}
.prop3 .card-body {padding: 0;}
.prop4 .card-body {padding: 0;}
.prop5 .card-body {padding: 0;}
}

@media (min-width: 320px) and (max-width: 740px) { 
.teti-area .card {height: 700px;}    
    
}

@media (min-width: 320px) and (max-width: 600px) {
.sub-consi {width: 100%; float: left; margin-left: 0; margin-bottom: 35px; min-height: 160px;} 
.combi p {font-size: 15px; line-height: 25px; margin-bottom: 10px;}
.sub-consi a {font-size: 14px;}
.combi h1 {font-size: 2.0rem!important;}   
.combi .lead.fs-lg {font-size: 1.0rem !important;}
}


@media (min-width: 320px) and (max-width: 480px) {
.prop1 {left: 0;}
.prop2 {left: 0;}
.prop3 {left: 0;}
.prop4 {left: 0;} 
.prop5 {left: 0;}  
.prop1 .card-body {padding: 0;}
.prop2 .card-body {padding: 0;}
.prop3 .card-body {padding: 0;}
.prop4 .card-body {padding: 0;}
.prop5 .card-body {padding: 0;}
}

@media (min-width: 320px) and (max-width: 445px) {
.cta-banner figure { min-height: 100px;}
.cta-banner figure img {max-width: 475px; left: 50%;
    transform: scale(.75) translateX(calc(-50% + 8px)); transform-origin: left; bottom: 310px;}
.cta-banner h3 {text-align: center; font-size: 30px;}  
.cta-banner p  {text-align: center; padding-top: 15px; font-size: 18px;}  
.buts-area {top: 25px; text-align: center;}
.cta-banner .col-lg-7 {bottom: -110px; z-index: 111111111111!important;}
.buts-area a {margin-bottom: 15px;}
a.clut {margin-left: 0;}
.cta-banner .col-lg-5 {display: none;}
.manage-area h1 {font-size: 1.20rem!important;}
.manage-area .card-body {padding: 0;} 
.manage-area h4 {margin-bottom: 10%;}
.connected-products-grid-component .products-wrapper .work-management-icon {display: none;}
/*.connected-products-grid-component .products-wrapper .products {margin-left: 0px;}*/
.connected-products-grid-component .products-wrapper .products .grid-image-with-paragraph-component-wrapper {width: 250px;}
.combit h1 {font-size: 1.50rem!important;}
.combit .lead.fs-lg {font-size: 0.85rem !important;}
}




/* Custom layout. */
@media only screen and (max-width: 500px) {}