@media screen and (min-width: 1024px) {
        
        /* summary fixed only in desktop and min tablet (landscape) */
        div#summaryID.fixedClass {
            padding-left: 0;
            position: fixed;
            right: 0;
            top: 1%;
        }

        div#summaryID.fixedClass .iam-summary {
            margin-top: 0;
        }

    }

    @media screen and (min-width: 1380px) {
        
        /* summary fixed only in desktop and min tablet (landscape) */
        div#summaryID.fixedClass {
            width: 455.33px;
        }

    }

    @media screen and (min-width: 1900px) and (max-width: 2200px) {
        
        /* summary fixed only in desktop and min tablet (landscape) */
        div#summaryID.fixedClass {
            right: 14.3%;
        }

    }

    @media screen and (min-width: 1660px) and (max-width: 1690px) {
        
        /* summary fixed only in desktop and min tablet (landscape) */
        div#summaryID.fixedClass {
            right: 8.565%;
        }

    }

    @media screen and (min-width: 1580px) and (max-width: 1610px) {
        
        /* summary fixed only in desktop and min tablet (landscape) */
        div#summaryID.fixedClass {
            right: 6.45%;
        }

    }

    @media screen and (min-width: 1400px) and (max-width: 1450px) {
        
        /* summary fixed only in desktop and min tablet (landscape) */
        div#summaryID.fixedClass {
            right: 1.45%;
        }

    }

    /* Hacking css bootstrap (col-sm) */
    @media screen and (min-width: 900px) {

        .iam-header {
            background: #fff;
            border-bottom: 3px solid #42b549;
            position: relative;
            height: 75px;
            padding: 12px 0;
            -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: color, background-color;
            transition-property: color, background-color;
            -webkit-transition: height 400ms;
            transition: height 400ms;
        }

        .iam-header nav.iam-navigation > ul > li:last-child {
            /*display: none;*/
        }

        a.logo-footer {
            display: none;
        }

        .wrap-team.media-partner-slider .slick-track > .item:nth-child(n+2) .tile-text {
            display: none;
        }

        span.trigger-summary {display: none;}

    }


    /* Hacking css bootstrap (col-sm) */
    @media screen and (max-width: 1080px) and (min-width: 900px) {
        .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
        .col-sm-12 {width: 100%;}
        .col-sm-11 {width: 91.66666667%;}
        .col-sm-10 {width: 83.33333333%;}
        .col-sm-9 {width: 75%;}
        .col-sm-8 {width: 66.66666667%;}
        .col-sm-7 {width: 58.33333333%;}
        .col-sm-6 {width: 50%;}
        .col-sm-5 {width: 41.66666667%;}
        .col-sm-4 {width: 33.33333333%;}
        .col-sm-3 {width: 25%;}
        .col-sm-2 {width: 16.66666667%;}
        .col-sm-1 {width: 8.33333333%;}
        .col-sm-pull-12 {right: 100%;}
        .col-sm-pull-11 {right: 91.66666667%;}
        .col-sm-pull-10 {right: 83.33333333%;}
        .col-sm-pull-9 {right: 75%;}
        .col-sm-pull-8 {right: 66.66666667%;}
        .col-sm-pull-7 {right: 58.33333333%;}
        .col-sm-pull-6 {right: 50%;}
        .col-sm-pull-5 {right: 41.66666667%;}
        .col-sm-pull-4 {right: 33.33333333%;}
        .col-sm-pull-3 {right: 25%;}
        .col-sm-pull-2 {right: 16.66666667%;}
        .col-sm-pull-1 {right: 8.33333333%;}
        .col-sm-pull-0 {right: auto;}
        .col-sm-push-12 {left: 100%;}
        .col-sm-push-11 {left: 91.66666667%;}
        .col-sm-push-10 {left: 83.33333333%;}
        .col-sm-push-9 {left: 75%;}
        .col-sm-push-8 {left: 66.66666667%;}
        .col-sm-push-7 {left: 58.33333333%;}
        .col-sm-push-6 {left: 50%;}
        .col-sm-push-5 {left: 41.66666667%;}
        .col-sm-push-4 {left: 33.33333333%;}
        .col-sm-push-3 {left: 25%;}
        .col-sm-push-2 {left: 16.66666667%;}
        .col-sm-push-1 {left: 8.33333333%;}
        .col-sm-push-0 {left: auto;}
        .col-sm-offset-12 {margin-left: 100%;}
        .col-sm-offset-11 {margin-left: 91.66666667%;}
        .col-sm-offset-10 {margin-left: 83.33333333%;}
        .col-sm-offset-9 {margin-left: 75%;}
        .col-sm-offset-8 {margin-left: 66.66666667%;}
        .col-sm-offset-7 {margin-left: 58.33333333%;}
        .col-sm-offset-6 {margin-left: 50%;}
        .col-sm-offset-5 {margin-left: 41.66666667%;}
        .col-sm-offset-4 {margin-left: 33.33333333%;}
        .col-sm-offset-3 {margin-left: 25%;}
        .col-sm-offset-2 {margin-left: 16.66666667%;}
        .col-sm-offset-1 {margin-left: 8.33333333%;}
        .col-sm-offset-0 {margin-left: 0;}

    }

    /* For small device max-width 900px (usually medium device) */
    @media screen and (max-width: 768px) {

        /* Header */
        .iam-header {
            height: initial;
            background: #fff;
            border-bottom: 1px solid #42b549;
        }

        .iam-mobile-trigger {
            display: block;
            background-image: url(../image/header/menu.png);
            background-size: cover;
            transform-origin: center center 0;
            position: absolute;
            width: 30px;
            height: 30px;
            right: 2rem;
            top: 30px;
        }

        .iam-header nav.iam-navigation {
            position: fixed;
            right: -9999px;
            width: 100%;
            top: 0;
            bottom: 0;
            background: #fff;
            z-index: 9;
            height: 100%;
            display: block;
            transition: all 0.2s ease-in-out;
        }

        .open-mm-panel .iam-header nav.iam-navigation {
            right: 0;
            top: 0;
        }

        .iam-header nav.iam-navigation > ul > li {
            display: block;
            border-bottom: 1px solid #eee;
        }

        .iam-header nav.iam-navigation > ul > li > a,
        .iam-header nav.iam-navigation > ul > li > .close-nav {
            color: #434240;
            padding: 1.5rem 2rem;
            display: block;
            text-transform: uppercase;
        }

        .iam-header nav.iam-navigation > ul > li:last-child {
            display: block;
            text-align: right;
            background: #f79021;
        }

        .iam-header nav.iam-navigation > ul > li:last-child .btn.close-nav {
            text-align: right;
            background: #f79021;
            border: none;
        }

        .iam-header .iam-logo {
            padding: 2rem 2rem 0 2rem;
        }

        .iam-header .iam-logo {
            padding: 15px 0 0;
            display: inline-block;
        }

        .iam-header .iam-logo img {
            width: 60px;
        }

        .iam-header .iam-logo img {
            width: 60px;
        }

        .iam-main-content > .container > .row > div:nth-child(1) {
            width: 100%;
            padding: 0 !important;
        }

        /* summary mobile */
        .wrap-trigger-summary span.trigger-summary.close {
            display: none;
        }

        .trigger-summary.open {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
        }

        span.trigger-summary {
            background-image: url('../image/receipt-bottom-other.png');
            background-position: -14px 0;
            background-size: 110%;
            background-repeat: no-repeat;
            color: #fff;
            display: block;
            text-transform: uppercase;
            padding: 15px 15px;
            height: 45px;
            position: relative;
            float: none;
            opacity: 1;
            text-shadow: none;
            font-size: 14px;
            overflow: hidden;
        }

        span.trigger-summary.close {
            background-image: none;
            background-color: #ee4136;
        }

        span.trigger-summary.close .control {
            top: 13px;
        }

        span.trigger-summary:active,
        span.trigger-summary:focus {
            opacity: 1;
            color: #fff;
            filter: alpha(opacity=100);
        }

        span.trigger-summary .control {
            position: absolute;
            top: 16px;
            right: 17px;
        }

        span.trigger-summary .control i.fas {
            font-size: 20px;
        }

        span.trigger-summary .control i.fas.fa-angle-down {
            display: none;
        }

        div#summaryID {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 0;
            height: 100%;
            background: #fff;
            z-index: 992;
            overflow-y: scroll;
            -webkit-transform: translate(0,100%);
            -ms-transform: translate(0,100%);
            transform: translate(0,100%);
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
            transition: -webkit-transform .4s ease;
            transition: transform .4s ease;
            transition: transform .4s ease,-webkit-transform .4s ease;
        }

        .open div#summaryID {
            z-index: 992;
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0);
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            bottom: 0;
            padding: 0;
        }

        .iam-summary {
            height: 555px;
            padding-bottom: 0;
            margin: 0 0 10px;
        }

        .open span.trigger-summary .control i.fas.fa-angle-down {
            display: block;
        }

        .open span.trigger-summary .control i.fas.fa-angle-up {
            display: none;
        }

        .name-section {
            font-size: 14px;
            padding: 15px;
        }

        .name-section > span {
            margin-top: 5px;
            font-size: 10px;
        }

        .iam-proccess {
            padding: 0 15px;
        }

        .iam-cover-proccess .iam-proccess > .title {
            font-size: 14px;
        }

        .title .iam-little-info {           
            font-family: 'FuturaStd-Light';
            color: gray;
        }

        .iam-cover-proccess .iam-proccess > .title > i.fas {
            display: none;
        }

        .wrap-product .item {
            padding: 2rem;
            min-width: initial;
            height: initial;
            width: 100%;
            background-image: url(../image/ticket-plan-rotate.png);
            background-size: 98% 100%;
        }

        .wrap-product .slick-prev, .wrap-product .slick-next {
            display: none !important;
        }

        .wrap-product .item .iam-ojkNo {
            display: none;
        }

        .wrap-product .item .iam-pricetag {
            position: static;
            max-width: 100%;
        }

        .iam-side-ticket {
            position: static;
            width: 100%;
            border-bottom: 1px dashed #b7b7b7;
            margin-bottom: 2rem;
            padding-bottom: 2rem;
        }

        .iam-side-ticket .iam-shelter-buttons {
            position: static;
            padding: 10px 0 0;
        }

        .wrap-product .item .iam-ojkNo.vertical {
            position: static;
            margin: 0;
            margin-bottom: 1rem;
            width: 100%;
            background-size: 100% 100%;
            height: 60px;
        }

        .iam-benefit-highlight {
            text-align: left;
            display: none;
        }

        .iam-benefit-highlight > .icons {
            margin: 0;
            max-width: 100%;
        }

        .wrap-product .item .iam-pricetag .tag {
            width: auto;
            font-size: 12px;
        }

        .iam-pricetag .tag.price > .premi {
            font-size: 16px;
        }

        .wrap-product {
            width: 100%;
            left: 0;
            padding: 4rem 2rem 2rem;
        }

        .mm.bottom .btn.selected {
            top: 0;
            left: 0;
            width: 100%;
            margin: 0;
        }

        .selected .tag.price span.btn.selected {
            display: none;
        }

        .iam-pricetag .tag.price .btn.buy-btn {
            position: static;
        }

        .iam-pricetag .tag.price .btn.buy-btn,
        .wrap-product .item .iam-ojkNo.vertical {
            display: none;
        }

        .mm.bottom {
            display: block;
        }

        .wrap-product .item .mm.bottom .iam-ojkNo.vertical,
        .wrap-product .item .mm.bottom .btn.buy-btn {
            display: block;
        }

        .mm.bottom .btn.buy-btn {
            padding: 10px 8px 8px;
            margin-bottom: 7px;
            text-transform: uppercase;
            font-size: 12px;
            border: none;
            box-shadow: none;
            width: 100%;
            background: #114f99;
            outline: none;
            color: #fff;
            text-align: center;
            letter-spacing: 1px;
            position: relative;
        }

        .iam-proccess.iam-product {
            padding-left: 0;
            padding-right: 0;
        }

        .iam-cover-procces .iam-proccess.iam-product .title,
        .iam-cover-procces .iam-proccess.iam-product .abstract {
            padding-left: 20px;
        }

        .iam-cover-proccess .iam-proccess.iam-product > .title > i.fas {
            position: absolute;
            left: 15px;
            top: 3px;
        }

        .iam-cover-proccess .iam-proccess.iam-product > .title,
        .iam-cover-proccess .iam-proccess.iam-product > .abstract {
        padding: 0 15px;
        }

        .iam-noted-billing {padding: 5px 10px 0;}

        .wrap-espaj fieldset .form-group.row-polis > div {
            padding: 0 !important;
        }

        fieldset .update-fieldset {
            margin-top: 3rem;
        }

        form#frmsubmitncb > div {
            width: 100%;
        }
        ul.slick-dots {
            right: 60px;
            bottom: 15px;
        }

        .help-payment {
            left: 10px;
        }

    }

    /* For small device max-width 700px (usually mobile landscape view) */
    @media screen and (max-width: 760px) {

        /* Improccess ESPAJ */
        .iam-proccess.espaj {
            padding: 0 1.5rem;
        }

        .fieldset-validated .form-verified {
            font-size: 12px;
            padding-top: 12px;
        }

        /* Landing Page */
        .wrap-product > a.choose-btn {
            width: 49%;
            margin: 0;
        }

        .wrap-product > a.choose-btn:last-child {
            margin-right: 0;
        }

        /* im widget title text */
        .iam-a-title .title-text {
            font-size: 2.75rem;
        }

        .iam-main-content .iam-a-title {
            padding-top: 3rem;
        }

        .iam-a-title .day-date span {
            font-size: 2.25rem;
        }

        .iam-a-title .day-date {
            right: initial;
            top: 0;
        }

        .iam-a-title .small-text {
            font-size: 10px;
        }

        /* iam-main-content */
        .conference-content > .cov-img, .conference-content > .cov-text {
            display: block;
            float: none;
            width: 100%;
        }

        .conference-content > .cov-img > img {
            width: 200px;
        }

        .conference-content > .cov-text {
            padding: 3rem 0 0;
            text-align: center;
        }

        .conference-content > .cov-text > h3 {
            font-size: 2.5rem;
        }

        .iam-wrapper .iam-main-content .conference-content .btn {
            position: static;
            margin-top: 3rem;
        }

        .iam-main-content .btn {
            font-size: 12px;
            min-width: 125px;
        }

        /* iam footer */
        footer * {display: none !important;}

        /* Modal Widget */
        body .modal-dialog {
            margin: 0;
            max-width: 100%;
            width: 100%;
        }

        body .modal-content {
            border-radius: 0;
        }

        /* project lurn */
        .iam-proccess.question-part .iam-answer .item {
            width: 100%;
            margin-bottom: 1rem;
        }

        .iam-proccess.question-part .iam-answer .item .form-check {
           font-size: 14px; 
        }

        .iam-proccess.question-part .iam-answer .item:last-child {
            margin: 0;
        }

        .wrap-espaj fieldset .form-group .col-sm-6:nth-child(odd),
        .wrap-espaj fieldset .form-group .col-sm-6:nth-child(even),
        .wrap-espaj fieldset .form-group .col-sm-12:nth-child(3) {
            padding: 0;
            margin-bottom: 1rem;
        }

        fieldset .form-group .born-info .form-control[type='text'] {
            width: 30%;
        }

        fieldset .form-group .born-info .form-control.dateReadOnly {
            width: 66%;
        }

        .wrap-espaj fieldset .form-group {
            margin: 0;
        }

        fieldset .form-group .select-group > * {
            width: 48.5%;
        }

        .btn.add-beneficiary {
            margin-top: 2rem;
        }

        .wrap-espaj fieldset .form-group.beneficiary div:nth-child(1n-3) {
            padding: 0;
        }

        .iam-method-payment {
            padding: 15px 0 15px;
            border: 0;
            border-top: 1px solid #dedede;
            border-bottom: 1px solid #dedede;
            text-align: left;
            margin-bottom: 1.5rem;
        }

        .help-payment {
            left: initial;
            right: 0;
            top: 15px;
        }

        .iam-method-payment .text-title {
            font-size: 14px;
        }

        .checklist-must {
            padding: 0 0 15px;
        }

        .iam-proccess-btn button.btn.submit,
        .iam-main-content .btn {
            width: 100%;
        }

        .iam-main-content > .container > .row > div {
            padding: 0 !important;
        }

        .iam-method-payment select {
            padding: 10px;
        }
         
        ul.slick-dots {
            right: 0;
            position: static;
            margin: auto;
            display: block;
            text-align: center;
        }

    }

    /* For small device max-width 450px (mobile potrait view) */
    @media screen and (max-width: 450px) {


    }

    /* For small device max-width 320px (mobile potrait view) */
    @media screen and (max-width: 380px) {

        body {
            font-size: 12px;
        }

        .wrap-product {
            padding: 4rem 2rem 2rem;
        }

        .landing .wrap-product > a.choose-btn {
            width: 150px;
        }

        .landing .wrap-product > a.choose-btn {
            width: 85%;
            margin: 0 0 1rem;
            text-align: left;
        }

    }

    /* For small device max-width 320px (mobile potrait view) */
    @media screen and (max-width: 360px) {

        .btn.btn-agree {
            font-size: 10px;
        }

        .landing .wrap-product {
            text-align: center;
        }

    }