/*----- net page fix ------*/
@media only screen and (min-width:1250px) {
    .net-feature-box {
        width: 980px;
    }
}
/*----- normal screen -----*/
@media only screen and (max-width:1250px) and (min-width:980px) {

	.wrapper {
		width: 960px;
	}
    .fc-text {
        top: 30%;
    }
    /*----- product page -----*/
    .product-feature #interface-img{
        width: 480px;
        height: 525px;
    }
    .product-feature .feature-list{
        margin-top: 80px;
    }
    .product-buy .cxmfg-buy-image{
        width: 43%;
    }
    .product-buy .fct-buy-image{
        width: 53%;
    }
    /*----- Partners page -----*/
    .partner-content ul li:nth-child(odd) {
        margin-right:0.5%!important;
    }
    /*----- About page -----*/
    .key-date-section .key-date-timeline ul li {
        margin-right: 92px;
    }
}

/*----- ipad Landscape -----*/
@media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape) {
        .nav-desktop {
            display: none;
        }

        .nav-mobile {
            display: block;
        }
    }
@media only screen and (max-width:980px) {

	.fc-text {
		width: 96%;
        top: 20%;
	}

	.section-image-right {
		width: 50%;
	}

	.section-image-left {
		width: 50%;
	}

	.wrapper {
		width: 98%;
	}
    .big-mouse{
        display: none;
    }
    /*----- product page -----*/
    .product-feature #interface-img{
        width: 395px;
        height: 440px;
    }
    .product-feature .feature-list{
        margin-top: 80px;
    }
    .product-buy .cxm-buy-image{
        width: 30%;
    }
    .product-buy .cxmfg-buy-image{
        width: 43%;
    }
    .product-buy .ost-buy-image{
        width: 55%;
    }
    .product-buy .fct-buy-image,  .product-buy .net-buy-image{
        width: 50%;
    }
    /*----- Partners page -----*/
    .partner-content ul li:nth-child(odd) {
        margin-right:0.5%!important;
    }
    .partner-content ul li {
        width: 45%!important;
    }
    /*----- About page -----*/
    .key-date-section .key-date-timeline ul li {
        margin-right: 70px;
    }
    /*----- Contact page -----*/
    section .tab-arrow {
      right: 10px;
      margin-top: -12.5px;
      width: 25px;
      height: 25px;
      }
      .contact-desktop-type .contact-tab-sale, .contact-desktop-type .contact-tab-sup, .contact-desktop-type .contact-tab-general {
        background-size: 40px 60px;
      }
      .contact-desktop-type .contact-type{
        font-size: 16rem;
        padding: 40px 0 40px 45px;
      }
}
@media only screen and (max-width:950px) and (min-width:835px) {
    .btn-nav img{
        display: none;
    }
    .header-main nav ul li a {
        width: 85px;
    }
    .box-right {
        margin-left: 10px!important;
    }
    .team-citation {
        padding: 15px 15px 0 15px!important;
    }
    section .net-featured-event-wrapper {
        width: 100%;
        margin: 0 auto;
    }
}

/*----- ipad Portrait -----*/
@media only screen and (max-width:835px) {

	.nav-desktop {
		display: none;
	}

	.nav-mobile {
		display: block;
	}

    #video-position {
        display: none;
    }
    .focus-content {
        height: 70%;
    }
    .product-focus-content {
        height: 70%;
    }
	.scroll-down-arrow {
		display: none;
	}
    .evenium-logo {
        margin-top: 8px;
        margin-right: 0px!important;
    }
    .header-main {
        height: 50px;
        line-height: 50px;
    }
    body .anchor-point-fix {
        margin-top: -50px;
        margin-bottom: 50px;
    }
    section .triple-content-box, section .four-content-box {
        float: none;
        width: 96%;
    }
    section.other-pricing-bg .triple-content-box {
        padding-bottom: 30px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }
    .blog-feed {
        margin-bottom: 30px;
    }
    section div +.triple-content-box, section div +.four-content-box {
        margin-left: 0;
    }
    .lang-select .lang-list div{
        padding: 15px 10px;
    }
    .lang-select .current-language, .lang-select .lang-list div {
        min-width: 130px;
    }
    /*----- user zone ----*/
    .icon-desktop {
        display: none!important;
    }
    .icon-mobile {
        display: inline-block!important;
    }
    /*----- pricing page -----*/
    .price-box img{
        display: none;
    }
    .pricing-box {
        padding: 20px 15px!important;
        margin-bottom: 10px !important;
    }
    .cxm-pricing a[class=white-transparent-btn] {
        margin: 20px 0!important;
    }
    .cxm-nonprofit .cxm-nonprofit-popup, .netpricing-detail .netpricing-detail-popup {
        width: 96%;
        left: 0;
        margin-left: 0;
        padding: 10px 2%;
    }
    section.cxm-nonprofit .cxm-pricing h1, section.netpricing-detail .net-pricing h1 {
        width: 90%;
        font-size: 18rem;
    }
    .cxm-pricing .global-license {
        padding-top: 20px;
        float: none;
    }
    /*----- product page -----*/
    .product-focus{
        height: 75%!important;
    }
    .product-feature #interface-img{
        width: 390px;
        height: 435px;
        float: left;
    }
    .product-feature .feature-list{
        width: 37%;
        margin-top: 80px;
    }
    .cxm-setup-content .btn-main-gradient{
        margin-bottom: 30px;
    }
    .demo-bg .demo-bg-content {
        margin-top: 120px;
    }
    .demo-bg .demo-box {
        width: 100%;
    }
    section .fct-extra h2 {
        display: block;
        width: auto;
        padding-top: 50px;
    }
    section .fct-extra a {
        width: 49%;
    }
    /*----- Enet -----*/
    .net-detail-box img, .net-feature-box img {
        width: 250px;
    }
    .net-feature-box .box-left, .net-feature-box .box-right {
        margin-bottom: 50px;
    }
    .net-detail-box .box-left, .net-detail-box .box-right {
        margin-bottom: 70px;
    }
    section .net-featured-event-wrapper {
        width: 100%;
        margin: 0 auto;
    }
    /*----- resources page -----*/
    .rsnav .mobile-nav{
        display: block;
    }
    .rsnav .desktop-nav{
        display: none;
    }
    .rsnav {
        height: 65px!important;
    }
    /*----- contact page -----*/
    .contact-desktop-type .contact-type{
      font-size: 18rem;
      padding: 40px 0 40px 45px;
    }
    .contact-desktop-type .contact-tab-sale, .contact-desktop-type .contact-tab-sup, .contact-desktop-type .contact-tab-general {
      background-size: 40px 60px;
    }
    .success-message, .contact-form-perso-info .error-message {
        margin-left: 0;
    }
    section .contact-form ul li.left-textform-box, section .contact-form ul li.right-textform-box{
      flex: 1 100%;
      padding: 0;
    }
    /*----- Partners page -----*/
    .partner-content ul li {
        width: 96%!important;
        padding: 10px 2%!important;
    }
    .last-paragraphe {
        width: 50%!important;
    }
    /*----- About page -----*/
    .key-date-section {
        padding: 50px 0!important;
    }
    .key-date-section .key-date-timeline ul {
        position: static;
        margin-left: -7px;
    }
    .key-date-section .key-date-timeline ul li {
        display: block;
        margin-top: 40px;
        height: auto;
        width: 100%;
        background-position: left top;
    }
    .key-date-section .key-date-timeline ul li:hover {
        background-position: left top;
    }
    .key-date-timeline .key-date {
        display: none;
    }
    .key-date-section .key-date-timeline {
        border-bottom:0;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        margin-top: 30px;
        margin-left: 7px;
        height: auto;
    }
    .key-date-section .key-date-content {
        display: block;
        position: static;
        margin-left: 35px;
        margin-top: -40px;

    }
    .key-date-section .bubble {
        width: 90%;
        min-height: 50px;
    }
    .key-date-section .bubble:after {
        border-width: 15px 15px 15px 0;
        border-color: transparent rgba(0, 0, 0, 0.4);
        bottom: auto;
        top: 13px;
        left: 0px;
    }
    .key-date-timeline ul li:first-child .bubble:after {
        left: 0px!important;
    }
    .key-date-timeline ul li:last-child .bubble:after {
        left: 0px!important;
        right: auto!important;
    }
}

@media only screen and (max-width:835px) and (min-width:650px) {
    .newsletter-box {
        padding-bottom:50px;
    }
    .product-buy-content{
        margin-top: 50px!important;
    }
    .contact-form-perso-info input[type="text"], .contact-form-perso-info select {
        width: 50%!important;
    }
    .product-focus .product-focus-content {
        margin-top: 18%;
    }
    .team-box{
        width: 45%!important;
    }
}
@media only screen and (max-width:700px) and (min-width:650px) {
    .topfooter {
        display: none;
    }
}
/*----- Mobile -----*/
@media only screen and (min-width:0px) and (max-width:650px) {
  .float-contact-sales {
    display: none;
  }
    .fc-text h1 {
        font-size: 22rem;
        margin-bottom: 25px;
    }
    .fc-text p {
        font-size: 16rem;
    }
    .box-right {
        float: right;
        margin-left: 8px;
    }
    .box-left {
        float: left;
        margin-right: 8px;
    }
    .btn-nav img{
        display: none;
    }
    .btn-nav a {
        padding:  7px 20px !important;
    }
    .section-image-right {
		display: none;
	}

	.section-image-left {
		display: none;
	}
    .newsletter-box {
        padding-bottom:100px;
    }
	.section-content-light {
		width: 98%;
	}

	.section-content-dark {
		width: 98%;
	}
    .header-main .lang-select {
        display: none;
    }
    footer .lang-select{
        margin-bottom: 5px;
    }
    .footer-icon{
        display: none;
    }
    .footer-box {
        display: none;
    }
    .social-network span {
        display: none;
    }
    .newsletter-forum input[type=submit] {
        float: none;
    }
    footer {
        min-height: 30px;
        padding: 15px 0 10px 0;
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    button {
        margin-top: 30px;
        width: 100%;
        display: block;
    }
    .lang-select .current-language, .lang-select .lang-list div {
        min-width: 110px;
    }
    .lang-select .current-language{
        padding: 8px;
        background-position:105px center;
    }
    footer .social-network img {
        margin-right: 8px;
    }
    .footer-mobile-social{
        display: none;
    }
    .footer-mobile{
        display: block;
    }
    .topfooter {
        display: none;
    }
    /*----- user zone ----*/
    .link-desktop {
        display: none!important;
    }
    .link-mobile {
        display: block!important;
    }
    .user-zone {
        width: 95px!important;
    }
    #user-name {
        width: 65px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: normal;
    }
    .user-menu {
        width: 150px;
    }

    /*----- product page -----*/
    .product-focus .product-focus-content {
        margin-top: 20%;
    }
    .product-focus .product-focus-content img{
        margin: 0px auto 10px auto;
    }
    .product-focus .product-focus-content a img{
        margin: 10px auto 0px auto;
    }
    .product-focus .product-focus-content .product-logo-mobile, .demo-bg .demo-bg-content .product-logo-mobile {
        width: 159px;
    }
    .product-focus .product-focus-content h1{
        font-size: 18rem;
    }
    #interface-img{
        display: none;
    }
    .product-feature .feature-list{
        width: 80%;
        margin: 50px 10% 0 10%;
    }
    .feature-active{
        background-image: none!important;
    }
    section .triple-product-content-box, section .triple-target-content-box{
        display: block !important;
        width: 100% !important;
        padding-bottom: 30px;
    }
    section .four-product-content-box{
        display: block;
        width: 100%;
        padding-bottom: 30px;
    }
    .sep-line {
        display: none!important;
    }
    .product-highlight .btn-white{
        margin: 30px auto 0 auto;
        width: 80%;
        display: block!important;
    }
    section .cxm-setup-content{
        width: 100%;
        margin-top: 30px;
        margin-bottom: 0;
    }
    .cxm-setup-content .btn-main-gradient{
        margin-right: 40px!important;
    }
    section .cxm-setup-quote{
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .cxm-buy-image, .ost-buy-image, .fct-buy-image, .cxmfg-buy-image, .net-buy-image {
        display: none;
    }
    section .fct-extra a {
        width: 100%;
        display: block;
        padding: 30px 0;
    }
    .product-buy .product-buy-content{
        width: 94%;
        float: right;
        margin: 50px 3% 0 3%;
    }
    .demo-bg .demo-bg-content {
        margin-top: 70px;
    }
    .demo-bg .demo-forum input[type=text] {
        width: 94%;
    }
    .demo-bg .demo-forum input[type=submit]{
        width: 100%;
        margin-bottom: 15px;
    }
    .demo-bg .demo-box p {
        padding-bottom: 15px;
    }
    .demo-bg .demo-bg-content h1 {
        font-size: 1.5em;
    }
    .demo-bg {
        padding-bottom: 100px;
    }
    /*----- Enet -----*/
    .net-detail-box img, .net-feature-box img {
        display: none;
    }
    .net-more-features .product-mid-content-box {
        margin: 0;
    }
    section .net-featured-event-sep-line {
        display: block;
        background-color: #000;
        width: 12.5em;
        height: 1px;
        opacity: 0.1;
        margin-bottom: 15%;
        margin-left: auto;
        margin-right: auto;
    }
    section .net-featured-event-wrapper {
        width: 15.8em;
        margin: 0 auto;
    }
    .net-featured-event-wrapper .no-marge {
        margin: 0 auto;
    }

    /*----- pricing page -----*/
    .pricing-box .price-box {
        width: 100%;
        margin-bottom: 20px;
    }
    .cxm-pricing {
        padding-top: 80px!important;
    }
    .cxm-nonprofit .cxm-pricing, .netpricing-detail .net-pricing {
        padding-top: 0!important;
    }
    .cxm-nonprofit .cxm-nonprofit-popup, .netpricing-detail .netpricing-detail-popup{
        width: 95%;
        height: 60%;
        top:40px;
        overflow-y: scroll;
    }
    .cxm-nonprofit-popup h1, .netpricing-detail-popup h1 {
        font-size: 18rem!important;
    }
    .netpricing-detail-popup .netpopup-detail-box {
        padding: none;
        width: 100%;
        float: none;
        margin-bottom: 80px;
    }
    #close-popup {
        margin-top: 10px;
    }
    /*----- resources page -----*/
    .rsnav .mobile-nav{
        width: 80%;
    }
    .rs-section .btn-main-gradient{
        float: none!important;
        padding-bottom: 5px;
    }
    .rs-section p{
        float: none!important;
        line-height: 35px!important;
    }
    .rs-section li {
        line-height: 35px!important;
    }
    /*----- contact page -----*/
    .contact-desktop-type {
      display: none;
    }
    .contact-form-position .contact-mobile-type {
      display: block;
    }
    section .contact-form-position, section .contact-address {
      float: none;
      width: 100%;
      border-left: 0px;
      padding: 0;
    }
    section .contact-address {
      text-align: left;
      font-size: 14rem;
      margin-top: 40px;
      clear: both;
    }
    section .contact-address ul li {
      display: inline-block;
      margin-right: 30px;
    }
    section .contact-address ul li:first-child {
      display: block;
    }
    .contact-form-position .contact-form ul li {
      margin-bottom: 15px;
    }
    .contact-form-position .contact-form ul li:first-child {
      margin-top: 20px;
    }
    .contact-form .form-title {
      display: none;
    }
    .contact-form button {
      float: none;
    }
    #form-sale {
      display: none;
    }
    section .contact-form-perso-info ul {
        width: 100%;
        display: block;
    }
    .contact-content input[type="text"], select {
        width: 100%!important;
    }
    label {
        text-align: left!important;
        line-height: 25px;
    }
    .contact-form-message{
        margin-bottom: 170px!important;
    }
    /*----- Partners page -----*/
    .last-paragraphe {
        width: 100%!important;
    }
    .partner-content {
        background-image:none!important;
    }
    /*----- About page -----*/
    .key-date-section .bubble {
       width: 85%;
    }
    section .mission-content div {
        width: 100%;
    }
    section .mission-content {
        background: none;
        padding-bottom: 30px;
        padding-top: 50px;
    }
    section .management-content div {
        width: 100%;
    }
    .mission-content img {
        display: none;
    }
    section .start-begin img {
        float: none;
        margin: 30px auto;
        display: block;
    }
    section .management-bio {
        float: none;
        width: 100%;
    }
    section .management-box {
        float: none;
    }
    /*----- Recrutment page -----*/
    .job-support-head, .job-dev-head, .job-sales-head {
        background-image: none!important;
    }
    .plus-toggle button {
        margin-top: 0!important;
    }
    .job-info-content .apply-link a {
        margin-top: 30px;
        width: 100%;
        display: block;
        float: none;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
}
/*-------- FIX ---------*/
@media only screen and (min-height:0px) and (max-height:460px) {
    .mobile-height-fix{
        overflow-y: scroll;
        overflow-x: hidden;
        height: 200px;}
}
@media only screen and (max-height:740px) and (min-height:0px) {
    .cxm-nonprofit .cxm-nonprofit-popup, .netpricing-detail .netpricing-detail-popup{
        top:40px;
        overflow-y: scroll;
    }
}
@media only screen and (min-width:835px) and (max-width:878px) {
    .icon-desktop {
        display: none!important;
    }
    .icon-mobile {
        display: inline-block!important;
    }
    #user-name {
        width: 70px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: normal;
    }
    .user-zone {
        width: 100px;

    }
    .user-menu{
        width: 150px;
    }
}