@media only screen and (min-width: 1000px) and (max-width: 1500px) {

#header {
    padding: 10px 0;
    background: #4B102F;
}
	
/*-----------------------------------------------------------------------------------*/
/* 2. = Structure
/*-----------------------------------------------------------------------------------*/

.container { width:100%; padding-left:20px; padding-right:20px; }


/*-----------------------------------------------------------------------------------*/
/* 3. = Header styling
/*-----------------------------------------------------------------------------------*/
#header .header-left .logo {
    margin: 0 150px 0 0;
}
.scroll-down header#header .logo-sticky, .scroll-up header#header .logo-sticky {
   margin: 0 150px 0 0;  
}
#breadcrumbs-section ul { padding:0; }
#breadcrumbs-section ul li { padding-right:32px; margin-right:30px; }

/*#header .header-left { width:100%; justify-content: space-between; }
#header .header-left .logo img { width:200px; }
#header .header-left nav { margin:0 0 0 auto; }
#header .header-right { display:none; }*/
#header .header-right ul li { margin:0 15px 0 0; }
#header .header-right ul li a { padding:10px 20px; font-size:14px; }




/*-----------------------------------------------------------------------------------*/
/* 5. = Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-hero-section { background-position:150% center; }
#home-hero-section h1 { font-size:40px; max-width:50%; }

#home-services-section ul li { width:31%; margin-right:3.5%; padding:30px 20px; }

#home-middle-bar-section .left-column { padding-right:50px; margin-right:50px; }

.home_middle_box_holder {
    gap: 30px;
}

/*-----------------------------------------------------------------------------------*/
/* 6. = Services Page styling
/*-----------------------------------------------------------------------------------*/

#page-hero-section .bottom-content:before { width:20px; height:14px; background-size:100% 100%; top:-14px; }
#page-hero-section .bottom-content:after { width:20px; height:14px; background-size:100% 100%; top:-14px; }
#page-hero-section .bottom-content { margin:0 -20px; }



/*-----------------------------------------------------------------------------------*/
/* 7. = About Page styling
/*-----------------------------------------------------------------------------------*/

#expertise-areas-section .container > ul > li { width:32%; margin:0 2% 2% 0; padding:40px 20px; }
#expertise-areas-section .container > ul > li h3 { font-size:24px; }

#about-intro-section .top-content ul li { margin:0 20px; }
#about-intro-section .bottom-content { padding:35px 60px; }
#about-intro-section .bottom-content:before { width:20px; height:14px; background-size:100% 100%; top:-14px; }
#about-intro-section .bottom-content:after { width:20px; height:14px; background-size:100% 100%; top:-14px; }
#about-intro-section .bottom-content { margin:0 -20px; }



/*-----------------------------------------------------------------------------------*/
/* 8. = Blog Page styling and Single Post styling
/*-----------------------------------------------------------------------------------*/

#page-hero-section.blog .top-content { padding-left:30px; padding-right:30px; }
#page-hero-section.blog .blog-filter-container { top:90px; }

#home-blog-section.blog { padding:0 20px; }

#home-blog-section ul {
    gap: 20px;
}
#post-content .main { padding:0 20px 0 0; width:calc(100% - 350px); }
#post-content .main .post-title { font-size:30px; }
#post-content .additional-resources-section h2 { font-size:30px; }

#post-content .sidebar { padding:0 0 0 20px; width:350px; }

#page-content .container { padding-left:20px; padding-right:20px; }
#page-content .page-title { font-size:30px; }

#blog-form-section { padding:0 20px; }



/*-----------------------------------------------------------------------------------*/
/* 9. = Partners Page styling
/*-----------------------------------------------------------------------------------*/

#partners-list-section ul li { width:32%; margin:0 2% 2% 0; padding:40px 30px; }
#partners-list-section ul li h3 { font-size:30px; }

#testimonial-challenge-process-section {
   padding: 50px 0; 
}
.n2mTestimonialSection {
    background-position: right top;
    background-size: cover;
}
#testimonial-challenge-process-section .container.challenge-content .title {
    width: 30%;
  text-align: right;
  padding-right: 5%;
}
#testimonial-challenge-process-section .container.challenge-content .content {
    padding-left: 5%;
  width: 65%;
}
#testimonial-challenge-process-section .container.process-content .content {
    width: 63%;
  padding-right: 5%;
}
#testimonial-challenge-process-section .container.process-content .title {
    text-align: left;
  width: 38%;
  padding-left: 5%;
}
.portfolio-template-default #page-main-content {
    padding: 50px 0;
}
.portfolio-template-default #transformation-section .container.transformation-content .title {
    width: 30%;
  text-align: right;
  padding-right: 5%;
}
.portfolio-template-default #transformation-section .container.transformation-content .content {
    padding-left: 5%;
  width: 65%;
}
.portfolio-template-default #outcome-section .container.outcome-content {
    padding: 50px 15px;
}
.portfolio-template-default #outcome-section .container.outcome-content .content {
    width: 75%;
  padding-right: 5%;
}
.portfolio-template-default #outcome-section .container.outcome-content .title {
    text-align: left;
  width: 25%;
  padding-left: 5%;
}
.portfolio-template-default #results-section .container.results-content .title {
    padding-right: 5%;
}
.portfolio-template-default #results-section .container.results-content .content-percentage {
    padding-left: 5%;
}
.portfolio-template-default #free-assessment-section {
    padding: 50px;
}
.portfolio-template-default #next_section {
    padding: 50px 0;
}
/*-----------------------------------------------------------------------------------*/
/* 10. = Portfolio Post styling
/*-----------------------------------------------------------------------------------*/
 .portfolio-template-default .container.top-content .content {
    width: 84%;
    margin-left: 2%;
  }
.portfolio-content .portfolio-top-content a { width:50px; height:93px; }
.portfolio-content .graybox { margin:0 -20px 30px -20px; padding:35px 20px; }
.portfolio-content .bluebox { margin:0 -20px 30px -20px; padding:35px 20px; background:url(../images/mobile-bluebox-bg.jpg) no-repeat center center / cover; }

.portfolio-content .select-projects-section .select-projects-category-container .select-projects-category { padding:0 20px; }

#testimonial-challenge-process-section .container.testimonial-content {
    margin: 0 30px;
  width: auto;
}
#testimonial-challenge-process-section .container.challenge-content {
    margin-top: 60px;
}
/*-----------------------------------------------------------------------------------*/
/* 11.= Service Landing Page styling
/*-----------------------------------------------------------------------------------*/

#service-landing-content .container { padding-right:30px; }
#service-landing-content .main { width:calc(100% - 380px); padding:70px 50px; }
#service-landing-content .main .page-title { font-size:35px; }
#service-landing-content .main .portfolios-section h2 {  }
#service-landing-content .main .bottom-bar-section { margin:0 -50px 50px -50px; padding:30px 75px; width: calc(100% + 100px);}
#service-landing-content .main .additional-resources-section h2 { font-size:30px; }

#service-landing-content .sidebar { width:380px; padding:0 50px 70px 30px; }
#service-landing-content .sidebar .sidebar-box h3 { margin:0; padding:20px 20px; font-size:24px; }
#service-landing-content .sidebar .sidebar-box .content { background:#FFF; padding:20px 20px 30px 20px; }
#service-landing-content .sidebar .sidebar-box .content .button {}
#service-landing-content .sidebar .widget_nav_menu { padding:0; }
#service-landing-content .sidebar .widget_nav_menu li a { font-size:24px; }
#service-landing-content .sidebar .widget_nav_menu li ul li a { font-size:16px; }

#service-landing-content .bluebox { margin:0 -50px 50px -50px; padding:35px 75px; width: calc(100% + 100px);}
#service-landing-content .bluebox h2 { font-size:30px; }
#service-landing-content .bluebox:before { width:25px; height:18px; top:-18px; }
#service-landing-content .bluebox:after { width:25px; height:18px; top:-18px; }

#service-landing-content blockquote { margin:0 -50px 50px -50px; padding:35px 80px 35px 60px; width: calc(100% + 100px);}
#service-landing-content blockquote h2 { font-size:30px; }
#service-landing-content blockquote:before { width:25px; height:18px; top:-18px; }
#service-landing-content blockquote:after { width:25px; height:18px; top:-18px; }


#service-landing-content .sidebar .widget_nav_menu .menu-service-menu-container {padding: 25px 20px;}
#service-landing-content .sidebar .widget_nav_menu .menu-service-menu-container ul#menu-service-menu li a {color: #0c3648;font-size: 20px;}
#service-landing-content .sidebar .widget_nav_menu .menu-service-menu-container ul#menu-service-menu li ul li a {font-size: 16px;}
#service-landing-content .sidebar .widget_nav_menu .menu-service-menu-container ul#menu-service-menu li ul li:before { }
#service-landing-content .sidebar .widget_nav_menu .menu-service-menu-container ul#menu-service-menu li ul li { padding: 0 0px 0 15px;}
.page-content-section .profile-bluebox > p {
    width: calc(100% - 13%);
}
/*-----------------------------------------------------------------------------------*/
/* 	12.= Fullwdith Hero Page styling
/*-----------------------------------------------------------------------------------*/
#fullwidth-content-section.page-content-section.agency .container {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0;
}
#fullwidth-content-section .flex-column {
    margin: 0;
}
#fullwidth-hero-section { height:auto; padding:70px 0; max-width:none; }
#fullwidth-hero-section .container { padding-left:20px; padding-right:20px; }
#fullwidth-hero-section .button { font-size:20px; padding:13px 30px; }

#fullwidth-hero-section.netsuite-magento-connector {  background-size:contain; background-position:left top; background-color:#FFF; }

#fullwidth-content-section .container { padding-left:20px; padding-right:20px; }

.page-content-section .portfolios-section h2 { font-size:30px; }
.page-content-section .right-column .profile-bluebox { margin-right:-20px; padding-bottom: 100px;}


/*-----------------------------------------------------------------------------------*/
/* 	13.= Job Post styling
/*-----------------------------------------------------------------------------------*/

#job-content-section .container { padding:120px 20px 70px 20px; }
#job-content-section .main { padding:0 0 0 40px; }
#job-content-section .sidebar { padding:0 40px 0 0; }
#job-content-section blockquote { margin:50px -25px 50px -65px; padding:35px 20px 35px 65px; }
#job-content-section blockquote:before { width:25px; height:18px; top:-18px; }
#job-content-section blockquote:after { width:25px; height:18px; top:-18px; }



/*-----------------------------------------------------------------------------------*/
/* 	14.= Landing Page styling
/*-----------------------------------------------------------------------------------*/

#landing-content-section .content-section { padding:70px 40px; }

#landing-content-section .client-slider { padding:0 40px; }

#landing-bar-section h2 { width:calc(100% - 360px) } 
#landing-bar-section h2 br { display:none; }

#landing-bottom-section { padding:0 20px; }

.scroll-down #header .header-left nav>ul>li ul, .scroll-up #header .header-left nav>ul>li ul {
    top: 200%;
}

/*-----------------------------------------------------------------------------------*/
/* 	16.= 404 Page styling
/*-----------------------------------------------------------------------------------*/

#page404-hero-section .container { padding:150px 100px 250px 100px; }

/* PIM Page desin Start*/
.page-template-Pim-page #fullwidth-hero-section {height: auto; padding: 30px 0;}	
.page-template-Pim-page #fullwidth-hero-section .banner-container .left-container, .page-template-Pim-page #fullwidth-hero-section .banner-container .right-container{width:47%}
/* PIM Page desin End*/

.contact-content-form #contact-form {
    right: 20px;
    width: auto;
    top: 94px;
}
#top-hero-section.contact-content .top-content {
    margin-top: 0;
}
#page-content.contact-us .container.entry {
    padding: 100px 20px;
}
.footer-form-block:before {
    right: -50px;
}
#header .header-left nav > ul > li.mega-menu ul {
    top: 88px;
}
.page-template-page-work #breadcrumbs-section {
        padding: 100px 0 0 0;
    }
 .page-template-page-fullwidth-hero #breadcrumbs-section, .post-template-default #breadcrumbs-section, .page-template-page-service-landing #breadcrumbs-section, .category #breadcrumbs-section, .page-template-page-blog #breadcrumbs-section, .page-template-page-certified-agency-partner #breadcrumbs-section, .deep-dive-template-default #breadcrumbs-section, .single-deep-dive #breadcrumbs-section, .page-template-page-fullwidth-hero-with-tab #breadcrumbs-section, .page-template-default #breadcrumbs-section, .page-template-page-landing #breadcrumbs-section, .job-template-default  #breadcrumbs-section {
        padding: 100px 0 20px 0;
    }
 body.scroll-up #breadcrumbs-section, body.scroll-down #breadcrumbs-section {
        top: 88px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {

/*-----------------------------------------------------------------------------------*/
/* 5. = Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-hero-section { background-position:300px center; }

#header .header-left nav>ul>li a {
    font-size: 15px;
}

#header .header-right ul li a {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
}

#header .header-left .logo {
    margin-right: 60px;
}
.scroll-down header#header .logo-sticky, .scroll-up header#header .logo-sticky {
    margin-right: 60px;
}
.home_middle_box_holder {
    gap: 20px;
}
}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 999px) { 
/*-----------------------------------------------------------------------------------*/
/* 1. = Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

body { font-size:16px; }
h1 { font-size:30px; }
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:16px; }
h5 { font-size:16px; }
h6 { font-size:16px; }

.button { font-size:16px; padding:10px 35px; }
.heading { font-size:30px; margin:0 0 50px 0; }
.section { padding:50px 0; }



/*-----------------------------------------------------------------------------------*/
/* 2. = Structure
/*-----------------------------------------------------------------------------------*/

.container { width:100%; padding-left:25px; padding-right:25px; }
.view-desktop { display:none; }
.view-mobile { display:block; }




/*-----------------------------------------------------------------------------------*/
/* 3. = Header styling
/*-----------------------------------------------------------------------------------*/
#breadcrumbs-section { top: 83px !important;}
#breadcrumbs-section { padding:20px 0 20px 0; }
#breadcrumbs-section ul { padding:0; flex-wrap:wrap; }
#breadcrumbs-section ul li { padding-right:8px; margin:0 8px 0px 0; max-width:80%; }
#breadcrumbs-section ul li:last-child { padding-right:0; margin-right:0; border:none; }

body.admin-bar #header-overlay { margin-top:-46px; }
#header .header-left { display:block; width:100%; }
#header .header-left .logo { margin:0; float:left; }
#header .header-left .logo img { height:43px; width:auto; }
#header .header-left .logo-sticky, .scroll-down header#header .logo-sticky, .scroll-up header#header .logo-sticky { float:left; margin:0;}
#header .header-left .logo-sticky img { height:43px; width:auto; }
.scroll-up #header .menu-icon, .scroll-down #header .menu-icon { float:right; margin:7px 0 0 0; width:31px; height:31px; background:url(../images/landing-mobile-icon-scroll.svg) no-repeat center center / 5px 31px; cursor:pointer }
#header .menu-icon { float:right; margin:7px 0 0 0; width:31px; height:31px; background:url(../images/landing-mobile-icon-white.svg) no-repeat center center / 5px 31px; cursor:pointer }
#header .header-left nav { clear:both; padding:30px 0 0 0; }
#header .header-left nav > ul { display:block; }
#header .header-left nav > ul > li { margin:0 0 8px 0; float:none; padding:0; border:none; text-align:center; line-height:1.3; }
#header .header-left nav > ul > li ul { position:static; width:auto; background:none; padding:7px 0 0 0; margin:0; border:none; display:block !important; opacity:1 !important; visibility:visible !important; }
#header .header-left nav > ul > li ul li { margin:0 0 8px 0; line-height:1.3; }
#header .header-left nav > ul > li ul li a { padding:0; border:none !important; color:#000 !important; background:none !important; font-size:20px; }
#header .mobile-menu-container nav > ul > li .sub-menu.custom-mega-menu .menu-item.explore-by a {
    font-size: 16px;
  font-weight: bold;
}
#header .mobile-menu-container { padding:0 0; overflow-y:auto; height:calc(100vh - 83px); background: #fff; margin-top: 30px;}
#header .mobile-menu-container .mobile-main-menu { margin:0 15px 30px 15px; }
#header .mobile-menu-container .mobile-main-menu ul li { padding:10px 0; border-bottom:1px solid #CECECE; position:relative; }
#header .mobile-menu-container .mobile-main-menu ul li:last-child { border:none; }
#header .mobile-menu-container .mobile-main-menu ul li ul { padding:0 0 0 20px; margin:10px 0 0 0; border-top:1px solid #CECECE; display:none; }
/*#header .mobile-menu-container .mobile-main-menu ul li.current-menu-parent ul { display:block; }*/
#header .mobile-menu-container .mobile-main-menu ul li ul li { border:none; }
#header .mobile-menu-container .mobile-main-menu ul li ul li:last-child { padding-bottom:0; }
#header .mobile-menu-container .mobile-main-menu ul li a { color:#000; }
#header .mobile-menu-container .mobile-main-menu ul li.current-menu-parent > a,
#header .mobile-menu-container .mobile-main-menu ul li.current_page_item > a,
#header .mobile-menu-container .mobile-main-menu ul li a:hover { color:#1F8BB9; }
#header .mobile-menu-container .mobile-main-menu ul li.menu-item-has-children > .arrow { position:absolute; right:0; top:0; z-index:10; width:44px; height:44px; display:block; cursor:pointer; background:url(../images/mobile-menu-arrow.png) no-repeat center center / 9px 16px; transition:all 0.3s linear;cursor:pointer; transform:rotate(90deg); }
#header .mobile-menu-container .mobile-main-menu ul li.menu-item-has-children.open > .arrow { transform:rotate(-90deg); }

#header .mobile-menu-container .mobile-button-menu { text-align:center; }
#header .mobile-menu-container .mobile-button-menu li { margin:0 0 20px 0; }
#header .mobile-menu-container .mobile-button-menu li:last-child { margin:0; }
#header .mobile-menu-container .mobile-button-menu li a { font-size:16px; padding:10px 10px; width:220px; display:inline-block; display:inline-block; font-style:normal; background:#95235f; color:#FFF; border-radius:6px; }
#header .mobile-menu-container .mobile-button-menu li a:hover { background:#f50885; color:#FFF; }

.page-template-page-netsuite-magento-landing #breadcrumbs-section {
    padding: 105px 0 20px 0;
}

.n2mCompanyProfileItemBox .celigo {
    display: block;
}
#fullwidth-content-section .container.n2mCompanyProfile #n2m-farapp .farapp, #fullwidth-content-section .container.n2mCompanyProfile #n2m-sync .sync, #fullwidth-content-section .container.n2mCompanyProfile #n2m-api .api{
  display: block;  
  widht:100%
}

/*-----------------------------------------------------------------------------------*/
/* 4. = Footer styling
/*-----------------------------------------------------------------------------------*/

#footer { padding: 25px; }
#footer .container { padding: 0;}
#footer .logo img { margin:0 auto 30px auto; max-width:100%; }
#footer .footer-links { display:block; /*display:flex; justify-content:space-between;*/ max-width:none; margin-bottom:10px; }
#footer .footer-links h2 { margin:0 0 25px 0; }
#footer .footer-links nav { width:100%; }
#footer .footer-links nav > ul {  display:block; }
#footer .footer-links nav > ul > li { margin:0 0 30px 0; }
#footer .footer-links nav > ul > li li {margin: 0 0 10px 0;}
#footer .footer-links nav > ul > li:nth-child(1) { width:100%; }
#footer .footer-links nav > ul > li:nth-child(2) { width:100%; }
#footer .footer-links nav > ul > li > a { font-size:20px; }
#footer .footer-links nav > ul > li ul { padding-top:15px; /*display:none;*/ }
#footer .footer-links nav > ul > li li a { font-size:14px; line-height: 18px; }
#footer .footer-links .footer-logos { width:48%; font-size:16px; display: inline-block; vertical-align: top; }
.footer-form-block:before { right: -25px;}
#footer .footer-links .footer-logos ul{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#footer .footer-links .footer-logos ul li{ margin: 0 10px; width: calc(50% - 20px); }
#footer .footer-links .footer-logos li img { margin:0 auto 20px auto; }
#footer .footer-links .footer-logos li:last-child img { max-width:80px; } 
#footer .social-networks li i { font-size:30px; }
#footer .copyright p a { font-size:20px; }
#footer .footer-links-right { width: 45%; max-width: 222px; margin: 30px auto; display: inline-block; }
#footer .footer-links nav>ul>li:last-child { width: inherit; max-width: 222px; }
.footer-partners-logo { padding: 20px 0px; margin: 0 -25px; }
.footer-partners-logo span { width: 49%; padding: 15px 10px; }
.footer-partners-logo span:nth-child(1) { width: 70px;}
.footer-partners-logo span:nth-child(2) { width: 210px;}
.footer-partners-logo span:nth-child(3) { width: 82px;}
.footer-partners-logo span:nth-child(4) { max-width: 170px;}
#footer .copyright p:last-child{ margin-top: 50px;}

#footer p.copy-right-text span { display: block; padding: 0; line-height: 24px; font-family: "Montserrat", sans-serif; }

/*-----------------------------------------------------------------------------------*/
/* 5. = Home Page styling
/*-----------------------------------------------------------------------------------*/
#home-banner-section .container {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0 auto;
}
#home-hero-section { height:auto; padding:100px 0 80px 0; background:#1F8BB9; }
#home-hero-section .container { display:block; }
#home-hero-section h1 { font-size:30px; max-width:none; }

#home-services-section ul { display:block; margin:0 0 50px 0; }
#home-services-section ul li { height:auto; width:100%; clear:both; margin:0 auto 40px auto; padding:30px 20px; max-width:500px; }
#home-services-section ul li:nth-child(3n) { margin-right:auto; }
#home-services-section ul li:last-child { margin:0 auto; }
#home-services-section ul li h3 { font-size:24px; }
#home-services-section ul li p br { display:none; }
#home-services-section ul li .content { min-height:0; }

#home-middle-bar-section .container { display:block; }
#home-middle-bar-section .left-column { padding-right:0; border-right:none; margin:0 0 30px 0;  }
#home-middle-bar-section .left-column h2 { font-size:30px; }
#home-middle-bar-section .right-column { font-size:20px; width:100%; }

#home-work-section ul { display:block; margin:0 0 50px 0; }
#home-work-section ul li { width:100%; margin:0 auto 40px auto; max-width:500px; }
#home-work-section ul li:nth-child(4n) { margin-right:auto; }
#home-work-section ul li:last-child { margin:0 auto; }
#home-work-section ul li a { padding:30px 20px; }
#home-work-section ul li .image-container { padding:0; }
#home-work-section ul li h3 { font-size:24px;}

#home-blog-section ul { display:flex; gap:15px; margin:0 0 50px 0; }
#home-blog-section.blog .blog-list .blog-item {flex-basis: 35%;
}
#home-blog-section ul li { width:100%; margin:0 auto 40px auto; max-width:500px; padding:0; }
#home-blog-section ul li:nth-child(3n) { margin-right:auto; }
#home-blog-section ul li:last-child { margin:0 auto; }
#home-blog-section ul li .image-container { padding:0; }
#home-blog-section ul li h3 { font-size:24px;}
#home-blog-section ul li .more { font-size:16px;}

#home-work-section .portfolio-items .portfolio-item {
    width: 100%;
}
section#work-page-image .work-image {
    padding: 50px;
}    

.home_why_work_us_body { margin-right: 20px; }
.home_why_work_us_body h3 { margin-right: 50px; }

section#home_why_work_us_area { padding: 80px 0; background-position: right bottom;}

.home_partner_area_holder { padding: 20px 0; }
.home_partner_rep span { margin: 0 20px;width: 30%; }

.home #footer, .page-template-page-work #footer, .page-template-Pim-page #footer { padding-top: 25px; }

.page-template-page-work #top-hero-section, .page-template-page-our-team-new #top-hero-section {
    padding-top: 100px 0 0 0;
}
.post-template-default #breadcrumbs-section,  .page-template-page-service-landing #breadcrumbs-section, .category #breadcrumbs-section, .page-template-page-blog #breadcrumbs-section,  .page-template-page-certified-agency-partner #breadcrumbs-section, .deep-dive-template-default #breadcrumbs-section, .single-deep-dive #breadcrumbs-section, .page-template-page-fullwidth-hero-with-tab #breadcrumbs-section, .page-template-default #breadcrumbs-section, .page-template-page-landing #breadcrumbs-section, .job-template-default  #breadcrumbs-section {
    padding: 100px 0 20px 0;
    top: 0 !important;
}
.page-template-page-services #top-hero-section .container { padding: 0; }

#about-story-content-section {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
}
.about-story-content-left {
    display: block;
    width: 100%;
    margin-right: 0%;
    max-width: 100%;
}
.about-story-content-right {
    display: block;
    width: 100%;
    max-width: 100%;
}
.about-story-content-right h3 {
    font-size: 36px;
    line-height: 40px;
    margin-top: 30px;
}
#about-intro-section .expert-location-content ul {
    display: block;
}
#about-intro-section .expert-location-content ul li {
    margin: 20px 0;
    display: block;
    float: none;
    border: 2px solid #7b4060;
}
#partners-list-section ul li {
    width: 30%;
    margin: 0 30px 30px 0;
    padding: 25px 25px;
}
}

@media only screen and (max-width: 768px) {
    
    
    #home-banner-section .video-title {
        position: absolute;
        top: 20%;
        left: 0%;
        transform: translate(5%, -82%);
        font-size: 37px;
        width: 90%;
        text-align: center;
    }
    .single-portfolio #breadcrumbs-section {
        padding: 105px 0 20px 0;
    }
    #home-banner-section .home-content-bg .container .content {
        border-left: 0;
        padding-left: 0;
        padding-right: 0;
    }
    section#home-banner-section h3 {
        font-size: 32px;
        margin-bottom: 30px;
    }
    section#home-banner-section p {
        font-size: 20px;
    	margin-bottom: 30px;
    }
    section#home-banner-section h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .portfolio-template-default .container.top-content {
        display: block;
    }
    .portfolio-template-default .container.top-content .content {
        width: 100%;
        margin-left: 0;
    }
    #testimonial-challenge-process-section {
        padding: 50px 0;
    }
    #testimonial-challenge-process-section .container.testimonial-content {
        display: block;
        padding: 20px;
    }
    #testimonial-challenge-process-section .container.testimonial-content .image img {
        margin: 0 auto;
    }
    #testimonial-challenge-process-section .container.testimonial-content .content {
        width: 100%;
  margin-left: 0;
    }
    #testimonial-challenge-process-section .container.challenge-content {
        margin-top: 50px;
    }
    #testimonial-challenge-process-section .container.challenge-content .container {
        display: block;
    }
    #testimonial-challenge-process-section .container.challenge-content .title {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #CDA95F;
        padding-bottom: 15px;
    }
    #testimonial-challenge-process-section .container.challenge-content .content {
        border-left: 0;
        padding-left: 0;
        padding-top: 20px;
    }
    #testimonial-challenge-process-section .container.process-content {
        padding-top: 50px;
        display: grid;
    }
    #testimonial-challenge-process-section .container.process-content .content {
        width: 100%;
        border-right: 0;
        padding-right: 0;
        order: 2;
        margin-top: 20px;
    }
    #testimonial-challenge-process-section .container.process-content .title {
        text-align: center;
        width: 100%;
        border-bottom: 1px solid #000;
    }
    #testimonial-challenge-process-section .container.process-content .title h3 {
        margin-bottom: 10px;
    }
    .portfolio-template-default #page-main-content {
        padding: 40px 0;
    }
    .portfolio-template-default #transformation-section {
        padding: 50px 0;
    }
    .portfolio-template-default #transformation-section .container.transformation-content {
        display: block;
    }
    .portfolio-template-default #transformation-section .container.transformation-content .title {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #CDA95F;
    }
    .portfolio-template-default #transformation-section .container.transformation-content .title h3 {
        margin-bottom: 10px;
    }
    .portfolio-template-default #transformation-section .container.transformation-content .content {
        border-left: 0;
        padding-left: 0;
        width: 100%;
        margin-top: 20px;
    }
    .portfolio-template-default #outcome-section .container.outcome-content {
        padding: 50px 20px;
       display: grid;
    }
    .portfolio-template-default #outcome-section .container.outcome-content .content {
        width: 100%;
        border-right: 0;
        padding-right: 0;
        order: 2;
    }
    .portfolio-template-default #outcome-section .container.outcome-content .title {
        text-align: center;
        width: 100%;
        margin-bottom: 15px;
        border-bottom: 1px solid #B49453;
    }
    
    .portfolio-template-default #results-section {
        padding: 40px 0;
    }
    .portfolio-template-default #results-section .container.results-content {
        display: block;
    }
    .portfolio-template-default #results-section .container.results-content .title {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #CDA95F;
        padding-bottom: 10px;
        margin-bottom: 31px;
    }
    .portfolio-template-default #results-section .container.results-content .content-percentage {
        border-left: 0;
        padding-left: 0;
    }
    .portfolio-template-default #results-section .container.results-content .content-percentage .percentage .conversions, .portfolio-template-default #results-section .container.results-content .content-percentage .percentage .Adoption {
        width: 50%;
    }
    .portfolio-template-default #results-section .container.results-content .content-percentage .percentage .conversions .increase, .portfolio-template-default #results-section .container.results-content .content-percentage .percentage .Adoption .increase {
        font-size: 50px;
        margin-bottom: 3px;
    }
    .portfolio-template-default #results-section .container.results-content .content-percentage .percentage .conversions p, .portfolio-template-default #results-section .container.results-content .content-percentage .percentage .Adoption p {
        font-size: 20px;
    }
    .portfolio-template-default #free-assessment-section {
        padding: 35px 10px;
    }
    .portfolio-template-default #free-assessment-section .free-assessment {
        font-size: 16px;
    }
    .portfolio-template-default #next_section {
        background: #fff;
        padding: 60px 0;
    }
.portfolio-template-default #next_section .container.next-content h3 {
        margin-bottom: 35px;
    }
    .home_middle_box_holder {
        display: block;
        margin: 30px 0 30px 0;
        flex-wrap: inherit;
    }
    .home_middle_box_rep {
        width: 100%;
        margin: 15px 0;
    }
    .modern_business_area_box {
        padding: 0px;
    }
    .modern_business_area_box h4 {
        padding: 20px;
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 30px;
    }
    .modern_business_area_box p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .home_partner_rep span {
        display: block;
        text-align: center;
    }
    .home_partner_rep span img {
        margin: 20px auto;
    }
    .modern_business_area_box span a.freeAssessmentBtn {
        font-size: 18px;
    }
    .oddo_middle_box img {
        max-width: 75%;
    }
    .odoo_video_box iframe {
        width: 100%;
        height: revert-layer;
    }
    .gray_divider {
        margin-bottom: 40px;
        margin-top: 40px;
    }
    .things_to_know_holder h3 {
        font-size: 22px;
        margin-bottom: 30px;
    }
    .things_to_know_body_lits ol, .things_to_know_body_lits ul {
        padding-left: 35px;
    }
    .things_to_know_body_lits ol li, .things_to_know_body_lits ul li {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .things_to_know_body_lits ol li::before, .things_to_know_body_lits ul li::before  {
        left: -55px;
        font-size: 24px;
        line-height: 34px;
    }
    .more_things_to_know_body p {
        font-size: 18px;
        line-height: 30px;
    }
    .more_things_to_know_body p span.imageCaption {
        font-size: 14px;
        line-height: 22px;
    }
	.more_things_to_know_body ul {
		margin: 0 20px;
	}

	#fullwidth-content-section .wayConnectSection .container.wayConnectBody, #fullwidth-content-section .n2mCompanyProfileSection .container.n2mCompanyProfile, #fullwidth-content-section .n2mPlatformIntegrationSection .container {
		padding: 30px 20px;
		margin: 0;
	}
	#n2mfullwidth-hero-section h1 {
        line-height: 32px;
        font-size: 25px;
        padding: 30px 0;
        margin-bottom: 0;
	}
	.wayConnectItemBox ul li {
		width: 100%;
		margin: 35px 0;
	}
	#n2mfullwidth-hero-section {
		padding: 30px 0px;
	}
	#n2mfullwidth-hero-section h3 {
		font-size: 28px;
		line-height: 40px;
		padding-bottom: 20px;
	}
	#n2mfullwidth-hero-section p a {
		font-size: 20px
	}
	#agency-top-hero-section .container.top-content p {
        width: 100%;
    }
	.wayConnectSection {
		padding: 30px 0;
	}
	.wayConnectSection .title {
	    font-size: 34px;
		line-height: 40px;
		margin: 0;
		padding-bottom: 25px;
	}
	.wayConnectVideoItemBox ul li {
		width: 90%;
		margin: 20px auto;
	}
	.wayConnectItemBox ul li:nth-child(4n) {
		margin-bottom: 0;
	}
	.business-evolation-Section, .under-business-Section {
	    padding: 40px 0;
	}
	.business-evolation-Section .container.image-content, .under-business-Section .container.image-content {
	    display:block;
	}
	.business-evolation-Section .container.image-content .image, .under-business-Section .container.image-content .image {
	   width: 75%;
        margin: 0 auto 30px;
	}
	.business-evolation-Section .container.image-content .content-title {
	   width: 100%;
  padding-left: 0;
	}
	.under-business-Section .container.image-content .content-title {
	    width: 100%;
        padding-right: 0;
	}
	.ask-qus-ans {
	    margin-top: 30px;
	}
	#fullwidth-content-section {
	    margin-bottom: 0;
	}
	.n2mTestimonialSection {
	    padding: 40px 0;
	}
	.n2mTestimonialSection .testimonial-text {
	    width: 100%;
	}
	.n2mPlatformIntegrationSection .platform_integrations_item {
		width: 100%;
		margin: 0;
		padding: 25px;
		margin-bottom: 30px;
	}
	.n2mPlatformIntegrationSection .platform_integrations_item  h3 {
		font-size: 24px;
		font-weight: 300 !important;
	}
	.n2mAskQusSection .container {
		padding: 30px 20px !important;
	}
	div#n2m-celigo {
		padding-top: 20px;
	}
	div#n2m-farapp {
		padding-top: 20px;
	}
	div#n2m-sync {
		padding-top: 20px;
	}
	div#n2m-api {
		padding-top: 20px;
	}
	.n2mCompanyProfileItemBox {
		background: #fff;
		padding: 25px 20px;
		margin-bottom: 20px;
	}
/*-----------------------------------------------------------------------------------*/
/* 6. = Services Page styling
/*-----------------------------------------------------------------------------------*/

#page-hero-section .top-content { padding:30px 20px 30px 20px; margin:0 -20px; background:#FFF; }
#page-hero-section .top-content h1 { font-size:30px; margin:0 0 25px 0; }
#page-hero-section .top-content p { margin:0 0 25px 0; }
#page-hero-section .top-content .button { padding:10px 25px; font-size:20px; }
#page-hero-section .top-content p:last-child { margin:0; }
#page-hero-section .bottom-content { padding:30px; background:url(../images/mobile-page-hero-bottom-bg.jpg) no-repeat center center / cover; box-shadow:none; }
#page-hero-section .bottom-content:before { width:30px; height:21px; background-size:100% 100%; top:-21px; display:none; }
#page-hero-section .bottom-content:after { width:30px; height:21px; background-size:100% 100%; top:-21px; display:none; }
#page-hero-section .bottom-content { margin:0 -20px; }

#top-hero-section .icon { width:120px; height:120px; bottom:-60px; margin-left:-60px; }
#top-hero-section .icon img { width:75px; }
#top-hero-section .top-content { padding:100px 20px 80px 20px; }
#top-hero-section .container {  }
#top-hero-section .top-content .button { padding:10px 25px; font-size:20px; }
#top-hero-section .top-content h1 { font-size:30px; }

#home-blog-section.blog { padding-top:0; }
#home-blog-section.blog .container { padding:0; }
#home-blog-section.blog ul li .content { padding:0 20px; }

#home-services-section.our-services ul { margin:0 0 40px 0; }



/*-----------------------------------------------------------------------------------*/
/* 7. = About Page styling
/*-----------------------------------------------------------------------------------*/

#page-hero-section .top-content .logos { flex-wrap:wrap; }
#page-hero-section .top-content .logos li { margin:0 8px 20px 8px; }
#page-hero-section .top-content .logos li img { width:auto; height:45px; max-width:100%; }

#expertise-areas-section .container > ul { display:block; }
#expertise-areas-section .container > ul > li { width:100%; margin:0 auto 50px auto; max-width:500px; padding:30px 20px; }
#expertise-areas-section .container > ul > li:nth-child(3n) { margin-right:auto; }
#expertise-areas-section .container > ul > li:last-child { margin-bottom:0; }
#expertise-areas-section .container > ul > li h3 { font-size:24px; }

#about-intro-section { background:#FFF; }
#about-intro-section .top-content { padding-left:0; padding-right:0; }
#about-intro-section .top-content ul { margin:50px 0; display:block; }
#about-intro-section .top-content ul li { margin:0 auto 50px auto; }
#about-intro-section .top-content ul li:last-child { margin:0 auto; }
#about-intro-section .top-content ul li img { margin:0 auto; width:100%; max-width:360px; }
#about-intro-section .bottom-content { padding:30px 20px; box-shadow:none; }
#about-intro-section .bottom-content:before { display:none; }
#about-intro-section .bottom-content:after { display:none; }
#about-intro-section .bottom-content { margin:0 -20px; }



/*-----------------------------------------------------------------------------------*/
/* 8. = Blog Page styling and Single Post styling
/*-----------------------------------------------------------------------------------*/

#page-hero-section.blog .top-content { padding-left:20px; padding-right:20px; }
#page-hero-section.blog .blog-filter-container { top:auto; position:relative; right:auto; margin:0 auto; }

#home-blog-section.blog .container { padding:0px 20px; }


.wp-pagenavi { flex-wrap:wrap; }
.wp-pagenavi a, .wp-pagenavi span { margin:0 7px; font-size:20px; }

.entry h1 { font-size:25px; }
.entry h2 { font-size:25px; }
.entry h3 { font-size:20px; }

.flex-column { display:block; margin:0; }
.left-column { width:100%; margin:0 0 30px 0; }
.right-column { width:100%; margin:0 0 30px 0; }
.flex-column .right-column { margin:0 0 0 0; }
.one-fourth { width:100%; margin:0 0 30px 0; }
.three-fourth { width:100%; margin:0 0 30px 0; }
.three-fifth { width:100%; margin:0 0 30px 0; }
.two-fifth { width:100%; margin:0 0 30px 0; }
.one-third { width:100%; margin:0 0 30px 0; }
.two-third { width:100%; margin:0 0 30px 0; }


#post-content { padding:30px 0 50px 0; background:#FFF; }
#post-content .container { display:block; padding-top:0; padding-bottom:0; background:none; }
#post-content .main { width:100%; padding:0; }
#post-content .main .post-title { font-size:30px; }

#post-content .additional-resources-section h2 { font-size:24px; }
#post-content .additional-resources-section ul { display:block; margin:0 0 50px 0; }
#post-content .additional-resources-section ul li { width:100%; margin:0 auto 50px auto; max-width:500px; }
#post-content .additional-resources-section ul li:nth-child(3n) { margin-right:auto; }
#post-content .additional-resources-section ul li:last-child { margin:0 auto; }


.page-content-section ul li:before { top:7px; }

#page-content { padding:30px 0 50px 0; background:#FFF; }
#page-content .container { padding:0 20px; background:none; }
#page-content .page-title { font-size:30px; }




/*-----------------------------------------------------------------------------------*/
/* 9. = Partners Page styling
/*-----------------------------------------------------------------------------------*/

#partners-list-section ul { margin:0 0 50px 0; }
#partners-list-section ul li { width:100%; margin:0 auto 50px auto; max-width:500px; padding:30px 20px; }
#partners-list-section ul li:nth-child(3n) { margin-right:auto; }
#partners-list-section ul li:last-child { margin-bottom:0; }
#partners-list-section ul li h3 { font-size:24px; }



/*-----------------------------------------------------------------------------------*/
/* 10. = Portfolio Post styling
/*-----------------------------------------------------------------------------------*/

.portfolio-content .portfolio-top-content { padding-bottom:60px; }
.portfolio-content .portfolio-top-content a { width:16px; height:30px; top:auto; bottom:0; }
.portfolio-content .portfolio-top-content a[rel='prev'] { right:50%; margin-right:-30px; }
.portfolio-content .portfolio-top-content a[rel='next'] { left:50%; margin-left:-30px; }
.portfolio-content .portfolio-top-content .portfolio-screenshot { width:100%; padding:0; }
.portfolio-content .portfolio-top-content .portfolio-screenshot img { max-width:85%; }

.portfolio-content .graybox { margin:0 -20px 30px -20px; padding:35px 20px; }
.portfolio-content .bluebox { margin:0 -20px 0 -20px; padding:35px 20px; }

.portfolio-content .select-projects-section .select-projects-category-container { display:block; }
.portfolio-content .select-projects-section .select-projects-category-container .select-projects-category { width:100%; padding:0; margin:0 0 30px 0; }
.portfolio-content .select-projects-section .select-projects-category-container .select-projects-category:last-child { margin:0; }



/*-----------------------------------------------------------------------------------*/
/* 11.= Service Landing Page styling
/*-----------------------------------------------------------------------------------*/

#service-landing-content .container { display:block; padding:0 20px; }
/*#service-landing-content .main { width:100%; background:#FFF url(../images/mobile-page-hero-bg.jpg) no-repeat right top; padding:90px 20px 50px 20px; }*/
#service-landing-content .main { width:100%; background:#FFF; padding:20px 20px 30px 20px; box-shadow: 0 0 12px #AAA; margin-bottom: 20px; }
#service-landing-content .main .page-title { font-size:30px; margin-bottom: 20px;}
#service-landing-content .main ul li:before { top:7px; }

#service-landing-content .main .portfolios-section h2 { font-size:24px; }
#service-landing-content .main .portfolios-section ul { display:block; margin:0 0 50px 0; }
#service-landing-content .main .portfolios-section ul li { width:100%; margin:0 auto 15px auto; max-width:500px; }
#service-landing-content .main .portfolios-section ul li:nth-child(3n) { margin-right:auto; }
#service-landing-content .main .portfolios-section ul li:last-child { margin:0 auto; }

#service-landing-content .main .bottom-bar-section { margin:0 -20px 30px -20px; padding:30px 20px; background:url(../images/mobile-bluebox-bg.jpg) no-repeat center center / cover;  width: calc(100% + 40px);}
#service-landing-content .main .bottom-bar-section .button { font-size:16px; }

#service-landing-content .main .additional-resources-section h2 { font-size:24px; }
#service-landing-content .main .additional-resources-section ul { display:block; margin:0 0 50px 0; }
#service-landing-content .main .additional-resources-section ul li { width:100%; margin:0 auto 50px auto; max-width:500px; }
#service-landing-content .main .additional-resources-section ul li:nth-child(3n) { margin-right:auto; }
#service-landing-content .main .additional-resources-section ul li:last-child { margin:0 auto; }



#service-landing-content .bluebox { margin:0 -20px 30px -20px; padding:30px 20px; width: calc(100% + 40px);}
#service-landing-content .bluebox:before { display:none; }
#service-landing-content .bluebox:after { display:none; }
#service-landing-content .bluebox h2 { font-size:30px; }

#service-landing-content blockquote { margin:0 -20px 30px -20px; padding:30px 20px; width: calc(100% + 40px); background-size: cover; background-position: right bottom;background-repeat: no-repeat;}
#service-landing-content blockquote:before { display:none; }
#service-landing-content blockquote:after { display:none; }
#service-landing-content blockquote h2 { font-size:30px; }




/*-----------------------------------------------------------------------------------*/
/* 	12.= Fullwdith Hero Page styling
/*-----------------------------------------------------------------------------------*/

#fullwidth-hero-section { height:auto; padding:50px 0; }
#fullwidth-hero-section .container { display:block; height:auto; padding-left:20px; padding-right:20px; }
#fullwidth-hero-section .button-container { text-align:center; }
#fullwidth-hero-section h1 { font-size:30px; }
#fullwidth-hero-section .button { font-size:16px; padding:10px 25px; }
#fullwidth-hero-section.magento-certified-partner-agency { background:#4b1030 !important; }
#fullwidth-hero-section.netsuite-magento-connector { background:#FFF !important; }
#fullwidth-hero-section.website-development-online-marketing-for-accounting-firms { background:#077C8D !important; }
#fullwidth-hero-section.website-development-online-marketing-for-law-firms { background:#077C8D !important; }
#fullwidth-hero-section.website-development-online-marketing-for-travel-agencies { background:#077C8D !important; }
#fullwidth-hero-section.online-marketing-connecticut { background:#077C8D !important; }
#fullwidth-hero-section.secure-cloud-hosting-hipaa-compliant-data-storage { background:#224083 !important; }
#fullwidth-hero-section.social-media-ads { background:#077C8D !important; }
#fullwidth-hero-section.upgrade-magento-2 { background:#234084 !important; }
#fullwidth-hero-section.free-b2b-ecommerce-assessment { padding:50px 0; }
#fullwidth-content-section.page-content-section.agency .container {
    padding: 50px 20px;
}
#fullwidth-content-section .container { padding:50px 20px; }
.page-content-section h1 { font-size:25px; }
.page-content-section h2 { font-size:25px; }

.page-content-section .profile-bluebox { padding:30px 20px; text-align:center; display:block; margin:0 -20px; }
.page-content-section .profile-bluebox .image-container { width:auto; margin:0 0 30px 0; }
.page-content-section .profile-bluebox .image-container img { margin:0 auto; }
.page-content-section .profile-bluebox > p { width:auto; }
.page-content-section .right-column .profile-bluebox { margin-right:-20px; padding-bottom: 20px; background-position: -195px 0;}
.page-content-section .right-column .profile-bluebox p .cta-button {
    margin-left: auto;
}
.page-content-section .portfolios-section { margin:50px 0 0 0; }
.page-content-section .portfolios-section h2 { font-size:24px; }
.page-content-section .portfolios-section ul { display:block; margin:0 0 50px 0; }
.page-content-section .portfolios-section ul li { width:100%; margin:0 auto 50px auto; max-width:500px; }
.page-content-section .portfolios-section ul li:nth-child(4n) { margin-right:auto; }
.page-content-section .portfolios-section ul li:last-child { margin:0 auto; }



/*-----------------------------------------------------------------------------------*/
/* 	13.= Job Post styling
/*-----------------------------------------------------------------------------------*/

#job-content-section .container { padding:30px 20px 50px 20px; background:#FFF; }
#job-content-section .content { display:block; }
#job-content-section .post-title { margin:0 0 30px 0; font-size:30px; }

#job-content-section .main { width:100%; padding:0; margin:0 0 50px 0; }
#job-content-section .sidebar { width:100%; padding:0; border-right:none; }
#job-content-section .sidebar li { font-size:16px; }

#job-content-section blockquote { margin:0 -20px 30px -20px; padding:30px 20px; }
#job-content-section blockquote:before { display:none; }
#job-content-section blockquote:after { display:none; }
#job-content-section blockquote h2 { font-size:30px; }


/*-----------------------------------------------------------------------------------*/
/* 	14.= Landing Page styling
/*-----------------------------------------------------------------------------------*/

#landing-header { padding:20px 0; }
#landing-header .container { display:block; }
#landing-header .logo { float:left; }
#landing-header .menu-icon { float:right; margin:7px 0 0 0; width:31px; height:31px; background:url(../images/landing-mobile-icon.svg) no-repeat center center / 5px 31px; }
#landing-header .header-right { display:none; }
#landing-header nav { clear:both; padding:30px 0 0 0; font-family:"Lato", Arial, Helvetica, sans-serif; }
#landing-header nav > ul { display:block; }
#landing-header nav > ul > li { margin:0 0 8px 0; float:none; padding:0; border:none; text-align:center; line-height:1.3; }
#landing-header nav > ul > li a { color:#262626; font-size:20px; font-weight:400; }
#landing-header nav > ul > li a:hover { color:#1F8BB9; }
#landing-header nav > ul > li.current_page_item > a { color:#1F8BB9; }
#landing-header nav > ul > li ul { position:static; width:auto; background:none; padding:7px 0 0 0; margin:0; border:none; display:block !important; opacity:1 !important; visibility:visible !important; }
#landing-header nav > ul > li ul li { margin:0 0 8px 0; line-height:1.3; }
#landing-header nav > ul > li ul li a { padding:0; border:none !important; color:#000 !important; background:none !important; font-size:20px; }
#landing-header nav > ul > li ul li a:hover { color:#1F8BB9; }
#landing-header nav > ul > li ul li.current_page_item > a { color:#1F8BB9; }

#landing-header-overlay { height:83px; }
body.admin-bar #landing-header-overlay { margin-top:-46px; }

#landing-hero-section .container { max-width:none; }
#landing-hero-section .top-content { height:auto; padding:150px 0 150px 0; color:#FFF; text-align:center; }
#landing-hero-section .top-content h1 { font-size:30px; }
#landing-hero-section .top-content p { font-size:16px; margin:0 0 30px 0; }
#landing-hero-section .top-content p br { display:none; }
#landing-hero-section .top-content .button { padding:10px 25px; font-size:16px; margin:0; }
#landing-hero-section .top-content ul { font-size:16px; display:block; }
#landing-hero-section .top-content ul li { justify-content:center; margin:0 0 15px 0; }
#landing-hero-section .top-content ul li:last-child { margin:0; }
#landing-hero-section .top-content .alignright { float:none; margin:0 auto 30px auto; max-width:80%;  }
#landing-hero-section .top-content p { text-align:center !important; }

#landing-hero-section .testimonial-content { background:url(../images/mobile-landing-hero-blue-bg.png) no-repeat center top / cover; padding:150px 0 50px 0; margin:-180px 0 0 0; }
#landing-hero-section .testimonial-content .container:after { width:27px; height:19px; right:40px; bottom:40px; }
#landing-hero-section .testimonial-content img { width:27px; }

#landing-content-section { padding:0; }
#landing-content-section .container { max-width:none; width:100%; }
#landing-content-section .content-section { margin:0; padding:50px 20px; }
#landing-content-section { padding:0; }
#landing-content-section .container { padding:0; }
#landing-content-section .fa { font-size:40px !important; }
#landing-content-section h2 { font-size:30px; }
#landing-content-section h3 { font-size:20px; }
#landing-content-section h4 { font-size:16px; }
#landing-content-section .content-section { margin:0; padding:50px 20px; border-radius:0 !important; }
#landing-content-section .white ul li { padding:0 0 0 25px; background-size:12px 9px; background-position:left 7px; }
#landing-content-section .white .cross-list li { background-size:12px 12px; background-position:left 6px; }
#landing-content-section .blue ul li { padding:0 0 0 25px; background-size:12px 9px; background-position:left 7px; }
#landing-content-section .button { font-size:16px; }
#landing-content-section .work-list { display:block; }
#landing-content-section .work-list li { padding:0; margin:0 auto 30px auto; width:100%; }
#landing-content-section .work-list li:last-child { margin:0 auto 30px auto; }
#landing-content-section .work-list li h3 { font-size:20px; }
#landing-content-section .client-slider { padding:0 30px; }
#landing-content-section .client-slider .flex-direction-nav a { width:15px; height:25px; margin-top:-13px; }
#landing-content-section .three-column { display:block; }
#landing-content-section .three-column li { margin:0 auto 50px auto }
#landing-content-section .three-column li:last-child { margin:0 auto; }

#landing-content-section.magento-netsuite-connector .logo { width:120px; }
#landing-content-section.magento-netsuite-connector .content-section.transparent { margin-top:-112px; }


#landing-bar-section { padding:50px 0; text-align:center; margin:0; }
#landing-bar-section .container { display:block; }
#landing-bar-section .button { font-size:16px; }
#landing-bar-section h2 { text-align:left; font-size:25px; margin:0 0 30px 0; }
#landing-bar-section h2 br { display:none; }

#landing-bottom-section h2 { font-size:30px; }

#landing-bottom-section { background:#FFF; padding:50px 0; }
#landing-bottom-section .container { padding:0 20px; }
#landing-bottom-section i { font-size:50px; }
#landing-bottom-section h2 { font-size:30px; }

#landing-footer { padding:40px 0; }
#landing-footer .container { display:block; }
#landing-footer .container > * { margin-right:0; }
#landing-footer img { margin:0 auto; }
#landing-footer p { margin:0 0 30px 0; }
#landing-footer .social-networks li i { font-size:30px; }



/*-----------------------------------------------------------------------------------*/
/* 	15.= Managed Hosting Page styling
/*-----------------------------------------------------------------------------------*/

#managed-hosting-hero-section h1 { font-size:30px; }

#managed-hosting-content-section .top-list { display:block; margin:0 0 50px 0; }
#managed-hosting-content-section .top-list li { width:100%; max-width:300px; margin:0 auto 50px auto; }
#managed-hosting-content-section .top-list li:last-child { margin:0 auto; }
#managed-hosting-content-section .top-list li h3 { font-size:20px; }
#managed-hosting-content-section .top-list li .content .description { height:auto; padding:50px 0; }

#managed-hosting-content-section .bottom-list { display:block; margin:0 0 50px 0;  }
#managed-hosting-content-section .bottom-list li { width:auto; margin:0 -20px 50px -20px; padding:20px 30px 40px 30px; border-radius:0; width: calc(100% + 40px); }
#managed-hosting-content-section .bottom-list li:last-child { margin:0 -20px; }

#managed-hosting-tab-section { margin:0 0 20px 0; }
#managed-hosting-tab-section.tab-with-content { margin:0; }
#managed-hosting-tab-section .container { padding:0; }
#managed-hosting-tab-section .tab-item { margin-bottom:15px; }
#managed-hosting-tab-section .tab-item .tab-title { font-size:15px; padding:18px 50px; }
#managed-hosting-tab-section .tab-item .tab-title:before { top:10px; left:18px; }
#managed-hosting-tab-section .tab-item.active .tab-title:before { top:11px; }
#managed-hosting-tab-section .tab-item .tab-content { padding:30px 20px; }
#managed-hosting-tab-section .top-content { padding:0 20px; }
#managed-hosting-tab-section .top-content .button { font-size:16px; }
#managed-hosting-tab-section .bottom-content { padding:0 20px; }
#managed-hosting-tab-section .bottom-content .button { font-size:16px; }
#managed-hosting-tab-section .bottom-content blockquote { margin:50px -20px 0 -20px; padding:30px 20px; }
#managed-hosting-tab-section .bottom-content blockquote p { font-size:20px; }
#managed-hosting-tab-section .bottom-content blockquote .button { padding:13px 30px; font-size:16px; }

#managed-hosting-bottom-section .container { padding:0 20px 50px 20px; }
#managed-hosting-bottom-section blockquote { margin:0 -20px 50px -20px; padding:30px 20px; width: calc(100% + 40px);}
#managed-hosting-bottom-section blockquote p { font-size:20px; }
#managed-hosting-bottom-section blockquote .button { padding:13px 30px; font-size:16px; }



/*-----------------------------------------------------------------------------------*/
/* 	16.= 404 Page styling
/*-----------------------------------------------------------------------------------*/

#page404-hero-section .container { padding:80px 20px 150px 20px; }
#page404-hero-section h1 { font-size:50px; }
#page404-hero-section p { max-width:none; }


/* PIM Page desin Start*/
.page-template-Pim-page .section {  padding: 5px 0;}
.page-template-Pim-page #fullwidth-hero-section h1, .page-template-Pim-page #home-middle-bar-section h2, .page-template-Pim-page #managed-hosting-tab-section h2, .page-template-Pim-page #pim-contact-form h2, .page-template-Pim-page #pim-about-us h2 {font-size:25px;line-height:30px;}
.page-template-Pim-page #fullwidth-hero-section .banner-container .left-container p, .page-template-Pim-page #home-middle-bar-section p, .page-template-Pim-page #managed-hosting-tab-section p, .page-template-Pim-page #pim-contact-form p, .page-template-Pim-page #pim-about-us p {font-size:18px;line-height:28px;}
.page-template-Pim-page #fullwidth-hero-section {height: auto;padding-top: 30px;padding-bottom: 10px;}
.page-template-Pim-page #fullwidth-hero-section .banner-container .left-container {width:auto ;margin-top: 0;margin-right: 5px;}
.page-template-Pim-page #fullwidth-hero-section .banner-container .right-container {width:auto;}
.page-template-Pim-page #fullwidth-hero-section .banner-container .right-container #yt{ margin-top: 20px;}
.page-template-Pim-page #fullwidth-hero-section .banner-container .right-container .vedio-button::before{width: 52px;height: 52px;top: 42%;right: 43%;}
.page-template-Pim-page #home-middle-bar-section .left-column, .page-template-Pim-page #home-middle-bar-section .right-column {	width: 100%; }
.page-template-Pim-page #home-middle-bar-section .right-column {margin: 0px 0 10px 0;}
.page-template-Pim-page #home-middle-bar-section .left-column h2, .page-template-Pim-page #home-middle-bar-section .right-column h2, .page-template-Pim-page #home-middle-bar-section .top-container h2 {margin-bottom:17px;}
.page-template-Pim-page #home-middle-bar-section a {display:inline-block;margin-bottom:30px;}
.page-template-Pim-page #home-middle-bar-section .right-column ul, .page-template-Pim-page #home-middle-bar-section .left-column ul {padding-left: 30px;}
.page-template-Pim-page #home-middle-bar-section table {overflow: auto;display: flex; font-size:14px;}
.page-template-Pim-page #home-middle-bar-section table tr th, .page-template-Pim-page #home-middle-bar-section table tr td{padding: 5px;}
.page-template-Pim-page #home-middle-bar-section table tr th:nth-child(1),	.page-template-Pim-page #home-middle-bar-section table tr td:nth-child(1) {position: -webkit-sticky;position: sticky;left: 0;z-index: 1; border-right:2px solid #ffffff;border-bottom: 1px solid #ffffff;}
.page-template-Pim-page #managed-hosting-tab-section {padding: 0 15px;margin:0;}
.page-template-Pim-page #managed-hosting-tab-section .tab-item .tab-title {padding: 15px 15px;}
.page-template-Pim-page #managed-hosting-tab-section .tab-item .tab-title::before {top: 27px;}
.page-template-Pim-page #managed-hosting-tab-section .tab-item .tab-title img{padding-right: 15px; height:auto;width:60px;}
.page-template-Pim-page #managed-hosting-tab-section .tab-item .tab-title h2{font-size:20px;color:#000000; margin-bottom:10px;vertical-align: bottom;}
.page-template-Pim-page #pim-contact-form .contact-form .wpcf7-form{justify-content: center;}
.page-template-Pim-page #pim-contact-form .contact-form .wpcf7-form .field.name, .page-template-Pim-page #pim-contact-form .contact-form .wpcf7-form .field.email, .page-template-Pim-page #pim-contact-form .contact-form .wpcf7-form .field.phone, .page-template-Pim-page #pim-contact-form .contact-form .wpcf7-form .field.subject {width:auto;}
.page-template-Pim-page #pim-about-us {padding-right: 15px;padding-left: 15px;}
.page-template-Pim-page #pim-about-us .container{padding-bottom: 15px;}
.page-template-Pim-page #pim-about-us .container::before {right: 40%;}
/* PIM Page desin End*/

	
#home-middle-bar-section .image-list {
    text-align: center;
}
#home-middle-bar-section .image-list li{
	margin-right: 0px;
    margin-bottom:10px;
}
.client.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {
	max-height: 70px;
	width: auto;
}

.homeslider.owl-carousel .owl-nav {
	display: none;
}
.homeslider .content .slidetitle {
	font-size: 50px;
	line-height: 50px;
}
.homeslider .content .discription {
	line-height: 25px;
	font-size: 25px;
}
.staff-member {
    width: 50%;
    max-width: 100%;
    flex: none;
}
.staff-member .staff-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    min-height: 24px;
}
.staff-member .staff-job-title {
    font-size: 12px;
    line-height: 18px;
}
#team-gallery-section {
    margin-bottom: 30px;
}
#top-hero-section.default-template {
    margin-bottom: 30px;
}
#page-content.hww-our-team .container {
    padding: 20px 30px 0;
    box-shadow: inherit;
    border-radius: 0px;
}
.team-gallery-content .team-photo {
    margin-bottom: 30px;
}
	.modal-content {
		display: block !important;
		top: 50% !important;
  		left: 15% !important;
  		transform: translate(-10%, -50%) !important;
		overflow: scroll !important;
        height: 500px !important;
	}	
	.profile-name {
		width: 100% !important;
	}
	.profile-name::after {
		content: none !important;
	}
	.profile-name #modal-image {
		max-width: 50% !important;
        margin: 0 auto !important;
	}
	.staff-description {
		width: 100% !important;
	}
	.slider-menu {
    	bottom: 10px;	
    	line-height: 30px;
	}	
	
    .contact-content-form #contact-form {
        right: 20px;
        width: auto;
        top: 56px;
    }

    #top-hero-section.contact-content .top-content {
        margin-top: 0;
    }
    #page-content.contact-us .container.entry {
        padding: 100px 20px;
    }
    
    #page-content.contact-us .container.entry {
      background: none;  
    }
    #page-content.contact-us {
        background: #EFEFEF;
    }
    #client-list-section {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0;
    }
    #client-list-section .container {
        padding: 0 10px;
    }
    #client-list-section ul li {
        width: 48%;
        margin: 1%;
    }
    .page-template-page-landing-2025 #testimonial-challenge-process-section {
        margin: 30px;
    }
    .page-template-page-landing-2025 .ecommerceProjectItemBox ul li {
        width: 50%;
    }
    .page-template-page-landing-2025 #hubSpot-form-section .container {
        width: auto;
        margin: 30px;
    }

}

@media only screen and (min-width: 769px) and (max-width: 999px) {
	.staff-member .staff-job-title {
		font-size: 15px;
		min-height: 75px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .contact-content-form {
        padding-bottom: 20px;
    }
    #top-hero-section.contact-content {
        width: 100%;
    }
    .contact-content-form #contact-form {
        position: unset;
    }
    #page-content.contact-us .container.entry .content {
          width: 100%;
    }
	.homeslider .slider-content .desktop{
    	display: none;
    }
	#home-blog-section.blog .blog-list .blog-item {
	    flex-basis: 100%;
	    max-width: 100%;
	}
	#page-hero-section-blog.blog .blog-filter-container.new .filter-items {
	    display: flex;
        flex-wrap: wrap;
	}
	#page-hero-section-blog .filter-button {
	    display: flex;
        flex-basis: 80%;
        flex-grow: 1;
	}
	#home-blog-section {
	    margin-top: 10px;
	}
	#post-content .main .business_assessment_section {
	    margin: 0 0px 50px -20px;
	    width: calc(100% + 40px);
	}
	#footer .footer-links .footer-logos {
	    width: 100%;
	}
	#footer .footer-links-right {
	   width: 100%; 
	}
	.footer-form-block::before {
	    content: none;
	}
	.footer-form-block {
	    border-bottom: 1px solid #7C3D5E;
	    padding-bottom: 30px;
	    margin: 0px;
        max-width: 100%;
	}
	#footer .footer-links .footer-logos ul li {
	    width: calc(25% - 19px);
	}
	.page-template-page-landing-2025 .ecommerceProjectItemBox ul li .title {
        font-size: 18px;
        padding-top: 15px;
        margin-bottom: 5px;
        line-height: 20px;
    }
    .page-template-page-landing-2025 .ecommerceProjectItemBox ul li {
        width: 50%;
        margin-bottom: 0px;
        padding: 10px;
    }
	.page-template-page-landing-2025 #hubSpot-form-section .container {
        margin: auto;
    }
    .page-template-page-landing-2025 #hubSpot-form-section {
        margin: 30px 30px 50px 30px;
    }
    .page-template-page-landing-2025 #testimonial-challenge-process-section{
        padding-top: 0;
        padding-bottom: 30px;
    }
    .page-template-page-landing-2025 #testimonial-challenge-process-section .container.testimonial-content {
        margin-top: 0px;
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1100px) { 
    
    
}
@media only screen and (min-width: 999px) and (max-width: 1366px) { 
    .homeslider .content .slidetitle {
        font-size: 60px;
        line-height: 60px;
    }
	.homeslider .content .discription {
		line-height: 35px;
		
	}
	.homeslider .content {
	width: 85%;	
	}

}
@media only screen and (max-width: 1500px) {
	#home-work-section ul {gap: 20px;}
	#home-work-section ul li {flex: 0 0 23%;}
}

@media only screen and (max-width: 999px) {
    #n2mfullwidth-hero-section h1 {
        font-size: 40px;
    }
    #home-work-section .portfolio-items .portfolio-item {
        width: 48%;
        margin: 1%;
    }
	#home-work-section .portfolio-items .portfolio-item p {
		min-height: 40px;
	}
}
@media only screen and (max-width: 480px) {
    #home-work-section .portfolio-items .portfolio-item {
        width: 100%;
        margin: 0%;
    }
	#home-work-section .portfolio-items .portfolio-item p {
		min-height: auto;
	}
}
@media (min-width: 1500px) { 
  .portfolio-template-default .container.top-content .content {
    width: 59% !important;
    margin-left: 5% !important;
  }
}