﻿@media only screen and (max-width: 1367px) {
	.cards-design-whats .whats-new-img {
	    height: 170px;
	} 
	.cards-design-whats p.bottm-cont {
	    font-size: 14px;
	}
	.get-started p { 
	    font-size: 18px;
	}
	.cards-design-whats .whats-new-img p.announce-link {
	    font-size: 22px;
	}
	section#announce {
	    padding: 70px 5% 30px;
	}
	.title-section {
	    font-size: 24px;
	    margin-bottom: 20px;
	}
	.landing-page-heading {
	    font-size: 22px;
	}
	.box-filters p.landing-page-describe {
	    font-size: 14px;
	    line-height: 20.4px;
	    margin-bottom: 5px;
	}
	.box-filters p.api-note {
	    font-size: 12px;
	}
	.mt-60 {
	    margin-top: 50px;
	}
	.mb-80 {
	    margin-bottom: 70px !important;
	}
	section#service-providers .home-service-providers center p {
	    font-size: 18px;
	}
	section#service-providers .home-service-providers center h3 {
	    font-size: 36px;
	    line-height: 50px;
	}
	div.service-provider-container .card {
	    margin: 0px;
	}
	div.service-provider-container .card a img {
	    height: 80px !important;
	    width: auto;
	}
	div.service-provider-container .card a img.size-smd {
		height: 60px !important;
	}
	#videos {
	    padding: 2rem 5%;
	}
	section#service-providers .home-service-providers  {
	    padding: 2em 5%;
	}
	section#resources .home-resources .descript, .card.cards-nes p.cont-resl, p.resource-link a {
	    font-size: 14px;
	}
	p.resource-link a img {
	    height: 10px;
	}
	.content-inner #mc-main-content h1 {
	    font-size: 42px;
	    line-height: 46px;
	    margin-top: 10px;
	    margin-bottom: 0px;
	}
	.content-inner #mc-main-content p.fab-sublines {
	    font-size: 18px;
	}
	.content-inner #mc-main-content .card.cards-fabs p.product-landing-heading {
	    font-size: 24px;
	    line-height: 30px;
	}
	.content-inner #mc-main-content .card.cards-fabs p.landing-page-describe {
	    font-size: 14px;
	}
	.link-relateds a {
	    font-size: 14px;
	    line-height: 20px;
	}
	p.link-relateds {
	    margin-bottom: 0px;
	}
}

@media only screen and (max-width: 1199px) {
	.home h1 {
	    font-size: 44px;
	    line-height: 42px;
	}
	section#search .hero h1 {
	    margin-bottom: 7px;
	}
	div.hero p {
	    font-size: 1.2em;
	}
	.search-bar._Skins_SearchBar_Home.mc-component {
	    margin: 0 auto;
	}
	.cards-design-whats .whats-new-img {
	    height: 150px;
	}
	.cards-design-whats .whats-new-img p.announce-link {
	    font-size: 20px;
	    line-height: 26px;
	}
	.cards-design-whats p.bottm-cont {
	    font-size: 13px;
	    line-height: 20px;
	}
	.landing-page-heading {
	    font-size: 20px;
	}
	.box-filters p.landing-page-describe {
	    font-size: 13px;
	    line-height: 20px;
	}
	div.product-container .box-filters a {
	    padding: 2rem 0.5rem !important;
	}
	.box-filters p.api-note {
	    font-size: 11px;
	}
	section#service-providers .home-service-providers center h3 {
	    font-size: 30px;
	    line-height: 40px;
	}
	section#service-providers .home-service-providers center p {
	    font-size: 16px;
	}
	div.service-provider-container .card a img {
	    height: 60px !important;
	    width: auto;
	}
	div.service-provider-container .card a img.size-smd {
	    height: 40px !important;
	}
	section#resources h3 {
	    font-size: 24px;
	    margin-top: 0px;
	}
	section#resources .home-resources .descript, .card.cards-nes p.cont-resl, p.resource-link a {
	    font-size: 13px;
	    line-height: 20px;
	}
	.card.cards-nes p.cont-resl {
	    margin-top: 0px;
	}
	.card.cards-nes p.resource-heading {
	    font-size: 18px;
	}
	body#topics .header-logo .header-text, body#beta .header-logo .header-text {
	    display: none;
	}
	.content-inner #mc-main-content h1 {
	    font-size: 38px;
	    line-height: 40px;
	    margin-top: 10px;
	    margin-bottom: 0px;
	}
	.content-inner #mc-main-content p.fab-sublines {
	    font-size: 16px;
	    line-height: 26px;
	}
	div.product-landing-container .card.cards-fabs a i {
	    font-size: 30px;
	}
	.content-inner #mc-main-content .card.cards-fabs p.product-landing-heading {
	    font-size: 20px;
	    line-height: 28.8px;
	    margin-bottom: 5px;
	}
	.content-inner #mc-main-content .card.cards-fabs p.landing-page-describe {
	    font-size: 14px;
	}
	div.product-landing-container .card.cards-fabs a {
	    padding-right: 0px;
	    padding-bottom: 40px;
	    padding-left: 5px;
	}
	.link-relateds a {
	    font-size: 14px;
	}
	p.link-relateds {
	    margin-bottom: 0;
	}
	.header-logo .header-text {
	    display: none;
	}
	
}

@media only screen and (max-width: 991px) {
	.home h1 {
	    font-size: 36px;
	    line-height: 36px;
	}
	div.hero p {
	    font-size: 1em;
	}
	section#search .search-bar._Skins_SearchBar_Home.mc-component {
	    margin-top: 20px;
	}
	.landing-page-heading {
	    font-size: 16px;
	}
	div.service-provider-container .card a img {
	    height: 40px !important;
	}
	div.service-provider-container .card a img.size-smd {
	    height: 30px !important;
	}
	section#service-providers .home-service-providers center h3 {
	    font-size: 26px;
	    line-height: 30px;
	    margin-top: 10px;
	}
	._Skins_LightMode .sp-btn a, ._Skins_LightMode .sp-btn a:link, ._Skins_LightMode .sp-btn a:visited, ._Skins_LightMode .sp-btn a:hover, ._Skins_DarkMode .sp-btn a, ._Skins_DarkMode .sp-btn a:link, ._Skins_DarkMode .sp-btn a:visited, ._Skins_DarkMode .sp-btn a:hover {
	    font-size: 14px;
	    padding: 11px 20px;
	}
	.card.cards-nes p.resource-heading {
	    font-size: 16px;
	    line-height: 30.8px;
	}
	.footer-main ul.foot-links li.copy-ri {
	    font-size: 13px;
	}
	.footer-main ul.foot-links li a {
	    font-size: 13px;
	}
	ul.footer-social li a i {
	    font-size: 16px;
	}
	ul.footer-social li a {
	     margin-left: 13px;
	}
	.video-section-de .v-card.columns {
	    margin-bottom: 20px;
	}
}

@media only screen and (max-width: 640px) {
	._Skins_LightMode .header-logo .image-placeholder {
	    width: 120px !important;
  	    height: 18px !important;
	    background-size: cover;
	}
	div#localize-widget a#localize-active-lang {
	    padding: 9px 10px !important;
	    padding-right: 25px !important;
	    min-width: fit-content;
	}
	.header-content div#localize-widget a#localize-active-lang:after {
	    right: 9px;
	}
	.header-content .child-right div#localize-widget {
	     margin-left: 8px;
	}
	header div.header-content {
	   padding: 15px 15px;
	    height: auto;
	}
	.header-content div#localize-widget div#localize-widget-langs {
	    position: absolute;
	    right: 0;
	}
	.home h1 {
	    font-size: 30px;
	    line-height: 36px;
	    padding-bottom: 0px;
	}
	div.hero p {
	    font-size: 0.8em;
	    margin-bottom: 0px;
	    line-height: 1.5;
	    padding: 0 20px;
	}
	.get-started p {
	    font-size: 12px;
	}
	section#announce {
	    padding: 40px 15px 0px;
	}
	.title-section {
	    font-size: 18px;
	    margin-bottom: 12px;
	}
	.mt-60 {
	    margin-top: 35px;
	}
	.landing-page-heading {
	    font-size: 14px;
	}
	.box-filters p.landing-page-describe {
	    margin-top: 0px;
	}
	.mb-80 {
	    margin-bottom: 50px !important;
	}
	section#service-providers .home-service-providers center h3 {
	    font-size: 20px;
	    line-height: 28px;
	}
	section#service-providers .home-service-providers center p {
	    font-size: 14px;
	    line-height: 20px;
	}
	h3.title-section .right-btn {
	     position: relative;
	    top: -7px;
	}
	.video-section-de {
	    margin-bottom: 0;
	}
	section#resources h3 {
	    font-size: 20px;
	    line-height: 20px;
	   color: #333;
	}
	section#resources .home-resources .descript, .card.cards-nes p.cont-resl, p.resource-link a {
	    margin-bottom: 0px;
	}
	p.resource-link {
	    margin-top: 2px;
	}
	footer.footer-main .columns {
	    text-align: center;
	}
	.footer-main ul.foot-links {
	   margin-top: 10px;
	}
	div.social ul.footer-social {
	    justify-content: center;
	    margin-top: 10px;
	}
	section#search .search-bar.search-bar-container._Skins_SearchBar_Home.mc-component .search-submit {
	    width: 50px;
	}
	section#search .search-submit:after {
	    content: "\f002";
	    font-family:"FontAwesome";
		line-height: 25px;
	}
	.search-bar.search-bar-container.needs-pie._Skins_SearchBar_Home.mc-component:after {
		display:none;
	}
	section#search .search-bar._Skins_SearchBar_Home.mc-component .search-field {
	   padding-left: 15px;
	}
	.search-bar._Skins_SearchBar_Home.mc-component {
	    width: 92%;
	}
	.footer-main ul.foot-links li.copy-ri {
	    font-size: 13px;
	    position: relative;
	    top: 2px;
	}
	#products, #products_2 {
	    margin: 0 15px;
	}
	section#service-providers .home-service-providers {
	    padding: 2em 15px;
	}
	#videos {
	    padding: 2rem 15px;
	}
	._Skins_LightMode .home-resources, ._Skins_LightMode .home-service-providers {
	    padding: 3em 15px;
	    background-color: #eeeeee;
	}
	.footer-main {
	    padding: 1.3rem 15px;
	    background: #333333;
	}
	.dropdown.drop-fixs button.dropbtn span.arrow-don {
	    margin-left: 1px;
	}
	.get-started p i {
	    top: 0px;
	    position: relative;
	    font-size: 12px;
	}
	.top-breadcumb .breadcrumbs span.MCBreadcrumbsSelf {
	    font-size: 12px;
	}
	.top-breadcumb .breadcrumbs span.MCBreadcrumbsPrefix + a.MCBreadcrumbsLink:after {
	    font-size: 17px;
	    top: -5px;
	}

	.content-inner #mc-main-content h1 {
	    font-size: 30px;
	    line-height: 30px; 
	    margin-top: 5px;
	    margin-bottom: 0px;
	}
	.content-inner #mc-main-content p.fab-sublines {
	    font-size: 14px;
	    line-height: 26px;
	    margin-top: 5px;
	}
	div.product-landing-container {
	    margin-top: 25px;
	}
	div.product-landing-container .card.cards-fabs a {
   		padding-bottom: 22px;
	    padding-left: 0;
	}
}

@media only screen and (max-width: 1000px) {
	.search-inner-proxy {
	    position: absolute;
	    top: 100px;
	    left: 0;
	    z-index: 111;
	    right: 0;
	    margin: 0px;
	    padding: 20px;
	    background: #fff;
	    box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.11);
	    border-top: 1px solid #e9e9e9;
		display: none;
	}
	.content-container.new-section-set .left-menu-container {
	    left: -400px;
		transition: 0.4s ease-in-out;
	}
	.content-container.new-section-set .right-content-all {
	    position: relative;
	    padding: 20px 20px;
	    padding-bottom: 40px;
	    padding-left: 20px;
	}
	.header-content a.icon-menu, .header-content a.search-menu {
	    display: inline-flex;
		margin-top: 4px;
	}
	.header-content .child-right div#localize-widget {
   		margin-left: 7px;
	}
	.header-content	.child-left {
	    display: flex;
	    align-items: center;
	}
	.header-content .search-bar.search-bar-container.needs-pie._Skins_SearchBar_Topics.mc-component {
	    width: 100%;
	}
	body.home {
	    padding-top: 80px !important;
	}
	header div.header-content {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	}
	body#topics, body#beta	 {
	    padding-top: 100px !important;
	}
	.content-container.new-section-set .left-menu-container {
	    position: fixed;
	    top: 0;
	    padding-top: 130px;
	    height: 100vh;
	}

	body#topics.sidebar-active, body#beta.sidebar-active {
	    overflow: hidden;
	}
}
@media only screen and (max-width: 640px) {
	.left-menu-container ul.menu._Skins_LeftMenu.mc-component  {
	    padding-bottom: 40px;
	}
	.content-container.new-section-set .left-menu-container {
	    padding-top: 100px;
		padding-bottom: 20px;
	}
	body.home {
	    padding-top: 50px !important;
	}
	body#topics,body#beta {
	    padding-top: 73px !important;
	}
	.left-menu-container ul.menu._Skins_LeftMenu.mc-component {
	    display: block !important;
	}
	.header-content a.search-menu {
  		 margin-top: 5px;
	    width: 37px;
	    height: 37px;
	    margin-left: 6px;
	}
	._Skins_LightMode .header-logo .image-placeholder {
	 	 width: 65px !important;
	    height: 34px !important;
	    background-size: cover;
	}
	.small-show-logo  {
		display: block;
	}
	.search-inner-proxy {
	    top: 71px;
		padding: 13px 10px;
	}
	.search-inner-proxy .search-bar._Skins_SearchBar_Topics input.search-field {
   	 	padding: 12px;
	}
	.search-inner-proxy .search-bar._Skins_SearchBar_Topics .search-filter-wrapper .search-filter, .search-inner-proxy .search-bar._Skins_SearchBar_Topics .search-submit-wrapper .search-submit {
	    height: 46px;
	}
	.header-content a.icon-menu {
	    width: 37px;
	    height: 37px;
	    margin-left: 0;
		margin-top: 5px;
   		margin-left: 6px;
	}
	.small-show-logo {
	    border-bottom: 1px solid #cfcfcf;
	    padding-bottom: 15px;
	    margin-bottom: 15px;
		padding-left: 20px;
	}
	._Skins_LightMode .left-menu-container .header-logo .image-placeholder {
	    width: 188px !important;
	    height: 28px !important;
	    background-size: cover;
	    background-color: transparent;
	}
	.new-section-set .content-layout > .left-menu-container {
	    width: 300px;
	    max-width: 300px;
	}
	.new-section-set .content-layout > .left-menu-container .sidenav-wrapper {
	    width: 300px;
	    display: block;
	}
	body#topics header div.header-content, body#beta header div.header-content {
	    padding: 15px 15px;
	}
	.content-container.new-section-set .right-content-all {
	    position: relative;
	    padding: 15px 15px;
	    padding-bottom: 30px;
	    padding-left: 15px;
	}
	.search-inner-proxy .search-bar._Skins_SearchBar_Topics input.search-field {
	    min-width: 100%;
	    padding-right: 92px !important;
	    font-size: 14px;
	}
	.search-inner-proxy .search-bar._Skins_SearchBar_Topics .search-filter-wrapper .search-filter, .search-inner-proxy .search-bar._Skins_SearchBar_Topics .search-submit-wrapper .search-submit {
	    height: 43px;
	}
	.top-breadcumb div.MCBreadcrumbsBox_0 {
	    display: block !important;
	}
	body#topics .dropdown.drop-fixs, body#beta .dropdown.drop-fixs {
	    margin-top: 7px;
	}
	.header-content div#localize-widget a#localize-active-lang {
		font-size: 12px !important;
	}
	.dropdown.drop-fixs button.dropbtn {
	    font-size: 12px !important;
	}
	.header-content .child-right div#localize-widget {
	    margin-left: 5px;
	}
	._Skins_LightMode .sidebar-active header .header-content  .header-logo .image-placeholder {
	    width: 65px !important;
	    height: 34px !important;
	    background-size: cover;
	}
	ul.list-filters li button.btn-filter {
	    font-size: 13px;
	    line-height: 17.8px;
	    padding: 0px 14px;
	}
	ul.list-filters li button.btn-filter span:after {
	    bottom: -9px;
	    height: 2px;
	}
	ul.list-filters {
	    margin-bottom: 35px;
	}
}

@media only screen and (max-width: 640px) {
	ul.list-filters li button.btn-filter {
	    font-size: 11px;
	    line-height: 17.8px;
	    padding: 0px 7px;
	}
	.sidenav-layout nav.sidenav-wrapper ul.vertical.menu.sidenav ul.vertical.menu.accordion-menu li a {
	    font-size: 14px !important;
	    padding: 8px 30px;
	}
	div#loading .loader-icon img  {
	    width: 120px;
	}
}

@media only screen and (max-width: 1200px) {
.hide-lp-s {
    display: none !important;
}
.full-lp-s {
    width: 100%!important;
}

}