/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/M7custom.css" rel="stylesheet">

*/
:root {
    --montsterrat: 'Montserrat', sans-serif;
    --thmYellow: #FED155;
    --thmYellowLight: #FFEEC6;
    --thmBlue: #36499C;
    --thmBlueLight: #7C95C9;
    --thmGold: #FED155;
    --thmGrey98: #989898;
}
/*Typography classes*/

.wt-300{font-weight:300;}
.wt-400{font-weight:400;}
.wt-500{font-weight:500;}
.wt-600{font-weight:600 !important;}
.wt-700{font-weight:700;}
.wt-800{font-weight:800 !important;}
.ft-thmBlue {
    color: var(--thmBlue);
}
.flexBox {
    display: -ms-flexbox;
    display: flex;
}
.text-normal{text-transform: none !important;}
.text-underline{text-decoration: underline !important;}
body, *{
    font-family: var(--montsterrat);
}
.ht-100{
    height:100%;
}



#mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a,
.dark #mainMenu nav > ul > li > a, #mainMenu.dark nav > ul > li > a, #mainMenu nav > ul > li > a, .dark #mainMenu nav > ul > li .dropdown-menu > li > a {
    font-size: 13px;
    color: #fff;
    font-family: var(--montsterrat);
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]), .flickity-button:hover {
    background-color: var(--thmBlue);
    border-color: var(--thmBlue);
    font-family: var(--montsterrat);
}

#mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li > span:focus, #mainMenu nav > ul > li .dropdown-menu > li > span:hover, #mainMenu nav > ul > li .dropdown-menu > li > span:active, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active,
#mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
    color: var(--thmBlue);
}
#mainMenu nav > ul > li > a, #mainMenu nav > ul > li .dropdown-menu > li > a {
    color: #000000;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p {
    font-family: var(--montsterrat);
}

div#socialMediaIcons div, .marginAuto{
    margin:auto;
}
div#socialMediaIcons div a i {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #fff;
    color: #000;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
}
.heading-text.heading-section h2{
    font-weight:800;
    color:var(--thmBlue);
}
.heading-text.heading-section h2:before{
    height:3px;
    background-color:var(--thmGold);
    width: 130px;
    bottom: -22px;
}
p, .heading-text.heading-section p {
    color: #484848;
    font-weight: 400;
}
.globalCarousel .flickity-page-dots {
    bottom: -35px;
}
.globalCarousel .flickity-page-dots .dot {
    background-color: var(--thmBlue);
    box-shadow: inset 0 0 0 2px var(--thmBlue);
    border-radius: 0;
    width: 20px;
    height: 3px;
}
.globalCarousel .flickity-page-dots .dot:after{
    background-color: var(--thmBlueLight);
    box-shadow: inset 0 0 0 2px var(--thmBlueLight);
    border-radius: 0;
}
.padding-tp-bt {
    padding-top: 20px;
    padding-bottom: 20px;
}
.sectFlowIdx{
    overflow:visible;
    z-index:2;
}
.bg-lightGold{
    background:var(--thmYellowLight);
}
.margin-auto{
    margin:auto;
}
.bg-lightBlue {
    background: var(--thmBlueLight);
}
.border-right{
    border-right:2px solid #ffffff !important;
}
.columnPd {
    padding-bottom: 90px;
}
.btn-blue-outline {
    border-color: var(--thmBlueLight) !important;
    color: var(--thmBlueLight) !important;
}
.btn-blue-outline:hover{
    background-color: var(--thmBlueLight) !important;
    color:var(--thmYellowLight) !important;
}
.btn-gold-outline {
    border-color: var(--thmYellowLight) !important;
    color: var(--thmYellowLight) !important;
}
.btn-gold-outline:hover{
    background-color: var(--thmYellowLight) !important;
    color: var(--thmBlueLight) !important;
}
.panelButton {
    position: absolute !important;
    bottom: 35px;
    left: 0;
    right: 0;
    margin: auto;
}
.columnPd figure{
    position:relative;
}
.columnPd figure figcaption{
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0px;
    background: rgba(255,255,255,0.6);
    font-size: 20px;
    color: #000;
    font-weight: 700;
    padding: 10px 0 5px 0;
}
.description {
    padding-top: 20px;
}
.flexWrap.client-logos .polo-carousel-item {
    height: 120px;
    display: flex;
    align-items: center;
}
#requestMedaiKit {
    background-image: url('./../images/form-image-01.jpg');
    background-size: cover;
    background-position: bottom center;
    min-height: 570px;
}
#requestMedaiKit .card{
    position: absolute;
    left: -15.8px;
    top: 0;
    width:100%;
    border: none;
    border-radius: 0;
}
select {
    color: var(--thmGrey98);
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--thmGrey98);
}

::-moz-placeholder { /* Firefox 19+ */
    color: var(--thmGrey98);
}

:-ms-input-placeholder { /* IE 10+ */
    color: var(--thmGrey98);
}

:-moz-placeholder { /* Firefox 18- */
    color: var(--thmGrey98);
}

.border-none, .border-none .form-control {
    border:none;
}
#requestMedaiKit .card .form-group:first-child {
    margin-top: 1.7em;
}
#requestMedaiKit .card .form-group {
    margin-bottom: 2.1rem;
}
#requestMedaiKit input:not([type="checkbox"]):not([type="radio"]), #requestMedaiKit select {
    height: 27px;
    color: var(--thmGrey98) !important;
    font-size: 12px;
    min-height: initial;
}
#requestMedaiKit select{
    padding-left:17px;
    padding-top: 0;
    padding-bottom: 0;
}
#scrollTop:after, #scrollTop:before{
    background-color: var(--thmBlue);
}
.btn-padding {
    padding: 0px 25px 6px !important;
}
#hmFmImg figure img {
    position: absolute;
    width: 110px;
    margin: auto;
    left: 0;
    top: 3px;
    bottom: 0;
    right: 0;
}
#hmFmImg .col-6 {
    height: 167px;
}
div#hmFmImg > .row {
    position: absolute; right: 30px; width: 117px;bottom:0;
}
#cutomSection {
    padding-bottom: 430px;
}
section#cutomSection.cutomSection { padding-bottom: 240px; }
#footer p {
    font-family: var(--montsterrat);
    margin-bottom: 0;
    color: #fff;
}
div#getIntouch {
    padding-left: 20px;
}
#getIntouch i.icon-phone {
    position: absolute;
    left: 0;
    top: 38px;
    color: #fff;
}
.alignCenter{
    align-items:center;
}
.copyright-content .list.list-inline {
    margin: 0;
}
.copyright-content .list-inline-item i {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--thmBlue);
    color: #fff;
    border-radius: 100%;
    font-size: 15px;
    font-weight: 400 !important;
}
#footer [type="email"] {
    line-height: 27px;
    padding: 10px 16px;
    min-height: auto;
    height: 27px;
    font-size: .9rem;
    margin-top: 10px;
    border-radius: 50px 0 0 50px;
}
.flickity-button, .flickity-button:before{
    background: transparent;
    color: var(--thmBlue);
}
#footer [type="email"]+a{
    position: absolute;
    right: -1px;
    bottom: 6.9px;
    height: 27px;
    padding: 0 26px;
    display: flex;
    align-items: center;
}
#footer a:not(.btn):hover{
    color:var(--thmBlue);    
}
#footer .widget .widget-title {
    margin-bottom: 10px;
    color: #fff;
}
#footer .was-validated .form-control:invalid {
    border: 2px solid #dc3545;
}
#footer .was-validated .form-control:valid {
    border: 2px solid #28a745;
}
div#tamWrapper {
    padding: 40px 60px;
}
div#tamWrapper .accordion.accordion-shadow .ac-item{
    box-shadow: none;
    border: none;
    padding: 0;
}
div#tamWrapper input:not([type="checkbox"]):not([type="radio"]){
    width: 100%;
    border: none;
    border-radius: 15px;
    outline: none;
}
div#tamWrapper ul.list.list-inline{
    display: flex;
    flex-wrap: wrap;
}
div#tamWrapper ul.list.list-inline li{
    flex: 0 0 31%;
    max-width: 31%;
}
div#tamWrapper #jobFunction ul.list.list-inline li{
    flex: 0 0 42%;
    max-width: 42%;
}
div#tamWrapper #industry ul.list.list-inline li {
    flex: 0 0 48%;
    max-width: 48%;
}
div#tamWrapper #jobLevel ul.list.list-inline li{
    flex: 0 0 31%;
    max-width: 31%;
}
div#tamWrapper .ac-item.ac-active input:not([type="checkbox"]):not([type="radio"]) {
    border-radius: 15px 15px 0 0;
}
div#tamWrapper .accordion .ac-item .ac-content {
    padding-top: 12px;
    background: #fff;
    margin-left: 0px;
    padding-left: 62px;
    height: 120px;
    overflow-y: scroll;
}
div#tamWrapper .accordion .ac-item .ac-title{
    padding-right: 0;
}
div#tamWrapper ul.list.list-inline{
    margin-bottom: 0;
}
div#tamWrapper .form-group label:not(.error){
    margin-bottom: 10px;
    line-height: 20px;
    margin-left: 7px;
}
div#tamWrapper .form-check-input{
    margin-top: 3px;
    position: static;
}
div#tamWrapper .accordion .ac-item.ac-active .ac-title:before,div#tamWrapper .accordion .ac-item .ac-title:before {
    content: none;
}
div#tamWrapper  .accordion .ac-item .ac-title > i {
    margin-right: 8px;
    position: absolute;
    top: 7px;
    right: -6px;
    font-size: 22px;
    color: grey;
}
div#tamWrapper  .accordion .ac-item.ac-active .ac-title > .fa-caret-down:before{
    content: "\f0d8";
}
div#tamWrapper input::placeholder {
    color: #dbdbdb;
}
div#tamWrapper .row>div{
    margin-bottom: 20px;
}
div#tamResult>a {
    padding-top: 0;
    padding-bottom: 0;
    height: 50px;
    display: flex;
    width: max-content;
    margin: auto;
    align-items: center;
    font-size: 16px !important;
}
div#tamWrapper ul.list.list-inline li .form-check{
    display: flex;
}
div#tamWrapper ul.list.list-inline li .form-group{
    margin-bottom: 0;
}
#resultBottom a:first-of-type {
    font-size: 43px;
    height: 70px;
    display: flex;
    width: max-content;
    margin: auto;
    align-items: center;
    border: none;
    padding: 0 70px;
    border-radius: 25px !important;
    background: var(--thmYellowLight);
    color: var(--thmBlue);
}
.font11{
    font-size:11px !important;
}
.black21{
    color:#212121 !important;
}
#perMarketting figure img{
    border-bottom: 1.5px solid #fff;
}
div#socialMediaIcons i:hover, .dark #mainMenu nav > ul > li:hover > a {
    color: var(--thmBlue);
}
.client-logos.globalCarousel .flickity-page-dots {
    bottom: 6px;
} 
#cutomSection .cart button {
    height: 28px;
    line-height: normal;
    padding: 0 20px !important;
    display: flex;
    align-items: center;
}
/* footer temp */
#footer .footer-content{
    background-color: #2F2F2F;
}
#footer .copyright-content{
    background-color: #212121;
}
#footer .copyright-content * , #footer a:not(.btn):not(:hover){
    color: #fff;
}
.copyright-content .list-inline-item a:hover i {
    background: #2250fc;
}
div#getIntouch p>a:hover>i {
    color: var(--thmBlue);
}
/* footer temp */
#scrollTop{
    border: 1.5px solid #fff;
}
#tamWrapper #reset{
    padding: 0 30px;
    display: flex;
    width: max-content;
    margin: auto;
    height: 30px;
    align-items: center;
    font-size: 16px;
}
section .flickity-page-dots{display: none;}
/* about m7 */
#countersData .customCount { position: relative;}
#countersData .customCount span:first-child{ font-size: 80px; line-height: 80px; font-weight: 800; }
#countersData .customCount span.word{font-size: 25px; font-weight: 800; margin-left: -14px; position: relative; display: inline-block; top: -2px;}
#countersData .customCount p{font-size: 22px;}
#countersData .customCount:before { content: ""; text-align: center; position: absolute; height: 1.5px; bottom: 42px; background: var(--thmGold); width: 51px; right: 0; left: 3px; margin: auto; }
#vinMinVal .bgImg{background-repeat: no-repeat;background-size: 100%;}
/* about m7 */

/* IT and Tech */
#slider h1.botBorder:before {content: "";position: absolute;height: 4px;width: 132px;background-color: var(--thmGold);bottom: -14px;left: 0;right: 0;margin: auto;}
#cutomSection.brandContact #requestMedaiKit .card{left: 0;top: 0;}
#cutomSection.brandContact #requestMedaiKit{background-image: none;}
#cutomSection.brandContact figcaption.text-uppercase.text-center { font-size: 10px; font-weight: 700; padding-top: 5px; background: #f7f8f8; padding-bottom: 3px; }
#cutomSection.brandContact.addPaddingBot{padding-bottom: 460px;}
#cutomSection.brandContact{padding-bottom: 80px;}
#brandDataDetail h2 {margin-top: 26px;}
a.btn.btn.btn-rounded.bg-lightGold.ft-thmBlue.bg-lightGold-btn { background: var(--thmYellowLight) !important; color: var(--thmBlue) !important; border-color: var(--thmYellowLight) !important; font-size: 19px !important; border-radius: 15px !important; padding-top: 0 !important; padding-bottom: 0 !important; height: 37px; display: flex; justify-content: center; align-items: center; width: 124px; margin: auto 0 auto auto; font-weight: 600; }
/* IT and Tech */
.p-t-8 { padding-top: 5px; line-height: 15px; }
.dark #mainMenu nav > ul > li .dropdown-menu > li > a {
    color: #000;
}
.dark #mainMenu nav > ul > li .dropdown-menu > li > a:hover, .dark #mainMenu nav > ul > li .dropdown-menu > li > a:focus {
    color: var(--thmBlue);
}
#doNotSell{margin-top:-9px;}
.paraHeading {
    font-size: 30px !important;
    font-weight: 800;
    color: var(--thmBlue);
}
#ourFrameWork {
    background-repeat: no-repeat;
    background-size: 60% 100%;
}
.whitePatch {
    background: #fff;
    padding: 22px 25px;
    border-radius: 15px;
}
.whitePatch h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}
.whitePatch p {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.64px;
    margin-bottom: 0;
}
#ourFrameWork div#bgImage .heading-text.heading-section h2 {
    margin-bottom: 13px;   
}
/*Team*/
.teamSection .accordion .ac-item {
    padding: 12px 20px 40px 4px;
}
.teamSection .team-member .team-desc .social-icons {
    position: relative;
    bottom: 45px;
    left: 5px;
}
.teamSection .team-member .team-desc .social-icons a {
    width: 21px;
    line-height: normal;
    height: 21px;
    padding: 0;
}
.teamSection .team-member .team-desc .social-icons a i{
    left: 5px;
    top: 5px;
}
.teamSection .team-member .team-desc .social-icons a span{
    top: 4px;
}
.teamSection .team-member .accordion .ac-item .ac-title p {
    font-size: 9px;
    margin-top: -4px;
}
.teamSection .accordion .ac-item .ac-title:before {
    content:none;
}
.teamSection .accordion .ac-item .ac-title > i {
    position: absolute;
    right: -17px;
    font-size: 24px;
    transition: all 0.5s ease;
}
.teamSection .accordion .ac-item.ac-active .ac-title > i {
    transform: rotate(-180deg);
}
.teamSection .topSide {
    top: -141px;
}
.teamSection .stretchTop {
    top: -222px;
}
.teamSection .middleOne {
    top: -110px;
}
.justify-content{justify-content:center;}
/*Team*/
/*form validation*/
.was-validated textarea.form-control:valid, .was-validated .form-control.removeValdn:valid {
    border: none;
    background-image: none;
}
/*form validation*/
@media screen and (min-width:1440px) {
    .containerWidth {
        width: 1550px;
        margin:auto;
    }
}
@media screen and (min-width:1201px){
    .heading-text.heading-section h2{
        font-size: 38px;
    }
}
@media screen and (max-width:1200px){
    .heading-text.heading-section h2{
        font-size: 31px;
    }
}
@media screen and (min-width:1025px){
    .font13{font-size:13px !important;}
    .font14 {font-size: 14px !important;}
    .font15 {font-size: 15px !important;}
    .font16 {font-size: 16px !important;}
    .font17 {font-size: 17px !important;}
    .font18 {font-size: 18px !important;}
    .font19 {font-size: 19px !important;}
    .font20 {font-size: 20px !important;}
    .font21 {font-size: 21px !important;}
    .font22 {font-size: 22px !important;}
    .font23 {font-size: 23px !important;}
    .font24 {font-size: 24px !important;}
    .font25 {font-size: 25px !important;}
    #perMarketting.contMarketing .col-md-6.col-lg-2.columnPd {
        -ms-flex: 0 0 19.966667%;
        flex: 0 0 19.966667%;
        max-width: 19.966667%;
    }
    .inspiro-slider .slide .slide-captions > p {
        font-size: 24px;
    }
    .inspiro-slider .slide .slide-captions h1 {
        font-size: 64px;
        line-height: 64px;
    }
    #slider {
        top: -150px;
        margin-bottom: -150px;
    }
    #header .header-inner #logo, #header #header-wrap #logo {
        height: 150px;
        display: flex;
        align-items: center;
    }
    #mainMenu nav > ul > li .dropdown-submenu > .dropdown-menu{
        top:auto;
    }
    div#socialMediaIcons {
        height: 150px;
        line-height: 150px;
    }

    #header[data-transparent="true"] + .inspiro-slider, #header[data-transparent="true"] + #slider {
        top: -150px;
        margin-bottom: -150px;
    }

    #header {
        height: 150px;
        line-height: 150px;
    }

    #header .header-inner, #header #header-wrap {
        height: 150px;
    }

    #mainMenu nav > ul > li .dropdown-menu {
        margin-top: -52px;
        border-radius: 0;
        border: none;
        border-top: 2px solid var(--thmGold) !important;
        background-color: rgba(255,255,255,1);
        left: 11px;
        min-width: -moz-max-content;
        min-width: -webkit-max-content;
        min-width: max-content;
    }
    #brandData figure{padding-right: 20px;}
    .ul-bottom{margin-bottom:30px;}
}
@media screen and (min-width:1000px) and (max-width:1200px){
    #requestMedaiKit .row .col-md-4{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 43.333333%;
        max-width: 43.333333%;
    }
}
@media screen and (min-width:1025px) and (max-width:1162px){
    #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a, .dark #mainMenu nav > ul > li > a, #mainMenu.dark nav > ul > li > a, #mainMenu nav > ul > li > a, .dark #mainMenu nav > ul > li .dropdown-menu > li > a{
        font-size:11px;
    }
    #header .header-inner #logo a > img{
        height: 64px;
    }
    div#socialMediaIcons div a i{
        margin-left: 10px;
        font-size: 12px;
        width: 23px;
        height: 23px;
    }
    div#tamWrapper ul.list.list-inline li {
        flex: 0 0 47%;
        max-width: 49%;
    }
}

@media screen and (max-width:1024px){
    div#slider {
        top: -80px;
    }
    div#socialMediaIcons div {
        margin: 0;        
    }
    .heading-text.heading-section h2{
        font-size: 31px;
    }
    div#tamWrapper .accordion .ac-item .ac-content{
        padding-left: 35px;
    }
    div#tamWrapper ul.list.list-inline li {
        flex: 0 0 44%;
        max-width: 44%;
    }
    div#tamWrapper #jobLevel ul.list.list-inline li{
        flex: 0 0 47%;
        max-width: 47%;
    }
    div#socialMediaIcons div a i{
        border:1.5px solid #000;
    }
    div#socialMediaIcons div:nth-child(1) a i {
        margin-left: 0;
    }
    #header .header-inner #logo a > img {
        margin-top: 15px;
        height: 63px;
    }
    section#cutomSection .col-md-4 {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    #cutomSection .lead{
        font-size:1rem;
    }
    #cutomSection.brandContact #requestMedaiKit .card{
        position: static;
    }
    .paraHeading {
        font-size: 27px !important;
    }
}

@media screen and (min-width:992px) {
    #ourFrameWork div#bgImage .col-lg-4 {
        position: relative;
        top: -32px;
        left: -20px;
    }
    #ourFrameWork div#bgImage .heading-text.heading-section h2 {
        margin-bottom: 13px;
        position: relative;
        left: -14px;
        line-height: 40px;
		text-align:left;
    }
    #ourFrameWork div#bgImage .heading-text.heading-section h2 span{
        position: relative;
        left: 0px;
    }
    
}
@media screen and (min-width:991px) and (max-width:1024) {
    #ourFrameWork div#bgImage .heading-text.heading-section h2 span {
        left: 61px;
    }
}
@media screen and (max-width:825px) and (orientation:landscape){
    #perMarketting .row > div:nth-child(-n+2) {
        margin-bottom: 30px;
    }
    #perMarketting .mr-tp-30 {
        margin-top: 30px;
    }
}
@media screen and (max-width:991px){
    #cutomSection.brandContact #requestMedaiKit .card{
        position: static;
    }
    section#cutomSection.cutomSection {
        padding-bottom: 198px;
    }
    #cutomSection.brandContact{
        padding-bottom: 80px;
    }
    #supportTeam {
        padding-bottom: 110px;
    }
    #cutomSection {
        padding-bottom: 340px;
    }
    #cutomSection #btnContactSave.increase {
        line-height: 20px;
    }
    #perMarketting .columnPd figure, #perMarketting .columnPd figure img {
        width: 100%;
    }
    #perMarketting .row > div:nth-child(-n+2) {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:767px) {
    

    #perMarketting .mr-tp-30 {
        margin-top: 30px;
    }

    #cutomSection.brandContact {
        padding-bottom: 40px;
    }

    div#tamWrapper ul.list.list-inline li {
        flex: 0 0 46%;
        max-width: 48%;
    }

    div#tamWrapper #jobLevel ul.list.list-inline li {
        flex: 0 0 46%;
        max-width: 46%;
    }

    div#tamWrapper #jobFunction ul.list.list-inline li {
        flex: 0 0 46%;
        max-width: 46%;
    }

    div#tamWrapper #industry ul.list.list-inline li {
        flex: 0 0 48%;
        max-width: 48%;
    }

    #vinMinVal .heading-text.heading-section {
        text-align: center;
    }
}

@media screen and (min-width:576px){

    #footer .form-group {
        width: 219px;
        position: relative;
    }
    #footer [type="email"]+a {
        right: -97px;
        bottom: -6px;     
    }
}
@media screen and (max-width:575px) {
    #cutomSection #btnContactSave.increase {
        padding: 15px !important;
        height:auto !important;
    }
    #footer .form-group {
        width: 219px;
        position: relative;
    }
    section#cutomSection.cutomSection { padding-bottom: 40px; }
    section#cutomSection .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #requestMedaiKit {
        background-size: cover;
        min-height: auto;
        padding-top: 28px;
        padding-bottom: 13px;
    }
    #requestMedaiKit .card{
        position:static;
    }
    #requestMedaiKit [type="submit"]{
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 25px !important;
        line-height: 25px;
    }
    #requestMedaiKit [type="submit"].increase{
        height: 57px;
        width: 100%;
        margin-top: 39px;
    }
    #cutomSection {
        padding-bottom: initial;
    }
    #footer [type="email"] + a {
        position: absolute;
        right: -96px;
        bottom: -6.1px;
    }
}
@media screen and (max-width:425px){
    .paraHeading {
        font-size: 24px !important;
    }
    #countersData .customCount { margin-bottom: 60px; }
    #vinMinVal .row.m-b-20 .flexBox.alignCenter {
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
    }
    
    div#tamWrapper ul.list.list-inline li,div#tamWrapper #jobLevel ul.list.list-inline li,div#tamWrapper #jobFunction ul.list.list-inline li{
        flex: 0 0 47%;
        max-width: 47%;
    }
    div#tamWrapper #industry ul.list.list-inline li{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .border-right{
        border:none !important;
    }
    #globalAudNet .container, #tamCalculator  .container{
        padding: 0;
    }
    
    #perMarketting .row > div {
        margin-bottom: 30px;
    }
    
    .heading-text.heading-plain h2, .heading-text.heading-light h2, .heading-text.heading-section h2 {
        font-size: 26px;
        line-height: 35px;
    }
    .copyright-content li.list-inline-item:first-child {
        width: 100%;
        text-align: center;
    }
    .copyright-content .list.list-inline {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .copyright-content li.list-inline-item:not(:first-child) {
        margin-top: 10px;
    }
    div#tamWrapper .accordion .ac-item .ac-content{
        padding-left: 19px;
    }
    div#tamWrapper { 
        padding: 40px 25px;
    }  
    footer .copyright-text {
        text-align: center;
    }  
}
@media screen and (max-width: 340px){
    #resultBottom a:first-of-type {
        padding: 0 52px;
    }

}