@media only screen and (min-width:1280px) {
.container { max-width: 960px; margin: 0 auto !important; } 
 }
 @media only screen and (max-width:1200px) {
.banner-cards { max-width: 990px; } 

.toplinks ul li a { font-size: 13px } 

.lb-card, .rb-card { width: 350px; } 
 }
 @media only screen and (max-width:991px) {
.desktop-delimiter { height: 78px; } 

.topheader { top: 0; min-height: 78px; } 

.topheader, .topheader.stickyhead { padding: 19px 0 } 

.topheader.stickyhead .logo img { margin: 0; width: 126px } 

.phone-login-w.desktop { display: none; } 

.banner-w { padding-bottom: 10px; padding-top: 50px; } 

.logo { position: absolute; left: 0; top: 6px } 

.landing .logo { position: static; left: 0; top: 6px } 

.banner-cards { position: relative; height: auto; width: 280px; margin: 30px auto 0; } 

.lb-card-1, .lb-card-2 { display: none; } 

.rb-card-1, .rb-card-2 { position: relative; right: 0; top: 0; } 

.signup-bookdemo-w .bookdemo { display: none; } 

.column-sol { flex: 0 0 calc(100% - 30px) } 

.slider-testimonial { padding-bottom: 0px; } 

.signup-bookdemo-w a.hamburger-menu { padding: 0; display: inline-block; margin-left: 10px; } 

.lb-card, .rb-card { display: none; } 

.mobile-card { display: block; } 

.banner-cont h1 { font-size: 2.429rem } 

.img-platform { margin: 0; } 

.banner-info-platform { margin: 20px auto; text-align: center; } 

.img-tryfoxhire { position: relative; max-width: 500px; width: 100%; margin: 0 auto; right: auto; top: auto; } 

.img-tryfoxhire1 { position: relative; max-width: 500px; width: 100%; margin: 0 auto; right: auto; top: auto; padding-bottom: 40px; } 

.bt-cont { margin: 10px auto 0; text-align: center; } 

.banner-tryfoxhire { padding: 40px; display: block; } 

.img-ces { position: relative; max-width: 350px; } 

.column-ces { flex: 0 0 calc(100% - 30px) } 

.columns-features { flex: 0 0 calc(50% - 30px) } 

.txt-contact { text-align: center; width: 100%; margin-bottom: 40px; } 

.sm-icons-contact { justify-content: center; } 

.info-office { margin: 40px auto; max-width: 200px; } 

.signup-w { flex-direction: column; } 

.signup-col-1, .signup-col-2 { width: 100%; padding: 60px; } 

.column-s-get { flex: 0 0 calc(33.333333% - 30px); } 

.column-three-ss { flex: 0 0 calc(100% - 30px); } 

.banner-needtoknow { padding-bottom: 0; min-height: 400px; padding: 50px; } 

.bneedtoknow-cont { margin: 0 auto; text-align: center; } 

.img-needtoknow { max-width: 450px; width: 100%; bottom: 0; top: auto; left: 0; margin: 0 auto; right: 0; } 

.column-teams { flex: 0 0 calc(33% - 30px); } 

.cont-banner-teams { flex-direction: column; } 

.txt-banner-teams { margin: 0 auto; text-align: center; width: 100%; max-width: 340px; } 

.img-banner-teams { margin-right: auto; width: 65%; } 

.opp-row-1 { flex-direction: column; margin: 0 0 60px 0; } 

.opp-img-1, .opp-img-2 { order: 0; max-width: 400px; margin: 0 auto 20px; } 

.short-width { margin: 0 auto; text-align: center; } 

.opp-cont-1, .opp-cont-2 { width: 100%; padding: 0; margin: 0; } 

.opp-img-2 { top: 0; } 

.opp-row-2 { flex-direction: column; margin: 0 0 60px 0; } 

.cc-r { flex: 0 0 calc(100% - 30px); margin-bottom: 50px; } 

.cc-r:last-child { margin-bottom: 0; } 

.r-half { flex-direction: column; } 

.r-half .r-img, .r-half .r-cont { width: 100%; } 

.title-cs { flex-direction: column; } 

.title-cs h2 { margin-bottom: 20px; } 

.select-filter { flex: 0 0 calc(50% - 30px); } 

.column-resmisc { flex: 0 0 calc(50% - 30px); } 

.img-banner-ssu { max-width: 400px; margin: 0 auto; padding: 0 20px; } 

.banner-ssu-info { margin: 0 auto; text-align: center; } 

/* Outer and Inner*/



/* * * * Slick Nav start * * * */


.toplinks { padding: 0; margin: 0 } 

.js #menu, .js #tnav { display: none; } 

.js .slicknav_menu { display: block; } 

.slicknav_btn { display: none; margin: 10px 0 10px 0; float: right; cursor: pointer; position: relative; width: 30px; z-index: 888; box-shadow: 0 0 3px (0, 0, 0, 0.3); } 

.avaeb-w .slicknav_btn { /* background: url(../images/nav-button1.png) no-repeat center; */ position: absolute; top: 0px; right: 10px; display: block; float: right; margin: 10px 10px 10px 0; cursor: pointer; overflow: hidden; height: 35px; width: 30px; z-index: 999999; box-shadow: 0 0 3px (0, 0, 0, 0.3); } 

.slicknav_btn.slicknav_open { /* background: url(../images/close-nav-button.svg) no-repeat center; Close icon */ color: #fff; z-index: 999999; top: 10px } 

.slicknav_menutxt { display: none; } 

.toplinks ul li:hover>ul { display: none } 

.slicknav_btn .slicknav_icon-bar { border: 1px solid #fff; float: left; margin: 3px 0; width: 100%; position: relative; transition: all .5s ease-in-out; } 

.slicknav_btn.slicknav_open span:nth-child(1) { position: relative; transform: rotate(45deg) } 

.slicknav_btn.slicknav_open span:nth-child(3) { opacity: 0 } 

.slicknav_btn.slicknav_open span:nth-child(2) { transform: rotate(-45deg); top: -8px; } 

.slicknav_menu>ul { display: block !important; } 

/* Footer Accordion */




.open { margin-bottom: 10px; } 

.btm-w .nav-btm h6 { cursor: pointer; margin-bottom: 25px; position: relative } 

.btm-w ul { max-height: 0; overflow: hidden; transition: max-height 1s ease-out; } 

.btm-w .nav-btm h6:after { content: url("../images/arrow-d.svg"); width: 25px; float: right; right: 0; position: absolute } 

.btm-w .nav-btm.open h6:after { content: url("../images/arrow-u.svg"); width: 25px; } 

.btm-w .nav-btm.open ul { height: auto; max-height: 500px; margin-bottom: 25px; transition: max-height 1s ease-in !important; } 

.btm-w .nav-btm ul { padding: 0 10px; } 

.btm-w .nav-btm h6 { font-size: 1rem } 

.img-platform { margin-bottom: 30px; } 

/******************* Connectors End *******************/ 




.testimonial-w, .ps-w, .os-w, .steps-w, .woc-w, .cuf-w, .banner-platform, .contact-w, .case-cta-w, .try-foxhire-w, .s-get-w, .signup-col-1, .signup-col-2, .three-ss-w, .needtoknow-w, .whoweare-w, .teams-w, .career-small-w, .career-c-w, .banner-txt-w, .ssu-short-w, .ssu-maincont-w { padding: 50px 0; } 

.three-ss-w { padding-bottom: 0; } 

.faq-w { padding: 50px 0 20px 0; } 

.ssu-resources-w { padding: 50px 0 20px 0; } 

.blog-cta { position: static; margin: 50px auto; } 

.img-banner-sa img { width: 100%; height: 350px; border-radius: 20px 20px 0 0; object-fit: cover; } 

.banner-sa-w { padding: 15px 0 0 0; background-color: #6558f5; } 

.opp-img-1 img, .opp-img-2 img { height: auto; object-fit: cover; } 

.cont-banner-countries { display: block; } 

.txt-banner-countries { max-width: 100%; text-align: center; } 

 }
 @media only screen and (max-width:767px) {
.desktop-delimiter { height: 78px } 

.ps-column { flex: 0 0 calc(100% - 30px); margin-bottom: 80px; } 

.ps-column:last-child { margin-bottom: 0; } 

.critique-frame { flex-direction: column; text-align: center; } 

.cont-critique { width: 100%; margin: 0 auto; } 

.short-critique { max-width: 100%; } 

.img-critique { width: 100%; margin-bottom: 30px; } 

.short-critique ul { max-width: 300px; margin: 0 auto; text-align: left; } 

.short-critique ul li::before { top: 5px; } 

.column-sol { flex-direction: column; } 

.img-sol { width: 100%; text-align: center; background-color: #6558F5; } 

.img-sol img { width: auto; max-width: 100%; } 

.cont-sol { width: 100%; } 

.step-frame { margin-bottom: 30px; } 

.step-img { width: 100%; margin-bottom: 30px; } 

.step-cont { width: 100%; margin: 0 auto; } 

.short-txt { margin: 0 auto; text-align: center; } 

.step-frame.odd .step-img { order: 0 } 

.step-frame.odd .step-cont { width: 100%; } 

.woc-column { flex: 0 0 calc(100% - 30px) } 

.btm-cont { margin: 0 auto 30px; text-align: center; } 

.sm-icon { text-align: center; } 

.sm-icon a { display: inline-block; float: none; } 

.bottom-w { padding: 50px 0 30px 0; } 

.bottom-w ul { text-align: center; margin: 10px 0 0 0; } 

footer p { text-align: center; } 

footer p.text-right { text-align: center !important; } 

.inner-hdr-white { padding: 30px 0; } 

.features-w { padding-top: 50px; } 

.columns-features { flex: 0 0 calc(100% - 30px); margin-bottom: 50px; } 

.ces-w { padding-bottom: 50px; } 

.double-field { grid-template-columns: repeat(1, 1fr); } 

.column-s-get { flex: 0 0 calc(50% - 30px); } 

.column-s-get:last-child { margin-bottom: 0; } 

.title-s-get { margin-bottom: 30px; } 

.signup-col-1, .signup-col-2 { padding-left: 15px; padding-right: 15px; } 

.teams-desc { flex-direction: column; } 

.teams-modal .modal-body { padding: 1rem; } 

.img-teamdesc { width: 100%; margin-bottom: 30px; } 

.column-teams { flex: 0 0 calc(50% - 30px); } 

.cont-teamdesc { width: 100%; padding: 0; } 

.txt-banner-teams { padding: 30px 0; } 

.opp-img-1, .opp-img-2 { max-width: 100%; width: 100%; } 

.select-filter { flex: 0 0 calc(100% - 30px); } 

.column-resmisc { flex: 0 0 calc(100% - 30px); } 

.slick-dots { bottom: -30px; } 
 }
 @media only screen and (max-width:399px) {
.logofrm::before { background: url(../images/logo-circle.svg) no-repeat; width: 185px; height: 120px; position: absolute; content: ""; top: -21px; left: -47px; } 

.home .logo { position: absolute; left: -38px; top: 6px; } 

.stickyhead .logo { position: absolute; left: 0px; top: 6px; } 
 }