@font-face {
    font-family: 'openSans-bold';
    src: url('../fonts/open-sans/OpenSans-Bold.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Bold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-light';
    src: url('../fonts/open-sans/OpenSans-Light.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Light.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-light-italic';
    src: url('../fonts/open-sans/OpenSans-LightItalic.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-LightItalic.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-regular';
    src: url('../fonts/open-sans/openSans-regular.woff2') format('woff2'), url('../fonts/open-sans/openSans-regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-regular-italic';
    src: url('../fonts/open-sans/OpenSans-Italic.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Italic.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-semi-bold';
    src: url('../fonts/open-sans/OpenSans-SemiBold.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-SemiBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-extra-bold';
    src: url('../fonts/open-sans/OpenSans-ExtraBold.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-ExtraBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-Bold.ttf') format('woff');
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat/Montserrat-Black.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-Black.woff') format('woff');
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff');
    font-display: swap;
}

.d-none {
    display: none !important;
}

.disabled {
    opacity: .5;
    pointer-events: none;
}

.g-recaptcha, .grecaptcha-badge {
    display: none !important;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

body {
    margin: 0px;
    font-family: ''openSans-regular'' !important;
}

body.noScroll{
    overflow:hidden;
}

button:focus {
    outline: none;
}
.mt-50
{
    margin-top: 50px !important;
}
.pad-030
{
    padding: 0 30px;
}
.mx-auto{
    margin-left:auto;
    margin-right:auto;
}
.web-content {
    max-width: 1366px;
    margin: auto;
    overflow-x: hidden;
}

.email2-field{
    display:none;
}

header {
    z-index: 100;
    position: fixed;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    xxbox-shadow: 1px 1px 10px #666;
    box-shadow: 0 8px 6px -6px #666;
    max-width: 1366px;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
}

    header .strip {
        /*background: red;
        background: -webkit-linear-gradient(left, #f47221, #e74c50);
        background: -o-linear-gradient(right, #f47221, #e74c50);
        background: -moz-linear-gradient(right, #f47221, #e74c50);
        background: linear-gradient(to right, #f47221, #e74c50);*/
background: rgb(244,114,33); /* Old browsers */
background: -moz-linear-gradient(left, rgba(244,114,33,1) 0%, rgba(231,76,80,1) 100%);
background: -webkit-linear-gradient(left, rgba(244,114,33,1) 0%,rgba(231,76,80,1) 100%);
background: linear-gradient(to right, rgba(244,114,33,1) 0%,rgba(231,76,80,1) 100%);
        text-align: right;
        height: 35px;
        line-height: 35px;
    }

        header .strip .mobile-no {
            float: right;
            margin-left: 10px;
        }

        header .strip .email-id img {
            margin-right: 5px;
        }

        header .strip .email-id {
            float: right;
        }

        header .strip .social-icon a {
            height: 25px;
            width: 25px;
            display: block;
            line-height:20px;
        }

        header .strip a {
            color: #fff;
            letter-spacing: normal;
            font-family: 'openSans-semi-bold';
            font-size: 15px;
            font-weight: 500;
        }

    header .ìcon-facebook {
        background-image: url(../images-new/icon-header-social-1.png);
    }

    header .ìcon-twitter {
        background-image: url(../images-new/icon-header-social-2.png);
    }

    header .ìcon-linkedin {
        background-image: url(../images-new/icon-header-social-3.png);
    }

    header .ìcon-m {
        background-image: url(../images-new/icon-header-social-4.png);
    }

    header.slim {
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0 8px 6px -10px #666;
    }

    header .Logo {
        margin-top: 3.5px;
        margin-bottom: 3.5px;
        height: 66px;
        width: 285px;
        background-image: url(/resources/images/New-logo/techved-new-logo.svg);
        background-size:  100%;
        background-position: left center;
        background-repeat: no-repeat;
        float: left;
        transition: all .5s ease;
    }

    header .navgation {
        float: right;
        font-size:0;
    }

        header .navgation .main-manu {
            color: #303030;
            padding: 22.5px 0px 22.5px 40px;
            display: inline-block;
            text-transform: uppercase;
            transition: all .5s ease;
            cursor: pointer;
            font-size:14px;
            vertical-align:middle;
            font-weight:500;
        }

        header .navgation a.main-manu {
            cursor: pointer;
        }

.navgation .main-manu i {
    background-color: #f47221;
    border-radius: 100px;
    height: 6px;
    width: 6px;
    visibility: hidden;
    margin: auto;
    display: block;
}

.navgation .main-manu:hover i,
.navgation i.active {
    visibility: visible;
}

header .navgation .main-manu.contact-btn{
    width: 123px;
    height: 32px;
    padding: 0 !important;
    border: solid 2px #f47221;
    border-radius: 50px;
    text-align: center;
    line-height: 31px;
    font-size: 14px;
    font-weight: 500;
    color: #f47221;
    margin:17px 0 24px 38px;
    vertical-align: middle;
    transition:0.2s;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
}

header .navgation .main-manu.contact-btn:hover {
    background:#f47221;
    color:#FFFFFF;
    transition:0.2s;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
}

.navgation .dropdown-big-menu {
    display: none;
    background-color: rgba(255, 255, 255, .90);
    position: absolute;
    right: 100px;
    padding: 20px;
    margin-top: 23px;
    transition: all .5s ease;
    z-index: 9;
    cursor:default;
}

.slim .navgation .dropdown-big-menu {
    margin-top: 10px;
}

.navgation .main-manu:hover .dropdown-big-menu {
    display: block;
    text-transform: capitalize;
}

.navgation .dropdown-big-menu.active {
    display: block;
}

.dropdown-big-menu a {
    padding: 0px;
    margin: 0px 0px 5px 0px;
    display: block;
    color: #303030;
}

    .dropdown-big-menu a:hover {
        color: #f47221;
    }

.dropdown-big-menu h3 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    position:relative;
    margin-bottom:10px;
}

.dropdown-big-menu h3::before {
    content:'';
    position:absolute;
    width:2px;
    height:18px;
    background:#f0682e;
    left:-10px;
    top:-2px;
}

.dropdown-big-menu p{
    font-size:12px;
    color:#868686;
    margin-bottom:20px;
}
/*
.dropdown-big-menu .sub-menu-container:nth-child(3) a:last-child{
    margin-top:32px;
}
*/
.dropdown-big-menu .sub-menu-container:last-child p{
    margin-bottom:32px;
}

.sub-menu-container {
    display: inline-block;
    vertical-align: top;
    padding:10px 32px 10px 10px;
    max-width:275px;
}

.about_menu .sub-menu-container , .last_menu .sub-menu-container {
    padding:10px;
}

.about_menu.dropdown-big-menu a , .last_menu.dropdown-big-menu a{
    margin:0;
}

.about_menu.dropdown-big-menu a h3 , .last_menu.dropdown-big-menu a h3{
    margin:0;
}

.about_menu.dropdown-big-menu a h3::before , .last_menu.dropdown-big-menu a h3::before{
    content:none;
}

header.slim .Logo {
    height: 35px;
    width: 150px;
    background-image: url(../images-new/logo-small.png);
    background-size: auto 100%;
}

header.slim .navgation .main-manu {
    padding: 10px 0px 10px 40px;
}

header.slim .navgation .main-manu.contact-btn{
    margin:0px 0 3px 38px;
}

.Logo-mobile {
    height: 30px;
    width: 150px;
    margin-top: 5px;
    background-image: url(../images-new/logo-small.png);
    background-size: auto 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
}

header .hamburger {
    display: inline-block;
    height: 40px;
    width: 40px;
    background-image: url(../images-new/icon-hamburger.png);
    background-repeat: no-repeat;
    background-position: right center;
    float: right;
    cursor: pointer;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 11;
}

    .sidenav .nav-container .main-menu {
        padding: 15px 10px 10px 10px;
        text-decoration: none;
        color: #303030;
        display: block;
        transition: 0.3s;
        border-bottom: solid 1px #d6d6d6;
        text-transform: uppercase;
        font-family: 'openSans-regular';
        font-size: 16px;
        cursor: pointer;
    }

        .sidenav .nav-container .main-menu .sub-menu {
            display: none;
            padding-top: 5px;
        }

    .sidenav .nav-container a.main-menu {
        background-image: none;
    }

    .sidenav .nav-container .main-menu {
        background-image: url(../images-new/icon-arrow-bottom.png);
        background-repeat: no-repeat;
        background-position: right 20px;
    }

    .sidenav .nav-container .main-menu.contact-btn {
        width: 123px;
        height: 32px;
        padding: 0 !important;
        border: solid 2px #f47221;
        border-radius: 50px;
        text-align: center;
        line-height: 31px;
        font-size: 14px;
        font-weight: 500;
        color: #f47221;
        margin: 17px 0 24px 0px;
        vertical-align: middle;
        transition: 0.2s;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
    }

    .sidenav .nav-container ul {
        padding:0;
        margin:0;
        list-style:none;
        font-size:0;
    }

    .sidenav .nav-container ul li {
        display:inline-block;
        width:39px;
        height:40px;
        margin:0 7.5px;
    }

    .sidenav .nav-container ul li a {
        display:block;
        width:100%;
        height:100%;
        background-size:100% !important;
        background-repeat:no-repeat !important;
    }

    .sidenav .nav-container ul li a.facebook{
        background:url(../images-new/icon-nav-f.png);
    }

    .sidenav .nav-container ul li a.twitter{
        background:url(../images-new/icon-nav-t.png);
    }

    .sidenav .nav-container ul li a.linkedin{
        background:url(../images-new/icon-nav-n.png);
    }

    .sidenav .nav-container ul li a.medium{
        background:url(../images-new/icon-nav-m.png);
    }

        .sidenav .nav-container .main-menu .sub-menu a {
            display: none;
            font-size: 13px;
            color: #666;
            margin-left: 20px;
            padding: 5px 0px;
            text-transform: capitalize;
        }

        .sidenav .nav-container .main-menu i {
            height: 7px;
            width: 7px;
            background-color: #fff;
            border-radius: 100%;
            display: block;
            float: left;
            margin-top: 8px;
            margin-right: 10px;
            margin-bottom: 10px;
        }

        .sidenav .nav-container .main-menu.active i {
            height: 7px;
            width: 7px;
            background-color: red;
            border-radius: 100%;
            display: block;
            float: left;
            margin-top: 8px;
            margin-right: 10px;
        }

        .sidenav .nav-container .main-menu .sub-menu a {
            display: none;
            display: block;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0px;
        font-size: 50px;
        width: 60px;
        float: left;
        text-align: center;
        color: #fff;
        height: 100%;
    }

.nav-container {
    background-color: #fff;
    height: 100%;
    width: 260px;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 20px;
    padding-right: 20px;
    overflow-y: auto;
}

.free-style {
    position: absolute;
    right: 0;
    font-family: 'openSans-extra-bold';
    font-weight: 800;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    text-align: left;
    width: 0;
    height: 0;
    border-top: 200px solid rgba(227, 40, 42, 0.7);
    border-left: 200px solid transparent;
}

    .free-style:hover,
    .free-style:focus {
        color: #fff;
        text-decoration: none;
        outline: none;
    }

    .free-style span {
        position: relative;
        top: -177px;
        left: -94px;
    }

.freeaudit-content {
    border-radius: 0px;
    background-color: #e5e5e5;
}

.freeaudit-header {
    background-color: #fff;
    box-shadow: 0px 3px 4px 1px #747474;
    text-align: right;
    padding: 5px 15px;
}

    .freeaudit-header .close {
        float: none;
        margin: 0;
        font-size: 25px;
    }

    .freeaudit-header p {
        font-family: 'openSans-regular';
        font-size: 28px;
        color: #303030;
        text-align: center;
        font-weight: 300;
        margin-bottom: 0px;
    }

.freeaudit-dialog {
    width: 70%;
}

.freeaudit-body {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 20px 70px 40px;
}

    .freeaudit-body p {
        font-family: 'openSans-regular';
        font-size: 20px;
        color: #5b5b5b;
    }

    .freeaudit-body .control-label {
        font-family: Raleway, sans-serif;
        font-size: 16px;
        color: #303030;
        text-align: right;
        font-weight: 400;
        position: relative;
        top: 2px;
        padding-right: 0;
    }

    .freeaudit-body .form-group {
        margin-bottom: 15px;
        margin-top: 15px;
        display: inline-block;
        width: 100%;
        font-size: 16px;
    }

    .freeaudit-body .form-control {
        border: none;
        border-bottom: 1px solid #000;
        border-radius: 0px;
        background-color: transparent;
        box-shadow: none;
        height: 20px;
        padding: 0px 2px;
        font-size: 16px;
    }

.social-foooter-link {
    margin-top: -10px;
    float: right;
}

    .social-foooter-link a {
        height: 40px;
        width: 40px;
        display: inline-block;
        margin-right: 10px;
    }

    .social-foooter-link .facebook-link {
        background-image: url(../images-new/icon-footer-f.png);
        background-repeat: no-repeat;
    }

    .social-foooter-link .twitter-link {
        background-image: url(../images-new/icon-footer-t.png);
    }

    .social-foooter-link .linkedin-link {
        background-image: url(../images-new/icon-footer-n.png);
    }

    .social-foooter-link .m-link {
        background-image: url(../images-new/icon-footer-m.png);
    }

.error-message-red {
    color: red;
    font-size: 12px;
}

.padT10 {
    padding-top: 10px;
}

.padT15 {
    padding-top: 15px;
}

.padT20 {
    padding-top: 20px;
}

.padT30 {
    padding-top: 30px;
}

.uxlogo-img {
    text-align: center;
    padding: 10px 26px;
}

    .uxlogo-img p {
        font-size: 16px;
        color: #e56740;
        margin: 16px auto;
        font-weight: 500;
        font-family: 'openSans-semi-bold';
    }

.upcoming-session {
    list-style: none;
    padding-left: 16px;
}

    .upcoming-session h4 {
        font-size: 16px;
        color: #e56740;
        margin: 0;
        padding-bottom: 5px;
        font-weight: 500;
        font-family: 'openSans-semi-bold';
    }

    .upcoming-session p {
        font-size: 14px;
        color: #303030;
        font-family: 'openSans-semi-bold';
        font-weight: 600;
        margin: 3px auto;
    }

        .upcoming-session p.tempClassTime {
            margin: 0 auto;
        }

.ux-link .fb-link-ux {
    padding-left: 0;
}

.upcoming-session span {
    font-size: 14px;
    color: #303030;
    font-family: 'openSans-regular';
    font-weight: 300;
}

.link-sec {
    padding-top: 16px;
    display: inline-block;
    width: 100%;
}

.link-sec li a {
    font-size: 12px;
    color: #005cc2;
    border-bottom: 1px solid #005cc2;
    font-family: 'openSans-regular';
    outline: none;
    text-decoration: none;
}

    .link-sec li a u {
        vertical-align: middle;
    }

.link-sec .pull-right {
    position: relative;
    right: 10px;
}

.banner-image {
    position: relative;
    margin-top:109px;
}

.banner-image .owl-dots{
    position: absolute;
    right: 15px;
    margin-top: -23px !important;
    z-index: 5;
    display: table;
    line-height:1;
}

.banner-image .owl-dot span{
    width:8px !important;
    height:8px !important;
    margin:0 2.5px !important;
    border:1px solid #ffb998 !important;
    background:transparent !important;
}

.banner-image .owl-dot.active span{
    background:#ffb998 !important;
}

.banner-heading {
    position: absolute;
    top: 24.7%;
    left: 4.5%;
    z-index: 100;
    max-width: 657px;
}

.banner-heading a {
    outline: none;
    text-decoration: none;
    position:relative;
}

.banner-heading p {
    font-size:16px;
    line-height:22px;
    color:#6b6b6b;
    font-weight: 500;
    margin:0;
    position:relative;
}

.banner-heading p.mobile-pera {
    display:none;
}

.banner-heading h3{
    font-size:30px;
    font-weight:300;
    color: #5e5961;
    letter-spacing:1.5px;
    margin:56px 0 3px 0;
    position:relative;
}

.banner-heading-top {
    background-color: rgba(244, 114, 33, .9);
    font-size: 60px;
    padding: 0px 20px 0px 20px;
    text-transform: uppercase;
    font-family: 'openSans-light';
    font-weight: 200;
}

.banner-heading-middle {
    background-color: rgba(227, 40, 42, .9);
    font-size: 64px;
    padding: 0px 20px 0px 20px;
    text-transform: uppercase;
    font-family: 'openSans-extra-bold';
    font-weight: 800;
    display: block;
    width: 280px;
}

.banner-heading-text{
    display:flex;
    align-items:baseline;
    margin-bottom:14px;
    position:relative;
    margin-left:0 !important;
}

.banner-heading-text.left-align{
    margin-left:-5px;
}

.banner-heading-text span{
    font-size: 73px;
    color:#767079;
    font-weight:700;
    line-height:1;
}

.banner-heading h1 {
    font-size: 73px;
    color: #767079;
    font-weight: 700;
    line-height: 1;
    margin:0 0 14px -5px;
    text-align:left;
    position:relative;
}

.banner-heading-text span.banner-heading-bottom {
    font-size: 48px;
    color:#767079;
    font-weight:700;
    height:73px;
}

.banner-heading-text span.banner-heading-bottom::first-letter {
    font-size: 73px;margin-right:-5px;
}

.banner-heading a {
    display:inline-block;
    width:160px;
    height:40px;
    line-height:38px;
    border-radius:50px;
    margin-right:18px;
    margin-top:40px;
    font-weight:600;
    border:2px solid #f47221;
    color:#f47221;
    text-align:center;
    text-transform:uppercase;
    transition:0.2s;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
}

.banner-heading a:hover , .banner-heading a.active{
    background:#f47221;
    color:#FFFFFF;
    transition:0.2s;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
}

.banner-iso-wrapper{
    border:2px dotted #fff;
    border-radius:0 50px 50px 0;
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 60px;
    border-left: none;
    background:linear-gradient(to left, #ef4823, #9c2486);
}

.banner-iso-inner{
    background:#FFFFFF;
    border-radius:0 50px 50px 0;
    padding:4px 25.74px 4px 60px;
    display:flex;
    justify-content:space-around;
    align-items:center;
}

.banner-iso-inner img {
    width:auto !important;
    margin-right:10px;
}

.banner-iso-inner p {
    margin:0;
    font-weight:500;
}

.banner-iso-inner p strong {
    font-family:'openSans-regular'
}

.banner-nav {
    position: relative;
    top: -200px;
    text-align: center;
    z-index:99;
}

.banner-nav .fa-angle-down {
    font-size: 30px;
    color: #4e4e4e;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    background-color: rgba(238, 238, 238, 0.88);
    text-align: center;
    cursor: pointer;
    padding-top: 5px;
}

.banner-video {
    width: 100%;
}

.home-mobile-banner{
    display:none !important;
}

.home-mobile-banner img{
    width:100%;
}

.slider-container {
    width: 200px;
}

.adBanner {
    display: block;
    position: fixed;
    z-index: 11;
    cursor: pointer;
    top: 30%;
    right: 0;
}

.bannerArrow, .bannerArrowRight {
    position: absolute;
    left: -20%;
}

.adBanner .fa-angle-right, .adBanner .fa-angle-left {
    font-size: 30px;
    color: #000000;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    text-align: center;
    cursor: pointer;
    padding-top: 3px;
    border: 1px solid grey;
}

.bannerArrowRight {
    display: none;
}

.verticalImgAd img {
    display: block;
}

.horizontalBanner {
    display: none;
}

    .horizontalBanner img {
        height: auto;
        width: 100%;
    }

.diMain {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
}

.diHead {
    padding-top: 30px;
}

.left-offerce-sec .media {
    margin-top: 0px;
}

.left-offerce-sec .media a {
    display:block;
    width:100%;
    height:100%;
    padding: 25px;
}

.left-offerce-sec .media:hover{
    box-shadow:0 0 8.6px 0.5px rgba(0, 0, 0, 0.14);
}

.media-body h4 a {
    color: #000000;
}

.right-offernce-sec img {
    float: right;
    margin-top: 70px;
}

.ux-unfold-cont-new span a {
    display:table;
    margin: 7px auto 0 auto;
    color:#f36f25;
    font-weight:500;
}

.map-address-wrapper{
    position:absolute;
    left:0;
    right:0;
    bottom:20px;
    padding:0 15px;
}

.map-address-main{
    display:flex;
    color:#303030;
    min-height:54px;
}

.map-address-main.show{
    display:flex !important;
}

.map-address-city{
    margin-right:10px;
    font-weight:600;
    text-decoration:underline;
}

.map-address{
    flex:2;
}

.map-address p{
    margin:0;
    font-size:12px;
}

.map-address p strong{
    font-size:14px;
    font-weight:700;
}

.footer-container-3{
    position:relative;
}

.thankyou-pop-main{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#FFFFFF;
    z-index:5;
    text-align:center;
    padding:100px 40px 80px 40px;
    color:#303030;
}

.thankyou-pop-main img {
    display:block;
    margin:auto;
}

.thankyou-pop-main h3{
    font-weight: 600;
    font-size: 24px;
    margin: 25px 0 10px 0;
    line-height: 1.08;
}

.thankyou-pop-main p{
    font-size: 16px;
    margin:0 0 5px 0;
    line-height: 1.63;
}

.thankyou-pop-main .ok-btn{
    width: 123px;
    height: 32px;
    color:#f47221;
    border-radius: 50px;
    border:solid 2px #f47221;
    margin:5px;
    font-weight:500;
    padding: 0;
    line-height: 30px;
    transition:0.2s;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
}

.thankyou-pop-main .ok-btn.fill{
    line-height:29px;
}

.thankyou-pop-main .ok-btn.fill , .thankyou-pop-main .ok-btn:hover{
    background:#f47221;
    color:#ffffff;
    transition:0.2s;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
}

.case-study-banner-main{
    padding: 0;
    margin-top: 109px;
}

.case-study-img{
    width:100%;
}

.case-study-img.desktop-img{
    display:block;
}

.case-study-img.mobile-img{
    display:none;
}

.case-study-detail-wrapper{
    position:absolute;
    bottom:0;
    right:0;
    width:66.545%;
    height:100%;
    padding-left:147px;
    background:linear-gradient( -68deg, #f36b6e, #f9863e 80%, transparent 0%, transparent 0%, transparent 0% );
}

.case-study-logo{
    top:40px;
    right:20px;
    width:182px;
    margin:40px auto 0 auto;
}

.case-study-logo img {
    display:block;
    margin:auto;
}

.case-study-content{
    text-align:center;
    padding:20px;
    margin-top:30px;
}

.case-study-content span{
    color:#FFFFFF;
    font-size:14px;
    text-transform:uppercase;
}

.case-study-content h1 {
    font-size: 18px;
    color: #ffffff;
    font-weight:600;
    font-family: 'openSans-semi-bold';
    text-transform: uppercase;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 18px 30px;
    display:table;
    margin: 20px auto;
}

.case-study-content p{
    font-size: 16px;
    color: #ffffff;
}

/***********************new contact us start***********************/

.contact-banner-main{
    margin-top:109px;
    background:url(../images-new/contact-banner.png) no-repeat;
    background-position: left bottom;
    background-size: 99% 100%;
}

.contact-banner-info{
    padding:165px 15px 165px 80px;
}

.contact-banner-info h1 {
    margin:0 0 5px 0;
    color:#FFFFFF;
    font-size: 44px;
    font-weight: 600;
    font-family:'openSans-semi-bold' !important;
    line-height:1;
}

.contact-banner-info p {
    margin:0;
    color:#FFFFFF;
    font-size: 24px;
    font-weight: normal;
    font-family:'openSans-regular' !important;
    line-height:1;
}

.contact-banner-form{
    background:#FFFFFF;
    padding:42px 55px 55px 55px;
    position:relative;
}

.contact-banner-form h4{
    text-align:center;
    text-transform:uppercase;
    font-family: 'openSans-regular';
    font-weight:300;
    font-size:22px;
    color:#303030;
    margin:0 0 10px 0;
    line-height:1;
}

.tvd-angular-field {
    display: flex;
    margin-bottom: 5px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 0px;
}
.tvd-angular-field input[type='text'] , 
.tvd-angular-field input[type='email'] , 
.tvd-angular-field textarea  {
    outline:none !important;
    font-size: 16px;
    background: transparent !important;
    text-overflow: ellipsis;
    font-weight: 600;
    border: 0;
    border-bottom: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    padding: 4px 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    box-shadow:none !important;
    height: auto;
}

.tvd-angular-field input[type='text'] ~ label , 
.tvd-angular-field input[type='email'] ~ label ,
.tvd-angular-field textarea ~ label  {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate(0, 2.2rem) scale(1);
    -ms-transform: translate(0, 2.2rem) scale(1);
    transform: translate(0, 2.2rem) scale(1);
    -moz-transform: translate(0, 2.2rem) scale(1);
    -o-transform: translate(0, 2.2rem) scale(1);
    pointer-events: none;
    margin-left: 7px;
    font-size: 12px;
    font-weight:300;
    color: #303030;
    margin-bottom:0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    position: absolute;
    top:0;
    line-height:1;
}
.tvd-angular-field input[type='text'] ~ label.focused , 
.tvd-angular-field input[type='email'] ~ label.focused ,
.tvd-angular-field textarea ~ label.focused  {
    transform:translate(0, 0.5rem) scale(0.8);
    margin-left:0px;
    -webkit-transform:translate(0, 0.5rem) scale(0.8);
    -moz-transform:translate(0, 0.5rem) scale(0.8);
    -ms-transform:translate(0, 0.5rem) scale(0.8);
    -o-transform:translate(0, 0.5rem) scale(0.8);
}
.tvd-angular-field input[type='text'].focused , 
.tvd-angular-field input[type='email'].focused ,
.tvd-angular-field textarea.focused  {
    border-color:#243644;
}
.tvd-angular-field .infoMsg{
    position: absolute;
    left:0;
    top:45px;
    line-height:1;
    font-size:12px;
}
.tvd-angular-field .errorMsg{
    display:none;
}
.tvd-angular-field.error input[type='text'] , 
.tvd-angular-field.error input[type='email'] , 
.tvd-angular-field.error textarea {
    border-color:#e33b3b !important;
}
.tvd-angular-field.error .errorMsg{
    display:block;
    position: absolute;
    left:0;
    top:45px;
    line-height:1;
    font-size:12px;
    color:#e33b3b;
}
.tvd-angular-field.error .infoMsg{
    display:none;
}
.form-group.captcha{
    display: flex;
}
.form-group.captcha span{
    margin: 0;
    padding-top: 15px;
    margin-right:15px;
    font-size: 16px;
    font-family: 'openSans-extra-bold';
    font-weight:600;
}
.contact-submit-btn{
    display:table;
    margin:30px auto 0 auto;
    background:#f47221;
    color:#FFFFFF;
    border-radius:50px;
    border:none;
    padding:6px 21.2px;
    font-size:14px;
    font-weight:500;
}
.contact-submit-btn:hover , .contact-submit-btn:focus {
    color:#FFFFFF !important;
    outline:none !important;
}

.contact-banner-form .error-message-red{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 15px;
}

.contact-banner-form .error-message-red ul {
    padding:0;
    margin:0;
}

.contact-banner-form .error-message-red li {
    display: inline-block;
    margin: 0 10px;
}

.contact-banner-form .thankyou-pop-main{
    padding:60px 40px;
}

.visit-section-main{
    margin-top:50px;
    padding:0;
    display:flex;
    justify-content:center;
}

.map-iframe{
    width:518px;
    height:425px;
    padding-right:47px;
}

.visit-wrapper h3{
    font-family: 'openSans-regular';
    font-size: 36px;
    font-weight: 300;
    color: rgba(48, 48, 48, 0.9);
    text-transform:uppercase;
    line-height: 1;
    margin: 10px 0 20px 0;
    text-align:center;
}

.visit-main-wrapper{
    display:flex;
}
.visit-main{
    width:279px;
    margin: 0 51px;
}
.visit-main h5 {
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    font-weight: 600;
    color: #303030;
    margin: 20px 0 18px 0;
    line-height: 1;
}
.visit-info{
    display:flex;
}
.visit-info span{
    margin-right:10px;
    width:13px;
    padding-top: 3px;
}
.visit-info p{
    flex:2;
    font-size: 14px;
    color: #303030;
    line-height: 1.71;
}
.visit-info p strong{
    font-weight:500;
}
.visit-info p strong a{
    color: #303030;
}
.visit-info p strong span{
    padding:0;
    margin:0;
}

.enquiry-section-main h2{
    margin:81px 0 20px 0;
    font-family: 'openSans-light';
    font-size: 36px;
    font-weight: 300;
    color: rgba(48, 48, 48, 0.9);
    text-transform:uppercase;
    text-align:center;
    padding:0;
}
.enquiry-section-wrapper{
    display:flex;
    justify-content:center;
}

.enquiry-box{
    padding:30px;
    display: flex;
    min-width: 266px;
    margin:0 10px;
}
.enquiry-box:hover {
    box-shadow: 0 0 8.6px 0.5px rgba(0, 0, 0, 0.14);
}
.enquiry-box span {
    margin-right:12px;
    min-width:35px;
}
.enquiry-box span img {
    display:block;
    margin:auto;
}
.enquiry-info p {
    margin:0;
    font-size:14px;
    font-weight:bold;
    color: #303030;
}
.enquiry-info p a {
    font-weight:normal;
    color: #0645ad;
}
.wholealliances h2{
    margin: 100px 0 20px 0;
    font-family: 'openSans-light';
    font-size: 36px;
    font-weight: 300;
    color: rgba(48, 48, 48, 0.9);
    text-transform: uppercase;
    text-align: center;
    padding: 0;
}
.wholealliances p{
    font-size:16px !important;
    font-family: 'openSans-regular';
    color: rgba(48, 48, 48, 0.9) !important;
    padding:0 !important;
    margin:0 0 30px 0 !important;
}
.socialicontext h2 {
    margin: 100px 0 50px 0;
    font-family: 'openSans-light';
    font-size: 36px;
    font-weight: 300;
    color: rgba(48, 48, 48, 0.9);
    text-transform: uppercase;
    text-align: center;
    padding: 0;
}
.contact-brands-section{
    margin-bottom:115px;
}
.contact-brands-section .dropdown-left-sec{
    margin-bottom: 50px;
}
.brand-clients-head h2 {
    margin: 50px 0 20px 0;
    font-family: 'openSans-light';
    font-size: 36px;
    font-weight: 300;
    color: rgba(48, 48, 48, 0.9);
    text-transform: uppercase;
    text-align: center;
    padding: 0;
}
.brand-clients-head p {
    font-size: 16px !important;
    font-family: 'openSans-regular';
    color: rgba(48, 48, 48, 0.9) !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    text-align:center;
}
/***********************new contact us end***********************/

/************** homepage new-event-modal start **************/
.new-event-modal .modal-content{
    border-radius:0px;
    border:none;
}
.new-event-modal .modal-content .modal-body{
    padding:0;
}
.new-event-modal .modal-content .modal-body .close{
    position: absolute;
    opacity: 1;
    text-shadow: none;
    padding: 10px;
    color: #FFFFFF;
    text-align: center;
    line-height: 15px;
    font-size: 35px;
    float: none;
    font-weight: 500;
    right: 0;
}
.new-event-modal-btn{
    margin:30px auto;
    display: table;
    font-size: 16px;
    font-family: 'openSans-regular';
    color: #fffefe;
    background-color: #df5d0c;
    padding: 9px 20px 8px 20px;
    border-radius:50px;
}
.new-event-modal-btn:hover , .new-event-modal-btn:focus {
    color:#FFFFFF;
}

/**************** mobile-development page start *************************/

.digitalbanner-wrapper.mobile-development {
    background-image: url('../images-new/mobile-development-banner.jpg');
    width: 100%;
    position: relative;
    background-size: cover;
    background-position:center bottom;
    text-align: center;
    overflow: auto;
}

.mobile-development .leftbanner-panelsection .col.text h1 {
    padding:10px 50px;
}

.mobile-development .leftbanner-panelsection .col.text p {
    width:77%;
}

.mobile-development .leftbanner-panelsection .col .innernav {
    display:flex;
    justify-content:space-between;
    align-items: flex-end;
}

.mobile-development .leftbanner-panelsection .col .innernav li{
    margin:0 15px;
}

.bottomlink-navigation{
    padding:45px 45px 10px 45px;
    background:#FFFFFF;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}

.bottomlink-navigation .list-inline{
    display:flex;
    margin: 0 auto;
    justify-content:space-around;
    width:100%;
}

.bottomlink-navigation .list-inline li:first-child{
    display:none;
}

.bottomlink-navigation .list-inline li{
    padding:0;
    line-height: 1;
}

.bottomlink-navigation .list-inline li a {
    font-size: 16px;
    color: #404040;
    font-family: 'openSans-regular';
    padding:0 15px 10px 15px;
    border-bottom: solid 1px transparent;
    font-weight: 300;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
    line-height:1;
    background:none !important;
}

.bottomlink-navigation .list-inline li.active a {
    border-bottom: solid 1px #f47221;
    color:#f47221;
    font-weight: 500;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.bottomlink-navigation.affix {
    position: fixed;
    z-index: 10;
    background: #FFFFFF;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1366px;
    top: 83px;
    box-shadow:0 8px 6px -10px #666;
    padding: 10px 15px 0px 15px;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}

.bottomlink-navigation.affix .list-inline li{
    margin: 0 0 0 80px;
}

.bottomlink-navigation.affix .list-inline li:first-child{
    display:block;
    margin:0 auto 0 0;
}

.bottomlink-navigation.affix .list-inline li a{
    font-size: 14px;
}

.fixed-sidebar-main{
    padding:0;
}

.bottomlink-navigation.affix + div + .fixed-sidebar-main 
{
    padding-top:90px;
}

.services-menu{
    position:absolute;
    top: 2%;
    max-width:252px;
}

.services-menu.affix{
    position:fixed;
    top: calc(50% - 110px);
}

.services-menu.affix-bottom {
  position: absolute;
}

.services-menu ul {
    margin:0;
    padding:0;
}

.services-menu li {
    margin:15px 0;
}

.services-menu li a{
    font-size: 16px;
    font-weight: 300;
    color: rgba(64, 64, 64, 0.8);
    padding: 0 0 0 60px;
    position:relative;
    background:transparent !important;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.services-menu li a::before{
    content:'';
    position:absolute;
    left:0;
    top:calc(50% - 1px);
    width:0px;
    height:2px;
    background-color: #ff6700;
    border-radius: 1px;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.services-menu li.active a::before{
    width:40px;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.services-menu li.active a{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.9px;
    color: #f47221;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.what-we-provide-section{
    background:#FFFFFF;
    padding: 30px 15px 120px 15px;
    
}

.vh-full-height {
min-height:100vh;
}
.d-flex {
display:flex;
}

.d-align-center {
    align-items:center;
}
.d-flex-dirction-column {
flex-direction:column;
}

.d-flex-wrap {
flex-wrap:wrap
}

.section-info-wra-main {
    display:table;
    margin-left:auto;
}

.what-we-provide-section.currentSection{
    /*padding:150px 15px 7% 15px;*/
    padding:180px 15px 7% 15px;
}

.what-we-provide-section.dark{
    background:#f4f4f4;
}

.what-we-provide-section span.head{
    text-align:center;
    font-family: 'openSans-regular';
    font-size: 14px;
    display: block;
    text-transform: uppercase;
}

.what-we-provide-section h1{
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'openSans-regular';
    font-weight: 400;
    display: table;
    margin: 20px auto 0px auto;
    line-height: 40px;
    border: 0px solid #000;
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding: 10px 195px;
}

.section-info-wrapper{
    padding: 0;
    margin-left:auto;
    max-width: 100%;
    width:1050px;
    /*display:table;*/
}

.section-info-wra-main .section-info-main{
    margin-top:100px;
}

.section-info-main{
    display:flex;
    align-items:center;
}

.section-info-main .section-info{
    flex:1;
    max-width: 580px;
}

.section-info-main .section-info h3 {
    font-family: Raleway;
    font-size: 30px;
    font-weight: 500;
    color: #404040;
    letter-spacing: 0.75px;
    margin:0 0 20px 0;
    line-height: 1;
}

.section-info-main .section-info p {
    font-family: 'openSans-regular';
    font-size: 18px;
    font-style: italic;
    color: #333333;
    letter-spacing: 0.45px;
    line-height: normal;
}

.section-info-points{
    display:flex;
    margin:40px 0;
}

.section-info-points ul{
    margin:0 55px 0 0;
    padding:0;
}

.section-info-points ul:last-child{
    margin:0;
}

.section-info-points ul li{
    margin:20px 0;
    position:relative;
    padding-left:20px;
}

.section-info-points ul li::before{
    content:'';
    width:9px;
    height:9px;
    position:absolute;
    border-radius:100%;
    left:0;
    top:5px;
    background-color: #f47221;
}

.section-img{
    margin-top:10px;
}

.section-info-btn{
    display:flex;
    align-items:center;
}

.section-info-btn .mob-dev-cobtact-btn{
    border-radius: 20px;
    border: solid 2px #f47221;
    color: #f47221;
    font-size: 14px;
    font-weight: 600;
    line-height: 39px;
    text-transform:uppercase;
    width:170px;
    height:40px;
    padding: 0;
    text-align:center;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.section-info-btn .mob-dev-cobtact-btn:hover {
    background:#f47221;
    color:#FFFFFF;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.section-info-btn .view-detail-link{
    display:none;
}

.section-info-btn a.link {
    margin-left:20px;
    color: #f59154;
    font-size: 18px;
    font-weight: 500;
    padding: 7.5px 0;
    position:relative;
}

.section-info-btn a.link::before {
    content:'';
    width:0%;
    height:2px;
    background:#f59154;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

.section-info-btn a.link:hover::before {
    width:100%;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

#future-support .section-info-btn{
    margin-top: -30px;
}

#product-discovery .section-info-btn{
    margin-top: -59px;
}

.how-do-section-main{
    padding:60px 0px;
}

.how-do-section-main span.head {
    text-align: center;
    font-family: 'openSans-regular';
    font-size: 14px;
    display: block;
    text-transform: uppercase;
}

.how-do-section-main h1 {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'openSans-regular';
    font-weight: 400;
    display: table;
    margin: 20px auto 0px auto;
    line-height: 40px;
    border: 0px solid #000;
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding: 10px 15px;
}

.how-do-section-main img {
    display:block;
    margin:-30px auto 0 auto;
    width:80%;
}

.how-do-section-main .steps-main{
    display:none;
}

.platforms-section-main{
    background: #f7f7f7;
    padding:70px 60px 20px 60px;
}

.platforms-section-main span.head {
    text-align: center;
    font-family: 'openSans-regular';
    font-size: 14px;
    display: block;
    text-transform: uppercase;
}

.platforms-section-main h1 {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'openSans-regular';
    font-weight: 400;
    display: table;
    margin: 20px auto;
    line-height: 40px;
    border: 0px solid #000;
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding: 10px 15px;
}

.platform-logos-main{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin: 40px 0;
}

.platform-logos-main.mobile{
    display:none;
}

.platform-logo{
    width: 23%;
}

.platform-logo img{
    display:block;
    margin:auto;
}

.platform-logos-main .platform-logo:nth-child(2){
    text-align:center;
}

.calculator-section-main{
    padding:50px 60px;
    position:relative;
}

.calculator-section-main span.head {
    text-align: center;
    font-family: 'openSans-regular';
    font-size: 14px;
    display: block;
    text-transform: uppercase;
}

.calculator-section-main h1 {
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'openSans-regular';
    font-weight: 400;
    display: table;
    margin: 20px auto;
    line-height: 40px;
    border: 0px solid #000;
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding: 10px 15px;
}

.calculator-wrapper{
    margin: 30px auto;
    max-width: 1000px;
}

.calculator-wrapper .carousel-indicators{
    position: relative;
    bottom: auto;
    left: auto;
    margin: 0 auto 30px auto;
    font-size:0;
    width:100%;
    z-index: 2;
}

.calculator-wrapper .carousel-indicators li{
    width: auto;
    height: auto;
    text-indent: inherit;
    padding: 0 90px 0 25px;
    position:relative;
    font-weight: 300;
    margin: 0;
    border: none;
    font-size: 18px;
    line-height:1;
}

.calculator-wrapper .carousel-indicators li::before{
    content:'';
    position:absolute;
    left:0;
    top:calc(50% - 7px);
    width:13px;
    height:13px;
    border-radius:100%;
    background-color: #ff6700;
}

.calculator-wrapper .carousel-indicators li::after{
    content:'';
    position:absolute;
    right:15px;
    margin:auto;
    top:calc(50% - 1px);
    width:62px;
    height:2px;
    background-color: #ff6700;
    opacity: .5;
}

.calculator-wrapper .carousel-indicators li.active{
    font-weight: 500;
}

.calculator-wrapper .carousel-indicators li:last-child{
    padding:0 0 0 25px;
}

.calculator-wrapper .carousel-indicators li:last-child::after{
    content:none;
}

.calculator-slide-wrapper{
    display: table;
    margin: auto;
}

.calculator-question-main{
    margin:0 0 30px 0;
    max-width:860px;
}

.calculator-question-main h3{
    font-size: 20px;
    font-weight: 300;
    font-family: 'openSans-regular';
    color: #303030;
    margin:0 0 10px 0;
}

.calculator-icons-option-main{
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    align-items: flex-end;
}

.calculator-icons-option{
    margin:0 50px 0 0;
}

.calculator-icons-option:last-child{
    margin:0;
}

.calculator-icons-option label{
    cursor:pointer;
    margin:0;
}

.calculator-icons-option label input {
    -webkit-appearance: none;
    display: none;
}

.calculator-icons-option label img {
    margin:0 auto 20px auto;
}

.calculator-icons-option label img.inactive{
    display:block;
}

.calculator-icons-option label img + img.active{
    display:none;
}

.calculator-icons-option label input[type=radio]:checked + img.inactive{
    display:none;
}

.calculator-icons-option label input[type=radio]:checked + img + img.active{
    display:block;
}

.calculator-icons-option label span {
    display:block;
    text-align:center;
    font-size: 16px;
    font-weight: 500;
    color: #303030;
}

.calculator-list-option-main{
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin: 0 -10px;
}

.calculator-list-option{
    box-shadow: 0 0 8.6px 0.5px rgba(0, 0, 0, 0.14);
    margin:5px;
    font-size: 16px;
    color: #303030;
}

.calculator-list-option .checkbox , .calculator-list-option .radio{
    margin:0 0 0 0;
}

.calculator-list-option label{
    min-height: 25px;
    padding:0px 15px;
    display:flex;
    align-items:center;
}

.calculator-list-option label input {
    width: 0;
    height: 0;
    opacity: 0;
}

.calculator-list-option label .checkmark {
    position: relative;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: solid 1px #f47221;
    margin: 11px 10px 11px 0;
}

.calculator-list-option .radio label .checkmark{
    border-radius:100%;
}

.calculator-list-option label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 1px;
    width: 7px;
    height: 13px;
    border: solid #ffffff;
    border-width: 0 2.5px 2.5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.calculator-list-option .radio label .checkmark:after{
    width: 10px;
    height: 10px;
    background: #f47221;
    border-radius: 100%;
    top: calc(50% - 5px);
    transform: rotate(0deg);
    border: none !important;
}

.calculator-list-option label input:checked~.checkmark {
    background-color: #f47221;
    border-color: #f47221;
}

.calculator-list-option .radio label input:checked~.checkmark {
    background-color: transparent;
    border-color: #f47221;
}

.calculator-list-option label input:checked~.checkmark:after {
    display: block;
}

.calculator-list-option label span + span {
    flex:1;
    line-height:1;
}

.calculator-btn , .calculator-btn:hover , .calculator-btn:focus{
    border-radius: 20px;
    border: solid 2px #f47221;
    background-color: #f47221;
    color:#FFFFFF;
    font-size: 16px;
    display: table;
    padding: 10px 66px;
    line-height: 1;
    cursor:pointer;
}

.calculator-form-main h2 {
    font-family: 'openSans-semi-bold';
    font-size: 30px;
    font-weight: 500;
    color: #303030;
}

.calculator-form-main + .calculator-btn{
    margin:60px auto 0 auto;
}

.calculator-form-field{
    display: flex;
    justify-content: flex-start;
    margin:0 0 17px 0;
}

.calculator-form-field .tvd-angular-field {
    flex: 1;
    margin: 0 50px 0 0;
    max-width:310px;
}

.calculator-form-field .tvd-angular-field:nth-child(2n+0){
    margin:0;
}

.calculator-form-field .tvd-angular-field input ~ label {
    font-size:16px;
}

.calculator-form-field .tvd-angular-field input ~ label.focused{
    -webkit-transform: translate(0, 0rem) scale(0.8);
    -moz-transform: translate(0, 0rem) scale(0.8);
    -o-transform: translate(0, 0rem) scale(0.8);
    transform: translate(0, 0rem) scale(0.8);
}

.calculator-thankyou-main{
    position:absolute;
    left:0;
    right:0;
    top:0;
    width:100%;
    height:100%;
    background:#FFFFFF;
    z-index:5;
    padding:70px 60px;
    display:none;
}

.calculator-thankyou-info{
    max-width:700px;
    margin:auto;
    text-align:center;
}

.calculator-thankyou-info span.head {
    text-align: center;
    font-family: 'openSans-regular';
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 45px;
}

.calculator-thankyou-info img {
    display:table;
    margin:auto;
}

.calculator-thankyou-info h2 {
    font-family:'openSans-semi-bold';
    font-weight: 500;
    font-size: 30px;
    color: #303030;
    line-height: 1.1;
    padding:0;
    margin:30px 0;
    text-transform:inherit;
}

.calculator-thankyou-info p {
    font-family:'openSans-light';
    font-weight: 300;
    font-size: 20px;
    color: #303030;
    line-height: 1.2;
    padding:0;
    margin:85px 0;
    text-transform:inherit;
    padding:0 120px;
}

.calculator-thankyou-info p span{
    font-family: Lato;
}

.recent-innovation-section-main{
    padding: 70px 60px;
    position: relative;
    background: -moz-linear-gradient(left, rgba(244,114,33,1) 0%, rgba(231,76,80,1) 100%);
    background: -webkit-linear-gradient(left, rgba(244,114,33,1) 0%,rgba(231,76,80,1) 100%);
    background: linear-gradient(to right, rgba(244,114,33,1) 0%,rgba(231,76,80,1) 100%);
}

.recent-innovation-section-main span.head {
    text-align: center;
    font-family: 'openSans-regular';
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    color:#FFFFFF;
}

.recent-innovation-section-main h1{
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'openSans-regular';
    color:#FFFFFF;
    font-weight: 400;
    display: table;
    margin: 20px auto;
    line-height: 40px;
    border: 0px solid #FFFFFF;
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding: 10px 145px;
}

.recent-innovation-section-main h3 {
    font-family: Raleway;
    font-size: 20px;
    font-weight: 500;
    color:#FFFFFF;
    text-align:center;
    margin:25px 0 25px 0;
}

.recent-innovation-section-main h3.mobile{
    display:none;
}

.recent-innovation-section-main img {
    display:block;
    margin:auto;
}

.involved-pop-main .modal-content{
    border-radius:20px;
    box-shadow:none;
}

.involved-pop-main .modal-body {
    padding:49px 55px;
}

.involved-pop-main .modal-body .close {
    opacity: 1;
    position: absolute;
    right: 16px;
    top: 20px;
    font-size: 40px;
    line-height: 0;
}

.involved-pop-main .involved-pop-main-wrapper{
    max-width:685px;
    margin:auto;
}

.involved-pop-main .involved-pop-main-wrapper h3{
    font-family: 'openSans-regular';
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #404040;
    margin: 0;
    line-height: 1;
    margin-bottom: 25px;
}

.involved-pop-main .involved-pop-main-wrapper h4{
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    color: #404040;
    margin-bottom: 8px;
}

.involved-pop-main .involved-pop-main-wrapper p{
    font-family: 'openSans-regular';
    font-size: 14px;
    text-align: left;
    color: #404040;
    line-height: 1;
}

.involved-pop-main .involved-pop-main-wrapper img {
    display:table;
    margin:30px auto;
    max-width: 180px;
}

/*festival bannner css start*/
.festival-slide-item h3.text-2{
    font-size: 48px;
    color: #5e5961;
    font-weight: 700;
    line-height: 1;
    position: relative;
    margin-top: 0;
}

.festival-slide-item .text-1{
    font-size: 16px;
    color: #6b6b6b;
    margin-bottom: 20px;
    
}
/*festival bannner css end*/

/**************** mobile-development page end *************************/

/************************* techbot start *************************/
.techbot {
    position: fixed;
    z-index: 1;
    bottom: 15px;
    right: 20px;
    width: 70px;
    height: 70px;
    background: linear-gradient(55deg, #ff0303 -52%, #ffc800 100%);
    padding: 1px 1px;
    border-radius: 21%;
    outline: none !important;
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
    cursor: pointer;
    z-index: 100;
}

.techbot img {
    border-radius: 21%;
    max-width:100%;
}

.techbot img.techbot-loading {
    display: none;
}

.techbot.loading img.techbot-img {
    display: none;
}

.techbot.loading img.techbot-loading {
    display: block;
}

.techbot-frame {
    position: fixed;
    right: 12px;
    bottom: 83px;
    width: 0;
    height: 0;
    max-width: 100%;
    max-height: 100vh;
    z-index: 105;
    background: transparent;
    pointer-events: none;
}

.techbot-frame iframe {
    width: 0;
    height: 0;
    border: none;
}

.techbot-close {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    left: 17.5px;
    top: 15.5px;
    z-index: 5;
    cursor: pointer;
}

.techbot-frame.show {
    pointer-events: all;
    width: 472px;
    height: 575px;
}

.techbot-frame.show iframe {
    width: 100%;
    height: 100%;
    background: transparent;
    border:none;
}
/************************* techbot end *************************/

.newsletter-body {
    text-align: center
}

.newsletter-body h2 {
    padding: 0;
    color: #000
}

.newsletter-body p.head {
    padding: 0;
    color: #000;
    font-size: 44px;
    font-family: 'openSans-regular';
    font-weight: 100;
    margin: 0 auto;
    line-height: 1.1;
}

.newsletter-body h3 {
    color: #010101
}

@media (min-width: 768px){
.new-event-modal .modal-dialog{
    width:700px;
}
}
@media screen and (min-width:320px) and (max-width:767px){
.new-event-modal .modal-dialog{
    width:auto;
}
.new-event-modal .modal-content .modal-body .close{
    padding: 1px 5px;
    font-size: 25px;
}
}
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){
.new-event-modal .modal-dialog{
    width:300px;
}
.new-event-modal .modal-content .modal-body .close{
    padding: 1px 5px;
    font-size: 25px;
}
}
/************** homepage new-event-modal end **************/

/***********************new contact us end***********************/

@media(max-width:990px) {
    .diHead, div.privacypolicy-content p:first-child {
        padding-top: 0;
    }
}

@media(min-width:768px) {
    .banner-heading-middle {
        width: 550px;
    }

    .banner-heading-top {
        padding: 0 40px 0 20px;
    }
}

@media(min-width:992px) {
    .banner-heading-top {
        background-color: rgba(244, 114, 33, .9);
        font-size: 48px;
        padding: 0px 20px 0px 20px;
        text-transform: uppercase;
        font-family: 'openSans-light';
        font-weight: 200;
    }

    .banner-heading-middle {
        background-color: rgba(227, 40, 42, .9);
        font-size: 48px;
        padding: 0px 20px 0px 20px;
        font-family: 'openSans-extra-bold';
        font-weight: 800;
        display: block;
        width: 840px;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .banner-image .banner-nav {
        top: -60px;
    }
}

@media(min-width:1200px) {
    .banner-image .banner-nav {
        top: -63px;
    }
}

section.brands-slider {
    text-align: center;
    font-family: 'openSans-regular';
    color: #303030;
    padding-bottom: 30px;
    padding-bottom: 40px;
}

    section.brands-slider p {
        font-size: 16px;
    }

section .heading {
    text-align: center;
    color: #303030;
    font-family: 'openSans-regular';
}

section h2 {
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 22px;
}

section .say-hello {
    background-image: url(../images-new/say-hello.jpg);
    padding: 20px 0px;
    background-size: cover;
}

.techved-txt-white {
    color: #fff;
}

.techved-txt-grey {
    color: #303030;
}

.footer-container-1,
.footer-container-2,
.footer-container-3 {
    min-height: 360px;
    padding: 10px;
}

.footer-container-1 {
    background-color: #e8e8e8;
    border-bottom: solid 1px #ccc;
}

.footer-container-2 {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #dedede;
    display: table;
}

    .footer-container-2 .heading h2 {
        font-size: 22px;
    }

    .footer-container-2 .heading p {
        font-size: 12px;
    }

.footer-container-3 {
    background-color: #e8e8e8;
}

    .footer-container-3 .heading h2 {
        color: #303030;
        font-size: 22px;
    }

    .footer-container-3 .heading p {
        color: #303030;
        font-weight: 300;
        font-size: 12px;
    }

footer {
    color: #efefef;
}

    footer .navigation {
        background-color: #3b3b3b;
        padding: 20px;
    }

    footer .content {
        background-color: #444444;
        padding: 10px 20px;
        font-family: 'openSans-regular';
    }

    footer a, footer a:visited {
        color: #efefef;
    }

        footer a:focus, footer a:hover {
            color: #aaa;
            outline: none;
            text-decoration: none;
        }

    footer a {
        transition: 0.3s ease all;
    }

.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.bootstrap-dialog .modal-header {
    border-radius: 0px;
}

.bootstrap-dialog .bootstrap-dialog-title {
    color: #f26b29;
    font-size: 16px;
    font-family: 'openSans-regular';
    text-align: center;
    display: block;
}

.bootstrap-dialog .modal-body {
    background-color: #e5e5e5;
    text-align: center;
}

.bootstrap-dialog.type-success .modal-header,
.bootstrap-dialog.type-danger .modal-header,
.bootstrap-dialog.type-primary .modal-header,
.bootstrap-dialog.type-info .modal-header,
.bootstrap-dialog.type-warning .modal-header {
    background-color: #fff;
}

.bootstrap-dialog.type-success .bootstrap-dialog-title {
    color: #75c656;
}

bootstrap-dialog.type-danger .bootstrap-dialog-title {
    color: #75c656;
}

.bootstrap-dialog i {
    height: 60px;
    width: 60px;
    background-color: #ccc;
    display: block;
    border-radius: 100%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 30px;
}

.bootstrap-dialog.type-success i {
    background-color: #75c656;
    background-image: url(../images-new/icon-dailog-success.png);
}

.bootstrap-dialog.type-danger i {
    background-color: #ee6235;
    background-image: url(../images-new/icon-dailog-error.png);
}

.social-container {
    text-align: center;
}

    .social-container li {
        display: inline-block;
        vertical-align: top;
    }

    .social-container ul {
        list-style: none;
        padding: 0px;
        display: inline-block;
        margin: 10px auto;
    }

@media screen and (min-width:320px) and (max-width:480px) {
    .social-container li {
        display: block;
    }

        header {
            background-color: rgba(255, 255, 255, 1);
        }

        header .strip a {
            letter-spacing: 0px;
            font-size: 12px;
        }

        header img {
            height: 16px;
            margin-top: -5px;
        }

        header .strip .email-id {
            float: left;
        }

        header .strip {
            padding-bottom: 5px;
            padding-top: 5px;
        }

    .banner-image{
        margin-top:75px;
    }

    .banner-heading p {
        display:none;
    }

    .banner-heading p.mobile-pera {
        display: block;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .banner-video {
        display:none !important;
    }

    .home-mobile-banner{
        display:block !important;
        width:100%;
    }

    .banner-heading{
        top: 35px !important;
        text-align:center;
    }

    .banner-heading-text{
        justify-content:center;
        margin-bottom: 12px !important;
    }

    .banner-heading-text span{
        font-size:48px !important;
    }

    .banner-heading-text span.banner-heading-bottom{
        font-size:36px !important;
        height:48px !important;
    }

    .banner-heading-text span.banner-heading-bottom::first-letter{
        font-size:53px !important;
        margin-right:-3px;
    }

    .banner-heading a{
        width:100px;
        height:30px;
        font-size:12px;
        line-height: 27px;
        margin: 5px 3px 0 3px !important;
    }

    img.home-mobile-banner {
        margin:0 !important;
    }

    .banner-image .fa-angle-down {
        display: none;
    }

    .banner-image img {
        margin-top: 70px;
        margin-bottom: 20px;
    }

    footer .content {
        text-align: center;
    }

    footer .navigation {
        text-align: center;
    }

    .left-offerce-sec {
        margin-top: 20px;
    }

    .link-sec {
        text-align: center;
    }
}

@media screen and (min-width:320px) and (max-width:600px) {
    .social-foooter-link {
        float: none;
        margin-top: 10px;
    }
}

@media screen and (min-width:320px) and (max-width:767px) {
    .banner-heading-top {
        font-size: 14px;
    }

    .banner-heading-middle {
        font-size: 14px;
    }

    .knowmore-link {
        font-size: 13px;
    }

    .banner-heading-bottom {
        font-size: 13px;
    }

    .banner-nav {
        top: -50px;
    }

    .banner-image{
        margin-top:75px;
    }

    header .strip {
        /*padding: 5px 0px 5px 0px;*/
    }

    .banner-heading {
        top: 11% !important;
        left: 0%;
        right: 0px;
    }

    footer a,
    footer a:hover {
        font-size: 12px;
    }

    .freeaudit-header p {
        font-size: 16px;
    }

    .freeaudit-body p {
        font-size: 15px;
    }

    .freeaudit-body .control-label {
        top: 0px;
    }

    .freeaudit-body .form-control {
        text-align: center;
    }

    .freeaudit-body .control-label {
        font-size: 13px;
    }

    .freeaudit-body {
        padding: 20px 15px 40px;
    }

    .free-style {
        font-size: 16px;
        border-top: 100px solid rgba(227, 40, 42, 0.7);
        border-left: 100px solid transparent;
    }

        .free-style span {
            top: -92px;
            left: -50px;
        }

    .freeaudit-dialog {
        width: 90%;
    }

    .adBanner {
        display: none;
    }

    .horizontalBanner {
        display: block;
        margin-bottom: 15px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .banner-image{
        margin-top: 75px;
    }

    .banner-heading {
        top: 22%;
        max-width: 390px !important;
        left: 4%;
    }

    .banner-heading-text {
        margin-bottom: 15px !important;
    }

    .banner-heading-text span {
        font-size: 40px !important;
    }

    .banner-heading-text span.banner-heading-bottom{
        font-size: 30px !important;
        height:50px !important;
    }

    .banner-heading-text span.banner-heading-bottom::first-letter{
        font-size: 50px !important;
    }

    .banner-heading p {
        font-size: 16px;
        line-height: 22px;
        color: #6b6b6b;
        font-weight: 500;
        margin: 0;
    }

    .banner-heading a {
        margin-top: 20px !important;
        width: 145px;
        height: 37px;
        line-height: 35px;
        margin-right:15px;
    }

    .banner-heading-top {
        font-size: 30px;
    }

    .banner-heading-middle {
        font-size: 30px;
    }

    .banner-heading-bottom {
        font-size: 16px;
    }

    .banner-nav {
        top: -50px !important;
    }

    .freeaudit-header p {
        font-size: 20px;
    }

    .freeaudit-body {
        padding: 20px 30px 40px;
    }

        .freeaudit-body p {
            font-size: 16px;
        }

        .freeaudit-body .control-label {
            font-size: 13px;
            top: 7px;
        }

    .adBanner {
        display: none;
    }

    .horizontalBanner {
        display: block;
    }
}

.no-pad {
    padding: 0;
}

.whole-conffernce-sec {
    clear: both;
    display:table;
    padding-bottom:142px;
}

.media-body {
    padding-left: 15px;
}

    .media-body h4 {
        color: #303030;
        font-size: 15px;
    }

    .media-body p {
        color: #727272;
        font-size: 12px;
    }

.conference-head-sec {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 15px;
    padding-top: 25px;
}

.techved-headings {
    text-transform: uppercase;
    font-size: 22px;
    margin: 0 auto;
    font-family: 'openSans-regular';
    padding-bottom: 10px;
}

.techved-heading-text {
    font-size: 12px;
    font-family: 'openSans-regular';
}

.whole-recent-work {
    background-color: #e8e8e8;
    display: inline-block;
    width: 100%;
    padding-bottom: 0;
}
.whole-recent-work .row {
    margin-left:-7.5px;
    margin-right:-7.5px;
}
.whole-recent-work .row .no-pad{
    padding:7.5px;
}
.whole-recent-work h2 {
    padding-top: 25px;
}

.whole-recent-work .linkArea {
    text-align: center;
    padding-top: 15px;
    background: #FFFFFF;
    margin-top: 15px;
    padding-bottom: 30px;
}

.whole-recent-work .linkArea .seeAllNews {
    font-size: 16px;
    color: #f9863e;
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    font-weight:500;
}

.new-actionsec {
    margin-left:-15px;
    margin-right:-15px;
    margin-bottom:15px;
    position: relative;
    font-family: 'openSans-regular';
    background-color: #fff;
    padding: 20px 0px;
    overflow: auto;
    -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, .25);
    -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, .25);
    box-shadow: 2px 2px 7px rgba(0, 0, 0, .25);
}

.new-actionsec img {
    display: inline-block;
    top: -10px;
    position: relative;
}

.new-actionsec .actionsecdiv {
    display: inline-block;
    margin-left: 30px;
    margin-right: 45px;
    position: relative;
    top: 15px;
}

.new-actionsec h2 {
    margin-bottom: 10px;
    font-size: 28px;
    text-align: left;
    padding: 0px;
    font-family: 'openSans-regular';
    text-transform: none;
    font-weight: 400;
    color: #000;
    margin-top:0;
}

.new-actionsec p {
    display: block;
    font-size: 1.1em;
    font-family: 'openSans-regular';
    margin-top: 10px;
}

.new-actionsec .action_button {
    background: #f47120;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 15px;
    border-radius: 50px;
    right: -40px;
    top: -20px;
    position: relative;
}

.new-actionsec .action_button:hover {
    color: #fff;
}

.whole-accolades-sec h2 {
    padding-top: 6px;
}

.whole-see-ux-unfold-sec h2 {
    padding-top: 30px;
}

.whole-ux-insight-sec h2 {
    padding-top: 15px;
}

.brands-slider h2 {
    padding-top: 25px;
}

.brands-slider p.head {
    padding: 25px 0 30px;
    font-size: 22px;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'openSans-light';
}

.say-hello h2 {
    padding-top: 45px;
}

.recent-work-head-sec {
    text-align: center;
    margin: 0 auto;
    padding: 20px;
}

.recent-box-img{
    position:relative;
    overflow:hidden;
    max-height:264px;
}

.recent-box-img img {
    width: 100%;
}

.recent-box-overlay{
    position:absolute;
    left:0px;
    top:100%;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.65);
    transition:0.2s;
}

.recent-box-img:hover .recent-box-overlay{
    top:0px;
    transition:0.2s;
}
.recent-box-img .recent-box-overlay .recent-box-overlay-info{
    padding: 15px 22px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    width:100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.recent-box-img .recent-box-overlay .recent-box-overlay-info h3{
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.recent-box-img .recent-box-overlay .recent-box-overlay-info p{
    font-size: 12px;
    padding-right: 50px;
    margin-bottom: 14px;
    line-height: normal;
}

.recent-box-img .recent-box-overlay .recent-box-overlay-info span{
    font-size: 10px;
    line-height: 1;
    display: block;
}

.recent-box-img .recent-box-overlay .recent-box-overlay-info span.arrow{
    position: absolute;
    right: 15px;
    bottom: 10px;
}

.whole-accolades-sec {
    background-image: url('../images-new/accolad-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.accolades-head-sec {
    text-align: center;
    padding: 40px 40px 20px 40px;
}

.accolades-cont {
    text-align: center;
}

.accolades-cont span {
    color: #ffffff;
    font-size: 52px;
    font-family: 'openSans-regular';
}

.accolades-cont i {
    color: #ffffff;
    font-size: 35px;
    font-family: 'openSans-regular';
    vertical-align: super;
    font-style:normal;
}

.accolades-cont small {
    font-size: 22px;
    font-family: 'openSans-regular';
}

.accolades-cont p {
    color: #ffffff;
    font-size: 18px;
    font-family: 'openSans-regular';
}

.certified-section{
    border-top:1px solid rgba(255, 255, 255, 0.5);
    margin-top:22px;
    margin-bottom:22px;
    padding:30px 5px;
    display:flex;
    color:#FFFFFF;
    align-items:center;
    justify-content:center;
}

.certified-section h3{
    margin:0;
    font-size:24px;
    font-weight:500;
}

.certified-section h2{
    margin:5px 0;
    padding:0;
    font-size:32px;
    font-weight:500;
}

.certified-section h2 span {
    font-size: 50px;
    display: block;
    margin-top: -7px;
    line-height: 1;
    margin-left:15px;
}

.certified-section h4{
    margin:10px 0 0 0;
    font-size:18px;
}

.certified-section .certified-btn a{
    width: 153px;
    height: 28px;
    border-radius: 14px;
    border: solid 1px #FFFFFF;
    color: #FFFFFF;
    display: block;
    text-align: center;
    line-height: 28px;
    margin-left: 50px;
    overflow: hidden;
    transition:0.2s;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
}

.certified-section .certified-btn a:hover {
    background:#FFFFFF;
    color:#000000;
    transition:0.2s;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
}

.iso-certificate-modal .close{
    line-height: 15px;
    font-size: 40px;
    font-weight: 300;
    opacity: 1;
    color: #454545;
}

.iso-certificate-modal .desktop-modal{
    margin:0 35px 0 0;
}

.iso-certificate-modal .desktop-modal img{
    width:100%;
}

.ux-unfold-head-sec {
    text-align: center;
    padding: 0 16px 16px 16px;
}

.ux-unfold-cont {
    text-align: center;
    padding-top: 20px;
}

.whole-see-ux-unfold-sec {
    display: inline-block;
    width: 100%;
    padding-bottom: 70px;
}

.ux-unfold-cont p {
    margin: 6px auto;
    padding-top: 12px;
    font-size: 16px;
    color: #303030;
    font-family: 'openSans-semi-bold';
    font-weight: 500;
}

.ux-unfold-cont span {
    font-size: 12px;
    color: #727272;
    font-family: 'openSans-regular';
}

.whole-ux-insight-sec {
    background-color: #e8e8e8;
    display: inline-block;
    width: 100%;
}

.ux-insight-head-sec {
    text-align: center;
    padding: 30px 25px 10px 25px;
}

    .ux-insight-head-sec p {
        font-size: 12px;
        color: #303030;
        font-family: 'openSans-regular';
        padding-top: 10px;
    }

.whole-box-insight {
    display: inline-block;
    width: 100%;
    padding: 10px 25px 25px 25px;
}

.ux-insight-cont {
    margin-top: 16px;
    box-shadow: 0px 0px 9px 0px rgba(204,204,204,0.5);
}

.ux-insight-cont:hover {
    box-shadow: 9.3px 3.6px 16px 4px rgba(0, 0, 0, 0.2);
}

    .ux-insight-cont img {
        width: 100%;
    }

    .ux-insight-cont-info{
        padding: 10px 16px 20px 16px;
        background: #FFFFFF;
        box-shadow: 0px 0px 9px 0px rgba(204,204,204,0.5);
        min-height:215px;
    }

    .ux-insight-cont p {
        padding-top: 10px;
        color: #303030;
        font-size: 14px;
        font-family: 'openSans-semi-bold';
        font-weight: 500;
        min-height: 55px;
    }

    .ux-insight-cont span {
        font-size: 12px;
        color: #303030;
        font-family: 'openSans-regular';
        display:block;
    }

    .ux-insight-cont small {
        font-size: 12px;
        color: #303030;
        font-family: 'openSans-semi-bold';
        font-weight: 600;
        display:block;
        margin-top:23px;
    }

    .ux-insight-cont .ux-insight-cont-img-1 {
        background-image: url(https://www.techved.com/images/blog-detail/tez.jpg);
        /*background-image: url("https://drive.google.com/uc?id=121StD-cnufQwUMooYybYqnIocaHfy_DO");*/
        height: 200px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .ux-insight-cont .ux-insight-cont-img-2 {
        background-image: url(https://www.techved.com/images/blog-detail/ChatBoat.jpg);
        /*background-image: url(https://drive.google.com/uc?id=18Nqgv07u2pEBWDT7KBubo9k5O5vLWEy4);*/
        background-size: cover;
        height: 200px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .ux-insight-cont .ux-insight-cont-img-3 {
        background-image: url(https://www.techved.com/images/blog-detail/who-moved-my-cheese.jpg);
        /*background-image: url("https://drive.google.com/uc?id=1xUHiH_SQFj6bx6MKx0e-gHeTU0l-ZAL5");*/
        background-size: cover;
        height: 200px;
        background-position: center center;
        background-repeat: no-repeat;
    }

.hello-sec {
    background-color: rgba(255, 255, 255, .8);
    padding-bottom: 44px;
    display: inline-table;
    position:relative;
}

.hello-sec .thankyou-pop-main {
    padding:50px 310px;
}

.inner-addon input {
    border-bottom: 1px solid #939293;
    color: #303030;
}

.inner-addon textarea{
    padding: 0 0.8em 0 0;
    margin: 0.8em 0 0 0;
    max-height: 32px;
    border-bottom: 1px solid #939293;
    color: #303030;
    resize:none;
}

#input-8:focus {
    color: #676767;
}

.whole-hello-txt {
    display: inline-block;
    width: 100%;
}

.whole-hello-txt .only-business-id{
    font-size:12px;
    color:#999999;
    margin:4px 0;
}

.input__label-content {
    font-size: 14px;
    color: #303030;
    font-family: 'openSans-regular';
}

.get-btn {
    position: relative;
    top: 16px;
    display: table;
    font-size: 16px;
    font-family: 'openSans-regular';
    color: #fffefe;
    background-color: #df5d0c;
    padding: 9px 20px 8px 20px;
    border-radius: 35px;
    border: none;
    margin: 0 auto 13px auto;
    outline:none;
}

.get-btn:disabled{
    opacity:.5;
    cursor:not-allowed;
}

.newletter-txt-id {
    padding: 45px 25px 0px 25px;
}

.send-btn {
    text-align: center;
    padding-top: 15px;
}

    .send-btn a {
        font-size: 14px;
        color: #303030;
        font-family: 'openSans-regular';
        border: 1px solid #303030;
        border-radius: 35px;
        padding: 6px 35px 6px 35px;
        outline: none;
    }

.newletter-txt-id .inner-addon input {
    border-bottom: 1px solid black;
}

.newletter-txt-id .input__field--haruki:focus + .input__label--haruki .input__label-content--haruki,
.input--filled .input__label-content--haruki {
    color: black;
}

@media(min-width:768px) {
    .newletter-txt-id {
        padding: 45px 50px 0px 50px;
    }

    .whole-hello-txt {
        padding: 0px 40px;
    }

    .input__label-content {
        font-size: 16px;
    }

    .ux-insight-cont p {
        font-size: 16px;
    }

    .ux-insight-cont span {
        font-size: 14px;
    }

    .ux-insight-head-sec p {
        font-size: 16px;
    }

    .ux-unfold-cont p {
        font-size: 18px;
    }

    .ux-unfold-cont span {
        font-size: 14px;
    }

    .whole-accolades-sec {
        background-image: url('../images-new/accolad-bg.jpg');
        height:314px;
    }

    .techved-headings {
        font-size: 36px;
    }

    .techved-heading-text {
        font-size: 16px;
    }

    .media-body h4 {
        font-size: 18px;
    }

    .media-body h4 a {
        color:#000000;
    }

    .media-body p {
        font-size: 14px;
        margin:0;
    }

    .left-offerce-sec ul li {
        display: inline-block;
        width: 100%;
        position: relative;
        list-style: none;
    }

    .left-offerce-sec ul li img {
        float: left;
    }

    .left-offerce-sec ul li p {
        margin: 0 auto;
    }

    .left-offerce-sec ul li span {
        vertical-align: middle;
    }

    .whole-conffernce-sec {
        display:table;
        padding-bottom:117px;
    }

    section h2 {
        font-size: 36px;
    }

    .brands-slider p.head {
        font-size: 36px;
    }

    .footer-container-2 .heading h2 {
        font-size: 27px;
    margin-top: 10px;
    margin-bottom: 1px;
    }

    .footer-container-3 .heading h2 {
        font-size: 36px;
    }

    .footer-container-3 .heading p {
        font-size: 16px;
    }

    .footer-container-2 .heading p {
        font-size: 16px;
    }
}

.top-header-sec {
    padding-top: 110px;
}

.top-header-sec img {
    max-width:100%;
}

.top-header-sec .padT30 {
    padding-top:0;
}

.top-header-sec .social-icon ul li a {
    color:#FFFFFF;
}

@media screen and (min-width:320px) and (max-width:480px) {
    .ux-link {
        text-align: center;
    }

    .refFront .inner, .refBack .inner {
        font-size: 22px !important;
    }
}

@media screen and (min-width:600px) and (max-width:767px) {
    .footer-container-2 {
        background-size: 75%;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .uxlogo-img p {
        font-size: 12px;
        margin: 10px auto;
    }

    .upcoming-session h4 {
        font-size: 14px;
    }

    .upcoming-session span {
        font-size: 13px;
    }

    .upcoming-session p {
        font-size: 13px;
    }

    .banner-nav {
        top: -100px;
    }
    .new-actionsec h2 {
        top: -20px;
        position: relative;
    }
    .new-actionsec .actionsecdiv p {
        font-size: 0px;
    }
    .new-actionsec .action_button {
        font-size: 14px;
        padding: 8px 15px;
        float: right;
        margin-right: 40px;
    }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    .uxlogo-img p {
        font-size: 12px;
        margin: 10px auto;
    }

    .upcoming-session h4 {
        font-size: 14px;
    }

    .upcoming-session span {
        font-size: 13px;
    }

    .upcoming-session p {
        font-size: 13px;
    }

    .banner-nav {
        top: -100px;
    }
}

.logo-container {
    position: relative;
    margin: 200px auto;
    width: 200px;
}

.div0 {
    position: absolute;
    top: 36px;
    left: 26px;
    height: 120px;
    width: 150px;
    transform: rotate(0deg);
    border-radius: 40% 40% 50% 50%/60% 60% 30% 30%;
    background-image: url(../images-new/icon-center.png);
    background-size: cover;
    opacity: 0;
}

.div1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 126px;
    height: 180px;
    transform: rotate(245deg);
    border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
    background-color: #9d2485;
    opacity: 1;
}

.div2 {
    position: absolute;
    width: 126px;
    height: 180px;
    top: 0;
    left: 0;
    transform: rotate(-6deg);
    border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
    background-color: #fbcd08;
    opacity: .8;
}

.div3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 126px;
    height: 180px;
    transform: rotate(0deg);
    border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
    background-color: #3ec3ee;
    opacity: .8;
}

.audio-text-icon {
    background-image: url(../audio/audio-text-1.png);
    height: 16px;
    width: 270px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-top: 3px;
    position: absolute;
}

.icon-audio {
    background-image: url(../audio/Techved_02.gif);
    height: 15px;
    width: 115px;
    xdisplay: inline-block;
    float: right;
    background-repeat: no-repeat;
    background-size: 50%;
    margin-top: 3px;
    cursor: pointer;
}

.banner-nav i.trigger {
    animation: animationFrames linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: animationFrames linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: animationFrames linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: animationFrames linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: animationFrames linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards;
    animation-delay: 2s;
}

@keyframes animationFrames {
    0% {
        transform: translate(0px, 0px);
    }

    15% {
        transform: translate(0px, -25px);
    }

    30% {
        transform: translate(0px, -19px);
    }

    45% {
        transform: translate(0px, -15px);
    }

    60% {
        transform: translate(0px, 0px);
    }

    75% {
        transform: translate(0px, -5px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@-moz-keyframes animationFrames {
    0% {
        -moz-transform: translate(0px, 0px);
    }

    15% {
        -moz-transform: translate(0px, -25px);
    }

    30% {
        -moz-transform: translate(0px, -19px);
    }

    45% {
        -moz-transform: translate(0px, -15px);
    }

    60% {
        -moz-transform: translate(0px, 0px);
    }

    75% {
        -moz-transform: translate(0px, -5px);
    }

    100% {
        -moz-transform: translate(0px, 0px);
    }
}

@-webkit-keyframes animationFrames {
    0% {
        -webkit-transform: translate(0px, 0px);
    }

    15% {
        -webkit-transform: translate(0px, -25px);
    }

    30% {
        -webkit-transform: translate(0px, -19px);
    }

    45% {
        -webkit-transform: translate(0px, -15px);
    }

    60% {
        -webkit-transform: translate(0px, 0px);
    }

    75% {
        -webkit-transform: translate(0px, -5px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
    }
}

@-o-keyframes animationFrames {
    0% {
        -o-transform: translate(0px, 0px);
    }

    15% {
        -o-transform: translate(0px, -25px);
    }

    30% {
        -o-transform: translate(0px, -19px);
    }

    45% {
        -o-transform: translate(0px, -15px);
    }

    60% {
        -o-transform: translate(0px, 0px);
    }

    75% {
        -o-transform: translate(0px, -5px);
    }

    100% {
        -o-transform: translate(0px, 0px);
    }
}

@-ms-keyframes animationFrames {
    0% {
        -ms-transform: translate(0px, 0px);
    }

    15% {
        -ms-transform: translate(0px, -25px);
    }

    30% {
        -ms-transform: translate(0px, -19px);
    }

    45% {
        -ms-transform: translate(0px, -15px);
    }

    60% {
        -ms-transform: translate(0px, 0px);
    }

    75% {
        -ms-transform: translate(0px, -5px);
    }

    100% {
        -ms-transform: translate(0px, 0px);
    }
}

.map-container {
    padding: 0px;
    position: relative;
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
}

    .map-container img {
        width: 100%;
    }

    .map-container .point {
        cursor: pointer;
        position: absolute;
        width: 7px;
        height: 7px;
        background-color: #3ec5ef;
        border-radius: 50%;
        transition: all .3s ease;
        will-change: transform, box-shadow;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);
    }

    .map-container.contact .point {
        width: 13px;
        height: 13px;
    }

    .map-container.big .point {
        width: 10px;
        height: 10px;
    }

    .map-container .point.pulsing {
        animation: pulse 3s infinite;
    }

    .map-container .point:hover {
        transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

    .map-container .singapore {
        top: 56%;
        left: 78%;
    }

    .map-container .kaula_lampur {
        top: 53%;
        left: 76%;
    }

    .map-container .bangkok {
        top: 49%;
        left: 77%;
    }

    .map-container .doha {
        top: 39%;
        left: 60%;
    }

    .map-container .dubai {
        top: 40%;
        left: 63%;
    }

    .map-container .mumbai {
        top: 48%;
        left: 68.50%;
    }

    .map-container .delhi {
        top: 42%;
        left: 69%;
    }

    .map-container .japon {
        top: 34%;
        left: 86%;
    }

    .map-container .melbourne {
        top: 69%;
        left: 88%;
    }

    .map-container.contact .melbourne {
        top: 86%;
        left: 89%;
    }

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(51, 20, 70, 0.5);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(0, 172, 193, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 172, 193, 0);
    }
}

.heading.map_heading {
    position: absolute;
    text-align: center;
    color: #000;
    width: 100%;
    z-index: 11;
}

.map_heading h2,
.map_heading p {
    color: #303030;
}

.owl-prev.disabled,
.owl-next.disabled {
    display: none;
}

header.nav-down {
    top: 0px;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
}

header.nav-up {
    top: 0px;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
}

.refWrap {
    -webkit-perspective: 5000;
    -moz-perspective: 5000;
    -ms-perspective: 5000;
    perspective: 5000;
    -ms-transform: perspective(5000px);
    -moz-transform: perspective(5000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    display: inline-block;
}

.refItem {
    height: 150px;
    transition: .5s;
    transform-style: preserve-3d;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

    .refItem:hover {
        transform: rotateY(-180deg);
        transform-style: preserve-3d;
    }

.refFront {
    z-index: 2;
    background: #e0d7d7;
}

.refBack {
    transform: rotate3d(0, 45, 0, 180deg);
    background-color: #dec39e;
}

.refFront,
.refBack {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto 25px;
    color: #4c4646;
    transform-style: preserve-3d;
}

    .refFront .inner,
    .refBack .inner {
        font-size: 26px;
        font-weight: 500;
        text-align: center;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) translateZ(60px);
        -webkit-transform: translateY(-50%) translateZ(60px);
        -ms-transform: translateY(-50%) translateZ(60px);
    }

.refItem:nth-child(1) .refFront,
.refItem:nth-child(4) .refFront {
    background-color: #fca6a6;
    color: #f14c4c;
}

.topbar_list li {
    list-style: none;
    display: inline-block;
    margin-left: 20px;
    font-family: 'openSans-regular';
}

    .topbar_list li i {
        color: #fff;
        margin-right: 5px;
    }

.topbar_social_icons {
    float: left !important;
    padding: 0px !important;
    margin-bottom:0px;
}

    .topbar_social_icons li {
        list-style: none;
        display: inline-block;
        float: left;
        margin: 0 5px;
        border: 1px solid #fff;
        text-align: center;
        border-radius: 100%;
        height: 25px;
        width: 25px;
        margin-top: 5px;
    }

        .topbar_social_icons li:first-child {
            margin: 5px 5px 5px 0px;
        }

.topbar_list{
    margin-bottom:0px;
}

.topbar_list li:first-child {
    margin-right: 0px;
}

.topbar_social_icons li i {
    color: #fff;
    font-size: 12px;
    margin-left: -2px;
}

.dropdown-big-menu.about_menu {
    right: 270px;
}

.dropdown-big-menu.last_menu {
    right: 70px;
}

.navgation .main-manu i.fa-home {
    background-color: transparent;
    font-size: 20px;
    display: inline;
    visibility: visible !important;
}

.contact_new {
    background: url(../images/contactbg.jpg) no-repeat;
    padding: 160px 0px;
    color: #fff;
    text-align: center;
    position: relative;
}

.contact_top {
    position: absolute;
    top: 135px;
    width: 100%;
}

@media screen and (min-width:767px) and (max-width:991px) {
    .contact_top {
        position: absolute;
        top: 85px;
        width: 100%;
    }
}

.contact_new h2 {
    color: #fff;
}

.contact_new .page_heading {
    float: left;
    margin-left: 30px;
}

    .contact_new .page_heading h1 {
        color: #fff;
        display: none;
    }

.contact_new .page_navigation {
    float: right;
    margin-right: 30px;
}

    .contact_new .page_navigation ul li {
        display: inline-block;
        margin: 20px 20px 0px;
        text-align: center;
    }

        .contact_new .page_navigation ul li i {
            transition: all 500ms ease-in;
            backface-visibility: visible;
            width: 45px;
            height: 45px;
            border: 1px solid #fff;
            color: #FFF;
            line-height: 45px;
            text-align: center;
            border-radius: 50%;
        }

        .contact_new .page_navigation ul li a:hover i {
            transform: rotateX(180deg);
            background-color: #fff;
            color: #000;
        }

        .contact_new .page_navigation ul li span {
            display: block;
            font-size: 16px;
            color: #fff;
            text-transform: uppercase;
            font-family: 'openSans-regular';
            margin-top: 5px;
            font-weight: 300;
        }

@media screen and (min-width:320px) and (max-width:767px) {
    .contact_top {
        position: absolute;
        top: 85px;
        width: 100%;
    }

    .contact_new .page_navigation {
        float: right;
        margin-right: 0px;
    }

    .contact_new ol, .contact_new ul {
        margin-top: 0;
        margin-bottom: 10px;
        margin-left: 0px;
        padding-left: 0px;
    }

    .contact_new .page_navigation ul li {
        display: inline-block;
        margin: 5px 5px 0px;
        text-align: center;
    }

    .contact_new .page_navigation ul li span {
        display: block;
        font-size: 12px;
    }

    .contact_new .page_heading h1 {
        font-size: 24px;
    }

    .contact_new .page_navigation ul li i {
        transition: all 500ms ease-in;
        backface-visibility: visible;
        width: 35px;
        height: 35px;
        border: 1px solid #fff;
        color: #FFF;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
    }

    .contact_new .page_heading {
        float: left;
        margin-left: 5px;
    }

    .new-actionsec {
        padding: 20px 0px 20px 0px;
        text-align: center;
    }
    .new-actionsec img {
        left: -15px;
        top: 0px;
    }
    .new-actionsec .actionsecdiv {
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        position: relative;
        top: 0px;
        right: 0px;
    }
    .new-actionsec h2 {
        font-size: 20px;
        position: relative;
        top: 0px;
        right: 0px;
    }
    .new-actionsec .actionsecdiv p {
        font-size: 0px;
    }
    .new-actionsec .action_button {
        font-size: 12px;
        display: block;
        width: 175px;
        float: right;
        position: relative;
        text-align: center;
        top: 0;
        right: 0;
    }
    .whole-accolades-sec {
    height: 585px;
}

    .top-header-sec {
        padding-top: 50px;
    }

    .top-header-sec img {
        margin-bottom:15px;
    }

    .top-header-sec .padT30 {
        padding-top: 30px;
    }

    .top-header-sec .social-icon {
        margin-top:30px;
    }

    .archived-blogs .mCSB_container {
        top:0 !important;
    }

    .top-header-sec + .text-justify {
        padding:0 15px;
    }

    .top-header-sec + .text-justify h1 {
        text-align:left;
    }

    .top-header-sec + .text-justify iframe {
        max-width:100%;
        height:185px;
    }
}

@media screen and (min-width:320px) and (max-width:700px) {
    ul.topbar_list {
        overflow: auto;
        position: relative;
        padding: 0px;
        margin: 0px;
        margin-top: -5px;
    }

    .topbar_list li:nth-child(2) {
        float: left;margin-left:0px;
    }

    .topbar_list li:nth-child(3) {
        display: none;
    }

    .topbar_list li:first-child {
        margin-right: 0px;
    }
}

.wholeleftsidecontactfrm .form-group {
    margin-bottom: 35px;
}

.wholeleftsidecontactfrm .form-control {
    height: 44px;
}

.wholeleftsidecontactfrm textarea.form-control {
    min-height: 123px;
    resize: none;
    height: 123px;
}

.wholeleftsidecontactfrm .form-control {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e1e1e1;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.contactbtnsubmit input[type=submit] {
    position: relative;
    display: block;
    width: 100%;
    margin: 0px auto 20px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    color: #000;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transform-style: flat;
    transition: all 250ms ease-out;
}

    .contactbtnsubmit input[type=submit]:before,
    .contactbtnsubmit input[type=submit]:after {
        content: "";
        position: absolute;
        z-index: -2;
        transition: all 250ms ease-out;
    }

    .contactbtnsubmit input[type=submit]:before {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .contactbtnsubmit input[type=submit]:hover {
        border: 1px solid #fff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
        border-color: #dedede;
    }

        .contactbtnsubmit input[type=submit]:hover:before {
            box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
        }

.contactform {
    margin-bottom: 30px;
}

.tez-img {
    background-size: cover;
}

.tez-detail {
    background-image: url('../images-new/blog-artboard/tez-bg.jpg');
    background-size: cover;
    padding: 55px 60px 130px 60px;
    display:block;
}

    .tez-detail h1, .tez-detail h3 {
        font-family: 'openSans-regular';
        font-weight: 400;
        font-size: 30px;
        color: #ffffff;
        padding-bottom: 15px;
    }

    .tez-detail p {
        font-family: 'openSans-regular';
        font-weight: 400;
        font-size: 14px;
        color: #ffffff;
        padding-bottom: 24px;
        margin-bottom: 0;
    }

    .tez-detail .social-icons ul {
        padding: 0;
        margin-top: 15px;
    }

    .tez-detail .social-icons li {
        display: inline-block;
        padding: 0 5px;
    }

        .tez-detail .social-icons li a {
            color: #fff;
        }

            .tez-detail .social-icons li a i {
                color: #fff;
                padding: 5px;
                border: 1px solid #fff;
                border-radius: 50%;
                width: 30px;
                text-align: center;
                font-size: 18px;
            }

.blogs p.prev {
    padding: 0 0 30px 0;
}

    .blogs p.prev a {
        font-family: 'openSans-regular';
        font-weight: 400;
        font-size: 16px;
        color: #337ab7;
    }

.blogs .blog-detail p {
    word-break: break-word;
}

.blogs .blog-detail p {
    padding: 0 0 30px 0;
    font-family: 'openSans-regular';
    font-weight: 400;
    font-size: 16px;
    color: #303030;
}

.blogs .blog-detail ul {
    padding: 0 0 0 15px;
}

    .blogs .blog-detail ul li {
        list-style-type: disc;
        font-size: 16px;
        line-height: 30px;
    }

.archived-blogs h3 {
    font-family: 'openSans-semi-bold';
    font-weight: 600;
    font-size: 18px;
    color: #454545;
    padding: 15px 8px;
    text-transform: uppercase;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin: 0;
}

.archived-blog {
    padding: 0;
}

    .archived-blog li {
        display: block;
        padding: 30px 0;
        border-bottom: 1px solid #f0f0f0;
    }

        .archived-blog li:last-child {
            border-bottom: none;
        }

.archived-blogs h4 {
    font-family: 'openSans-semi-bold';
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2d2d2d;
    margin: 0;
}

.archived-blogs span {
    font-family: 'openSans-regular';
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #b3b3b3;
    margin: 0;
}

.archived-blogs #mCSB_1_scrollbar_vertical {
    margin-right: -15px;
}

.blogs {
    padding-top: 50px;
}

.blogs .container {
    overflow:unset !important;
}

.blogs-list .blog .blog-img {
    height: 200px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.blogs-list .blog {
    -webkit-box-shadow: 0px 0px 9px 0px rgba(204,204,204,0.5);
    -moz-box-shadow: 0px 0px 9px 0px rgba(204,204,204,0.5);
    box-shadow: 0px 0px 9px 0px rgba(204,204,204,0.5);
    height: 100%;
    position: relative;
}

.blogs-list .blog:hover{
    box-shadow: 9.3px 3.6px 16px 4px rgba(0, 0, 0, 0.2);
}

.blogs-list .blog a {
    display:block;

}

    .blogs-list .blog .dummy-div {
        min-height: 40px;
    }

.blogs-list .list-item {
    margin-bottom: 45px;
    //xpadding:0 35px;
}

.blogs-list .blog-content {
    padding: 20px;
}

    .blogs-list .blog-content h3 {
        font-family: 'openSans-semi-bold';
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        color: #2d2d2d;
        margin: 0;
    }

    .blogs-list .blog-content span {
        font-family: 'openSans-regular';
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #b3b3b3;
    }

    .blogs-list .blog-content p {
        padding: 25px 0;
        font-family: 'openSans-regular';
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #808285;
    }

    .blogs-list .blog-content .more-detail {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        padding: 20px;
    }

        .blogs-list .blog-content .more-detail a {
            font-family: 'openSans-regular';
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #f9863e;
        }

        .blogs-list .blog-content .more-detail .social-icon {
            padding: 0;
            display: inline-block;
            float: right;
        }

    .blogs-list .blog-content li {
        display: inline-block;
        padding: 0 2px;
    }

.blog-heading-new {
    color: #f36e26;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    margin-top:130px;
}

.blog-list-first-readmore, .blog-list-first-readmore:hover {
    color: #fff;
    font-size: 15px;
    margin-top: 15px;
    float: left;
}

.IN-widget {
    opacity: 0;
    margin-left: -33px;
    margin-right: 10px;
    margin-bottom: -4px;
    height: 25px;
    width: 25px;
    overflow: hidden;
    display: inline-block;
}

@media screen and (min-width:320px) and (max-width:767px) {
    .tez-detail {
        padding: 10px 20px;
    }

        .tez-detail h3 {
            font-size: 28px;
            padding-bottom: 0;
        }

        .tez-detail p {
            font-size: 12px;
            padding-bottom: 15px;
        }

        .tez-detail .social-icons li {
            padding: 0 2px;
        }

            .tez-detail .social-icons li a i {
                padding: 5px;
                width: 30px;
                font-size: 15px;
            }

    .blog-heading-new {
        font-size: 20px;
        margin-top: 100px;
        padding: 0 15px;
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    .refItem:nth-child(1) .refFront,
    .refItem:nth-child(3) .refFront {
        background-color: #fca6a6;
        color: #f14c4c;
    }

    .refItem:nth-child(4) .refFront {
        background: #e0d7d7;
    }
}

@media screen and (min-width:990px) and (max-width:1920px) {
    .blogs-list .list-item {
        padding-right: 50px;
    }

    .blogs {
        padding: 50px 35px;
    }
}

@-moz-document url-prefix() {
    .footer-container-2 {
        display: block;
        padding-top: 65px;
    }
}

@media screen and (min-width:992px) and (max-width:1230px) {
    .refFront .inner, .refBack .inner {
        font-size: 20px;
    }
}

.dateTym {
    display: flex;
    justify-content: flex-start;
}

    .dateTym p:first-child {
        margin: 0;
    }


/* In the news 8.10.18 */

.newsMain {
    padding: 100px 55px 0;
}

.inTheNews .techved-headings {
    text-align: center;
    font-weight: 300;
}

.inTheNews .techved-heading-text {
    text-align: center;
}

.inTheNews .postWrp {
    display: flex;
    margin-top: 40px;
}

.inTheNews {
    padding: 50px 60px 15px;
    box-shadow: 0px 2px 15.36px 0.64px rgba(0, 0, 0, 0.08);
    background: #fff;
    /*margin-top: -353px;*/
}

    .inTheNews .linkArea {
        text-align: center;
        margin-top: 15px;
    }

        .inTheNews .linkArea .seeAllNews {
            font-size: 14px;
            color: #f9863e;
            text-transform: capitalize;
            display: inline-block;
            position: relative;
            padding-right: 25px;
        }

            .inTheNews .linkArea .seeAllNews:after {
                content: "";
                position: absolute;
                right: 0;
                height: 10px;
                width: 15px;
                display: inline-block;
                background: url("../images-new/inthenews/newsarrow.png") no-repeat;
                top: 50%;
                transform: translateY(-50%);
            }

.inTheNewsWrp {
    padding: 50px 60px 60px;
    position: relative;
    z-index: 1;
    margin: 0 -15px;
}

    .inTheNewsWrp:after {
        content: "";
        display: block;
        width: 100%;
        height: 50%;
        background-image: -moz-linear-gradient( 180deg, rgb(231,76,80) 0%, rgb(244,114,33) 100%);
        background-image: -webkit-linear-gradient( 180deg, rgb(231,76,80) 0%, rgb(244,114,33) 100%);
        background-image: -ms-linear-gradient( 180deg, rgb(231,76,80) 0%, rgb(244,114,33) 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

.inTheNews .post .postImgSmall {
    position: absolute;
    top: -20px;
    left: 30px;
    background: #fff;
    padding: 0 18px;
    max-width:150px;
}

.inTheNews .post .postImgSmall + .date {
    position: absolute;
    left: 45px;
    top: 30px;
    margin:0;
}

.inTheNews .post .contentSec {
    margin-top: 65px;
}

.inTheNews .post .smallImgSec {
    position: relative;
}

.inTheNews .post .imgSec {
    position: relative;
    overflow: hidden;
    max-height: 280px;
    border:1px solid #CCCCCC;
}

    .inTheNews .post .imgSec .postImg {
        transform: scale(1);
        transition: 0.8s linear;
        max-height: 100%;
        max-width: 100%;
        min-width:100%;
    }

        .inTheNews .post .imgSec .postImg:hover {
            transform: scale(1.1);
        }

.inTheNews .postWrp .post {
    margin-right: 45px;
    width: 50%;
}

    .inTheNews .postWrp .post:last-child {
        margin-right: 0;
    }

.inTheNews .post .postTitle {
    font-size: 18px;
    font-weight: 500;
    color: #303030;
    display: block;
    line-height: 1.3;
    transition: 0.5s ease all;
    text-decoration: none;
}

    .inTheNews .post .postTitle:hover, .featPost .postArea .head:hover {
        color: #f9863e;
    }

.inTheNews .post .postTxt {
    font-size: 14px;
    color: #696868;
    margin-bottom: 12px;
    line-height: 1.5;
}

.inTheNews .post .date {
    color: #aaaaaa;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 12px;
}

@media screen and (max-width: 991px) {
    /*In the news 991*/

    .inTheNews .post .postTitle {
        font-size: 16px;
    }

    .inTheNews .post .postTxt {
        font-size: 12px;
    }

    .inTheNews .post .date {
        font-size: 12px;
        color: #696868;
    }

    .inTheNews {
        padding: 45px 30px 30px;
    }

    /*.inTheNews .postWrp .post {
            padding-right: 30px;
        }*/



    /*In the news 991 ends*/
}

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

    /*In the news 767*/
    .inTheNews .postWrp .post:first-child {
        display: block;
        padding-right: 0;
    }

    .inTheNews .postWrp .post {
        display: none;
        width: 100%;
    }

    .inTheNews {
        padding: 40px 15px 18px;
    }

        .inTheNews .postWrp {
            flex-direction: column;
            margin-top: 30px;
        }


        .inTheNews .post .postImgSmall {
            top: -45px;
            left: 20px;
            max-height: 45px;
            padding: 0 10px;
        }

        .inTheNews .post .contentSec {
            margin-top: 20px;
        }

        .inTheNews .post .imgSec {
            height: auto;
        }

            .inTheNews .post .imgSec .postImg {
                width: 100%;
                max-width: 100%;
            }

    .inTheNewsWrp {
        padding: 0 15px 60px;
    }

    .inTheNews .post .postTxt {
        margin-bottom: 8px;
    }

    .inTheNews .post .postTitle {
        margin-bottom: 0;
    }

    .inTheNews .post .date {
        margin-bottom: 12px;
    }

    .inTheNews .linkArea {
        margin-top: 20px;
    }

    .inTheNewsWrp:after {
        height: 58%;
    }
    /*In the news 767 ends*/
}

/* In the news 8.10.18 ends */

/* News page 8.10.18 */

/* Featured post */

.posts .postArea h4:hover {
    color: #f9863e;
}

.newsMain a, .posts .postArea h4 {
    transition: 0.5s ease all;
}

.visibleFromTabRes {
    display: none;
}

.buzzfeed .w-tad-img-frame {
    display: inline-block;
    width: 67%;
    max-height: 480px;
    overflow:hidden;
}

    .buzzfeed .w-tad-img-frame img {
        width: 100%;
    }

.whatsTrendingWrp .techved-headings, .buzzfeedWrp .techved-headings {
    text-align: center;
    font-weight: 500;
    padding: 0 0 45px;
}



.buzzfeedWrp {
    padding: 68px 0px 50px;
    margin: 0 -15px;
}

.buzzfeed {
    max-width: 1366px;
}

/* Featured post ends */

/* Whats Trending */

.whatsTrending .w-tad-img-frame {
    position: relative;
    max-height:200px;
    overflow:hidden;
}

    .whatsTrending .w-tad-img-frame .subImg {
        /*position: absolute;
    right: 0;
    bottom: 0;*/
    }

.postContImg {
    position: absolute;
    bottom: 7px;
    right: 0;
}

.whatsTrending .posts {
    /*display: flex;
         margin-bottom: 60px;*/
    width: calc(33.33% - 27px);
    margin-right: 40px;
    box-shadow: 0px 2px 8.55px 0.45px rgba(27, 27, 27, 0.1);
    position: relative;
    margin-bottom: 40px;
}

.whatsTrending .posts:hover{
    box-shadow: 9.3px 3.6px 16px 4px rgba(0, 0, 0, 0.2);
}

.whatsTrending .posts a.complecardlink {
    display:block;
    width:100%;
    height:100%;
}

    .whatsTrending .posts:nth-child(3n) {
        margin-right: 0;
    }

.postsWrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}



.whatsTrending {
    display: flex;
    justify-content: space-between;
}

.whatsTrendingWrp {
    padding-bottom: 40px;
    margin: 0 -15px;
}


.posts .postArea {
    /*width: 50%;
    margin-left: 40px;*/
    padding: 25px 20px 55px 20px;
}

.whatsTrendingHead {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 35px;
}

.posts .postArea .postHead {
    color: #b0213b;
    font-size: 24px;
    font-weight: 600;
}

.posts .postArea h4 {
    margin: 0 0 10px 0;
    font-size: 18px;
    color: #2d2d2d;
    font-weight: 500;
    line-height: 1.4;
}

.posts .postArea .date {
    font-size: 12px;
    color: #b3b3b3;
    margin-bottom: 10px;
}

.posts .postArea .postTxt {
    font-size: 14px;
    color: #808285;
    line-height: 1.5;
    margin-bottom: 30px;
}



.featPost .postAreaWrp {
    padding: 30px 30px 15px 30px;
    max-width: 46.4%;
    position: absolute;
    right: 0;
    top: 50%;
    background: #fff;
    transform: translateY(-50%);
    box-shadow: 0px 8px 33.6px 6.4px rgba(0, 0, 0, 0.05);
    /* position: absolute; */
    /* left: 1088px; */
}

.buzzfeed .featPost {
    position: relative;
}

.featPost .postArea .head {
    margin: 15px 0 5px;
    font-weight: 600;
    display: block;
    color: #303030;
    font-size: 18px;
    cursor: pointer;
}

.featPost .postArea .date {
    color: #aaaaaa;
    font-size: 14px;
}

.featPost .postArea p {
    margin-top: 25px;
    line-height: 1.8;
    font-size: 14px;
    color:#333;
}

.featPost .postArea .imgArea {
    text-align: right;
    margin-top: 30px;
}
/* Whats Trending ends */

/* Publications desktop */

.publications-main .posts .postArea {
    padding: 25px;
}

.publications-main .post-link {
    color: #f9863e;
    position: absolute;
    bottom: 20px;
    border-bottom: 1px solid transparent;
}

    .publications-main .post-link:hover {
        border-bottom: 1px solid #f9863e;
    }

.publications-main .whatsTrending .posts {
    margin-bottom: 50px;
}

    .publications-main .whatsTrending .posts img {
        width: 100%;
    }

.publications-main .whatsTrending .w-tad-img-frame {
    border-bottom: 1px solid #ddd;
}

.publications-main .featPost .postArea p {
    margin-top: 15px;
}


/* Publications desktop ends */


/* Stay updated */

.stayUpdatedWrp {
    background: #faf5f6;
    padding: 55px 15px 48px;
    text-align: center;
}

.stayUpdatedForm {
    margin-top: 35px;
    text-align: center;
    display: inline-block;
    position: relative;
}

    .stayUpdatedForm .error-msg-common {
        left: 0;
        top: -20px;
    }

.lblMsgSubscribe {
    padding: 30px 0;
    font-size: 20px;
    font-weight: 500;
}

.stayUpdatedForm .subscribe {
    max-width: 180px;
    display: inline-block;
    margin-left: 10px;
    padding: 14px 20px;
}

.subscribeEmailBox {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 16px 20px;
    font-size: 14px;
    width: 510px;
    max-width: 100%;
}

.tadSubsMsgBox {
    text-align: center;
    padding: 0 !important;
}

    .tadSubsMsgBox:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .tadSubsMsgBox .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .tadSubsMsgBox .modal-content:after {
        content: "";
        background: #b0213b url(../images-new/news/success.png) no-repeat;
        background-position: -4px -4px;
        position: absolute;
        top: 25px;
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
        height: 50px;
        width: 50px;
        display: inline-block;
        border-radius: 50%;
    }

    .tadSubsMsgBox .modal-content {
        border-radius: 5px;
        text-align: center;
        position: relative;
        padding: 100px 15px 50px 15px;
    }

    .tadSubsMsgBox .modal-header {
        border-bottom: 0;
        padding: 0;
    }

.tadSubsMsgBox {
    text-align: center;
}

    .tadSubsMsgBox .modal-body {
        padding: 0;
    }

    .tadSubsMsgBox .modal-dialog {
        width: 400px;
        max-width: 100%;
    }

    .tadSubsMsgBox .bootstrap-dialog-title {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .tadSubsMsgBox .bootstrap-dialog-close-button {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .tadSubsMsgBox .close {
        font-size: 30px;
        font-weight: 500;
        opacity: 0.6;
    }

/* Stay updated ends */

/* News page 1200 */
@media screen and (max-width: 1200px) {


    /* Featured post 1200 */

    .featPost .postArea .head {
        font-size: 16px;
    }

    .featPost .postArea .date {
        font-size: 13px;
    }

    .featPost .postArea p {
        font-size: 13px;
    }

    .featPost .postAreaWrp {
        max-width: 50%;
    }


    /* Featured post 1200 ends */


    /* News page 1200 ends */
}

@media screen and (max-width: 991px) {
    /* News page 991 */

    /* Whats Trending 991 */

    .buzzfeedWrp {
        padding: 45px 0 50px;
    }

    .whatsTrending .adArea {
        display: none;
    }

    .postsWrp {
        width: 100%;
        justify-content: space-between;
    }

    .posts .postArea h4 {
        font-size: 16px;
    }

        .posts .postArea h4 br {
            display: none;
        }
    /* Whats Trending 991 ends */

    /* Featured post 991 */

    .buzzfeed .w-tad-img-frame {
        width: 90%;
    }

    .featPost .postArea .imgArea {
        text-align: right;
        margin-top: 25px;
    }

    .visibleTillTabRes {
        display: none;
    }

    .visibleFromTabRes {
        display: block;
    }


    /* Featured post 991 ends */


    /* News page 991 ends */

    /* Publications 991*/
    .whatsTrending .posts {
        width: calc(50% - 20px);
        margin-right: 0;
    }

    .whatsTrending .w-tad-img-frame img {
        width: 100%;
        max-width: 100%;
    }


    .whatsTrending .posts:nth-child(2) {
        margin-right: 0px;
    }

    .whatsTrending .posts:nth-child(3) {
        margin-right: 30px;
    }
    /* Publications 991 ends*/


}

@media screen and (max-width: 768px) {
    /* Publications 768 ends*/
    .whatsTrending .posts:nth-child(2) {
        margin-right: auto;
    }
    /* Publications 768 ends*/
    /* News page 768 */

    .newsMain {
        padding: 65px 15px 0;
    }

    /* Whats Trending 768 */

    .postsWrp {
        flex-direction: column;
    }

    .whatsTrending .posts {
        flex-direction: column;
        border-bottom: 1px solid #f7e8eb;
        margin-bottom: 20px;
        padding-bottom: 18px;
        width: 400px;
        max-width: 100%;
        margin: 0 auto 20px;
    }

    .postContImg {
        bottom: 0;
    }


    .whatsTrending .posts:last-child, .whatsTrending .posts:nth-child(3) {
        margin-right: auto;
    }

    .posts .postArea {
        width: 100%;
        margin-left: 0;
        padding: 25px 20px 35px 20px;
    }

    .posts .imgArea {
        text-align: center;
    }

    .whatsTrendingWrp {
        padding: 0 15px;
    }

    .whatsTrendingHead {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        display: flex;
        justify-content: center;
    }

        .whatsTrendingHead i {
            margin: 0 15px;
            margin-top: 4px;
        }

    .posts .postArea h4 {
        font-weight: 600;
        color: #303030;
        margin-bottom: 12px;
    }

    .posts .postArea .date {
        border-bottom: none;
    }

    .posts .postArea .postTxt {
        margin-top: 0;
        /* border-bottom: 1px solid #f7e8eb; */
        margin-bottom: 20px;
    }

    .whatsTrendingHead span {
        display: inherit;
    }

    .whatsTrending .posts:nth-child(3n) {
        margin-right: auto;
    }

    /* Whats Trending 768 ends */

    /* Stay updated 768 */

    .stayUpdatedWrp {
        padding: 55px 30px 38px;
    }

    .subscribeEmailBox {
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
        max-width: 300px;
    }

    .tadSubsMsgBox .modal-dialog {
        width: 300px;
        max-width: 100%;
    }

    .tadSubsMsgBox .bootstrap-dialog-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .tadSubsMsgBox .bootstrap-dialog-message {
        font-size: 14px;
    }

    .tadSubsMsgBox .modal-content {
        padding: 80px 15px 30px 15px;
    }

        .tadSubsMsgBox .modal-content:after {
            height: 40px;
            width: 40px;
            background-position: center;
            background-size: 30px 30px;
        }

    /* Stay updated 768 ends */

    /* Featured post 768 */

    .featPost .postAreaWrp {
        position: relative;
        transform: none;
        max-width: 100%;
        margin: -40px 15px 0 15px;
        padding: 20px 15px;
        display:block;
    }

    .buzzfeed .w-tad-img-frame {
        margin-bottom: 0;
    }



    .whatsTrendingWrp .techved-headings, .buzzfeedWrp .techved-headings {
        padding: 0 0 25px;
    }


    .buzzfeed .w-tad-img-frame {
        width: auto;
    }

    .featPost .postAreaWrp .featPostImg {
        max-height: 20px;
    }

    .featPost .postArea .date {
        font-size: 14px;
    }

    .featPost .postArea p {
        font-size: 12px;
        margin-top: 20px;
    }

    .featPost .postArea .head {
        margin: 12px 0 0;
    }

    .featPost .postArea .imgArea .arrowImg {
        max-width: 20px;
    }


    /* Featured post 768 ends */
    /* News page 768 ends */
    /* News page 8.10.18 ends */

    /* Publications 768 */

    .publications-main .featPost .postAreaWrp {
        margin: -15px 15px 0 15px;
    }
    /* Publications 768 ends */

}




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

    /* Publications 1200*/

    .publications-main .featPost .postArea .head {
        margin: 0;
    }

    /* Publications 1200 ends*/
    /*Navbar 9.10.18*/
    header .navgation .main-manu {
        padding: 22.5px 0px 22.5px 15px;
    }

    .navgation .dropdown-big-menu{
        right: 5px;
    }

    .navgation .dropdown-big-menu.last_menu{
        right:25px;
    }

    .navgation .dropdown-big-menu.about_menu{
        right: 140px;
    }

    header .navgation .main-manu.contact-btn{
        margin:17px 0 24px 16px;
    }

    header.slim .navgation .main-manu{
        padding:10px 0px 10px 15px;
    }

    header.slim .navgation .main-manu.contact-btn{
        margin:10px 0px 10px 15px;
    }

    header .Logo {
        width: 180px;
        background-size: contain;
    }

    .banner-heading{
        max-width: 510px;
        top: 21%;
    }

    .banner-heading-text{
        margin-bottom:15px;
    }

    .banner-heading-text span{
        font-size:65px;
    }

    .banner-heading-text span.banner-heading-bottom{
        font-size:35px;
        height:60px;
    }

    .banner-heading-text span.banner-heading-bottom::first-letter{
        font-size:60px;
    }

    .banner-heading a{
        margin-top:15px;
    }

    .banner-iso-wrapper{
        bottom: 70px;
    }

    .banner-iso-inner{
        padding:4px 25.74px 4px 45px;
    }
    .certified-section{
        padding:30px 0;
    }
    .certified-section h3{
        font-size: 22px;
    }
    .certified-section h2{
        font-size: 30px;
    }
    .certified-section h4{
        font-size: 16px;
    }
    .certified-section h2 span{
        font-size: 46px;
    }
    .certified-section .certified-btn a{
        margin-left: 40px;
    }
}

/*Navbar 9.10.18 ends*/

.ux-unfold-cont-new span {
    text-align:center;
    display:block;
}

/******************** new media query start ********************/

@media screen and (max-width:1366px) and (min-width:1200px) {
/**************** mobile-development page start *************************/
.what-we-provide-section.currentSection {
    padding: 13% 15px 7% 15px;
}
.section-info-main {
    display: flex;
    margin-top: 30px;
}
.services-menu.affix {
    position: fixed;
    /*top: calc(50% - 0px);*/
}
.services-menu {
    position: absolute;
    top: 2%;
    max-width: 252px;
}
.services-menu.affix-bottom {
    position: absolute;
    /*padding-top: 10%;*/
}
/*.bottomlink-navigation.affix + div + .fixed-sidebar-main {
    padding-top: 150px;
}*/
}

@media screen and (max-width: 1199px) and (min-width: 980px) {

.banner-heading h3 {
    font-size: 23px;
    font-weight: 300;
    color: #5e5961;
    letter-spacing: 1.5px;
    margin: 25px 0 5px 0;
}

.banner-heading h1 {
    font-size: 58px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 14px -5px;
    text-align: left;
}


.certified-section{
    padding:30px 0;
}
.certified-section h3{
    font-size: 19px;
}
.certified-section h2{
    font-size: 23px;
}
.certified-section h4{
    font-size: 14px;
}
.certified-section h2 span{
    font-size: 35px;
}
.certified-section .certified-btn a{
    margin-left: 25px;
}


.whole-conffernce-sec {
    display: table;
    padding-bottom: 60px;
}
.left-offerce-sec .media {
    margin-top: 0px;
}
.left-offerce-sec .media a {
    margin-top: 0px;
    padding: 15px;
}
.right-offernce-sec img {
    float: right;
    margin-top: 10px;
}

.case-study-detail-wrapper{
    padding-left: 85px;
}

.case-study-logo {
    width: 160px;
    margin: 30px auto 0 auto;
}

.case-study-content {
    text-align: center;
    padding: 20px;
    margin-top: 5px;
}

.case-study-content span {
    color: #FFFFFF;
    font-size: 12px;
}

.case-study-content h1 {
    font-size: 16px;
    margin: 15px auto;
    padding: 17px 30px;
}

.case-study-content p {
    font-size: 14px;
    color: #ffffff;
}

.contact-banner-main{
    background-size:cover;
}
.contact-banner-info {
    padding: 155px 15px 120px 55px;
}
.contact-banner-info h1 {
    font-size: 40px;
}
.contact-banner-info p {
    font-size: 20px;
}
.contact-banner-form {
    background: #FFFFFF;
    padding: 42px 40px 35px 40px;
    position: relative;
}
.contact-banner-form .error-message-red {
    position: relative;
    width: 100%;
    padding: 20px 0px 0 0px;
}
.contact-banner-form .error-message-red li {
    display:inline-block;
    margin: 0 10px;
}
.contact-banner-form .thankyou-pop-main {
    padding:35px 20px;
}
.visit-main {
    width: 265px;
    margin-right: 47px;
}
.enquiry-section-wrapper {
    display: flex;
    padding: 0 110px;
    flex-wrap: wrap;
    justify-content: center;
}
.enquiry-box {
    padding: 25px;
    display: flex;
    min-width: 266px;
    margin: 10px;
}
.map-address-main{
    min-height:71px;
}
.thankyou-pop-main{
    padding:85px 30px 80px 30px;
}
.hello-sec .thankyou-pop-main{
    padding:65px 30px 70px 30px;
}
.featPost .postAreaWrp {
    max-width: 57%;
}
.whatsTrending .w-tad-img-frame {
    position: relative;
    max-height: 143px;
    overflow: hidden;
}

/**************** mobile-development page start *************************/
.bottomlink-navigation.affix{
    top: 88px;
}
.bottomlink-navigation.affix .list-inline li {
    margin: 0 0 0 35px;
}
.section-info-wrapper {
    max-width: 790px;
}
.section-info-main {
    margin-top: 50px;
}
.section-info-main .section-info h3 {
    font-size: 25px;
}
.section-info-main .section-info p {
    font-size: 15px;
}
.section-info-points {
    display: flex;
    margin: 20px 0;
}
.section-info-points ul {
    margin: 0 15px 0 0;
    padding: 0;
    flex: 1;
}
.section-info-points ul li {
    margin: 10px 0;
    position: relative;
    padding-left: 20px;
}
.section-img {
    margin-top: 10px;
    max-width: 350px;
}
.services-menu{
    max-width: 200px;
}
.what-we-provide-section.currentSection {
    padding: 200px 15px 7% 15px;
}
.services-menu.affix-bottom {
    position: absolute;
}
.services-menu li a{
    padding: 0 0 0 40px;
    font-size: 14px;
}
.services-menu li.active a{
    font-size: 16px;
}
.services-menu li.active a::before{
    width: 30px;
}
.involved-pop-main .modal-dialog{
    width: 900px;
}
.what-we-provide-section.currentSection#product-discovery .section-info-main{
    margin-top:0;
}
/**************** mobile-development page end *************************/
}

@media screen and (max-width: 900px) and (min-width: 768px) {

.banner-heading{
    top: 20%;
}

.banner-heading-text {
    margin-bottom: 5px !important;
}

.banner-heading h3 {
    font-size: 17px;
    font-weight: 300;
    color: #5e5961;
    letter-spacing: 1.5px;
    margin: 15px 0 5px 0;
}

.banner-heading h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 14px -2px;
    text-align: left;
}

.banner-heading a{
    margin-top: 10px !important;
}

.banner-iso-wrapper {
    position: relative;
    bottom: auto;
    border: none;
    background: transparent;
    border-radius: 0;
    left: 0;
    right: 0;
    margin: 25px auto 0 auto;
}
.banner-iso-inner {
    padding: 0 25px;
    border-radius: 0;
    background: transparent;
    justify-content:center;
}

.certified-section{
    padding:30px 0;
}
.certified-section h3{
    font-size: 17px;
}
.certified-section h2{
    font-size: 19px;
}
.certified-section h4{
    font-size: 12px;
}
.certified-section h2 span{
    font-size: 21px;
    margin-top: -3px;
    margin-left: 10px;
}
.certified-section .certified-btn a{
    margin-left: 25px;
}

.left-offerce-sec .media {
    margin-top: 0px;
}
.left-offerce-sec .media a {
    padding: 15px;
}
.right-offernce-sec img {
    float: right;
    margin-top: 10px;
}
.case-study-banner-main {
    padding: 0;
    margin-top: 76px;
}
.case-study-detail-wrapper {
    width: 66.545%;
    padding-left: 70px;
    background: linear-gradient( -75deg, #f36b6e, #f9863e 84%, transparent 0%, transparent 0%, transparent 0% );
}
.case-study-logo {
    width: 155px;
    margin: 15px auto 0 auto;
}
.case-study-content {
    text-align: center;
    padding: 10px 15px 10px 0px;
    margin-top: 0px;
}
.boxbottom-content p.category {
    padding: 0;
    color: #727272;
    font-size: 14px;
    text-align: center;
    margin-top: 15px;
}
.case-study-content span {
    color: #FFFFFF;
    font-size: 14px;
}
.case-study-content h1 {
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
    font-family: 'openSans-semi-bold';
    text-transform: uppercase;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 15px 15px;
    display: table;
    margin: 13px auto;
}
.case-study-content p {
    font-size: 14px;
    color: #ffffff;
}
.case-study-content p small.hidden-xs {
    display:none;
}
.contact-banner-main{
    background-size:cover;
    margin-top:76px;
}
.contact-banner-info {
    padding:125px 15px 100px 30px;
}
.contact-banner-info h1 {
    margin: 0 0 10px 0;
    font-size: 40px;
}
.contact-banner-info p {
    font-size: 18px;
    line-height: normal;
}
.contact-banner-form {
    background: #FFFFFF;
    padding: 30px;
    position: relative;
}
.contact-banner-form .error-message-red {
    position: relative;
    width: 100%;
    padding: 20px 0px 0 0px;
}
.contact-banner-form .error-message-red li {
    display:inline-block;
    margin: 0 10px;
}
.contact-banner-form .thankyou-pop-main {
    padding: 20px;
}
.map-iframe {
    padding-left: 0;
    height: 380px;
    padding-right: 35px;
}
.visit-main {
    width: 200px;
    margin-right: 35px;
}
.enquiry-section-wrapper {
    display: flex;
    padding: 0 50px;
    flex-wrap: wrap;
    justify-content: center;
}
.enquiry-box {
    padding: 20px 25px;
    display: flex;
    min-width: 266px;
    margin: 10px;
}
.whole-accolades-sec .col-md-2{
    padding:0 10px;
}
.accolades-cont span{
    font-size:50px;
}
.hello-sec .thankyou-pop-main {
    padding:65px 40px 70px 40px;
}

.buzzfeed .w-tad-img-frame{
    width:100%;
    max-height:380px;
    overflow:hidden;
}
.publications-main .featPost .postAreaWrp {
    margin: -75px 15px 0 15px;
}
.featPost .postAreaWrp{
    margin: -75px 15px 0 15px;
}
.whatsTrending .w-tad-img-frame {
    position: relative;
    max-height: 199px;
    overflow: hidden;
}
/**************** mobile-development page start *************************/
.bottomlink-navigation.affix{
    top: 75px;
}
.bottomlink-navigation.affix .list-inline li {
    margin: 0 0 0 10px;
}
.bottomlink-navigation .list-inline li a{
    padding: 0 10px 10px 10px;
}
.bottomlink-navigation.affix .list-inline li {
    margin: 0 0 0 7px;
}
.bottomlink-navigation .list-inline li a {
    padding: 0 7px 10px 7px;
}
.mobile-development .leftbanner-panelsection .col:last-child{
    padding: 0;
}
.mobile-development .leftbanner-panelsection .col .innernav {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin:0;
    width:100%;
}
.services-menu{
    display:none;
}
.what-we-provide-section{
    min-height:inherit;
    padding: 30px 15px 80px 15px;
}
.bottomlink-navigation.affix + div + .fixed-sidebar-main {
    padding-top: 50px;
}
.section-info-wrapper{
    width: 90%;
    margin:auto;
}
.section-info-main {
    margin-top: 50px;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction:column;
}
.section-info-points {
    display: flex;
    margin: 20px 0;
}
.section-info-btn{
    margin-top:30px !important;
    justify-content:center;
}
.how-do-section-main img{
    width: 100%;
}
.calculator-section-main {
    padding:70px 30px 20px 30px;
    position: relative;
}
.calculator-wrapper {
    margin: 30px auto;
    max-width: 100%;
}
.calculator-slide-wrapper {
    max-width: 95%;
}
.calculator-list-option label{
    padding: 0px 13px;
}
/**************** mobile-development page end *************************/
}

@media screen and (max-width: 767px) and (min-width: 320px) {
.banner-heading{
    top: 50% !important;
    left: 0%;
    right: 0px;
    text-align: center;
    transform:translate(0, -50%);
    max-width:300px;
    margin:auto;
}
.banner-heading-text{
    margin:0 0 12px 0 !important;
}
.banner-heading h3 {
    font-size: 17px;
    font-weight: 300;
    color: #5e5961;
    letter-spacing: 1.5px;
    margin: 15px 0 5px 0;
}
.banner-heading h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 5px 0px;
    text-align: center;
}
.banner-heading p.mobile-pera{
    line-height:inherit;
}
.banner-iso-wrapper {
    position: relative;
    bottom: auto;
    border: none;
    background: transparent;
    border-radius: 0;
    max-width: 300px;
    left: 0;
    right: 0;
    margin: 25px auto 0 auto;
}
.banner-iso-inner {
    padding: 0 25px;
    border-radius: 0;
    background: transparent;
}
.banner-iso-inner img{
    margin-top:0;
    margin-bottom:0;
}
.banner-image .carousel-indicators {
    margin: auto;
    width: auto;
    left: 0;
    right: 0;
    bottom: 10px;
    font-size: 0;
}

.certified-section{
    padding: 30px 5px 0 5px;
    flex-direction: column;
    text-align: center;
    margin-bottom: 30px;
}
.certified-section h3{
    font-size: 16px;
}
.certified-section h2{
    font-size: 22px;
}
.certified-section h4{
    font-size: 12px;
    display:none;
}
.certified-section h2 span{
    font-size: 30px;
    margin-top: 0;
    margin-left: 0;
}
.certified-section .certified-btn a{
    width: 170px;
    margin-left: 0;
    margin:25px 0 0 0;
}
.iso-certificate-zoom{
    margin-left: auto;
    display: table;
}
.iso-certificate-zoom a {
    display:block;
}
.iso-certificate-modal .modal-body{
    padding: 10px 10px 10px 10px;
}
.iso-certificate-modal .close {
    line-height: 1px;
    font-size: 40px;
    font-weight: 300;
    opacity: 1;
    width: 15px;
    color: #454545;
    height: 15px;
    margin-bottom: 15px;
}
.iso-certificate-overlay-modal .modal-content{
    border-radius: 0;
    border: none;
}
.iso-certificate-overlay-modal .modal-body{
    padding: 0;
}
.iso-certificate-overlay-modal .close{
    position: absolute;
    top: 0;
    right: 15px;
    width: 15px;
    height: 15px;
    color: #FFFFFF;
    text-shadow: none;
    font-size: 40px;
    font-weight: 400;
    opacity: 1;
}

.map-address-main {
    display: flex;
    color: #303030;
    min-height: 71px;
}
.sidenav .nav-container ul li a{
    background-size: 98% !important;
}
.whole-conffernce-sec{
    padding-bottom:30px;
}
.whole-conffernce-sec .col-md-6{
    padding-left:0;
    padding-right:0;
}
.left-offerce-sec {
    margin-top: 0;
}
.right-offernce-sec img {
    float: right;
    margin-top: 0px;
}
.left-offerce-sec .media {
    margin: 15px 0;
    box-shadow: 0 0 8.6px 0.5px rgba(0, 0, 0, 0.14);
}
.left-offerce-sec .media a {
    padding: 15px;
}
.media-body p {
    color: #727272;
    font-size: 14px;
    margin: 0;
}
.whole-recent-work .row{
    margin:0;
}
/*.whole-recent-work .row .no-pad{
    padding:0;
}*/
.whole-see-ux-unfold-sec h2 {
    padding-top: 0px;
}
.recent-box-img .recent-box-overlay {
    transition: 0.2s;
    height: auto;
    top: auto !important;
    bottom: 0;
}
.recent-box-img .recent-box-overlay .recent-box-overlay-info{
    position:relative;
}
.recent-box-img .recent-box-overlay .recent-box-overlay-info h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 11px;
    margin: 0 0 11px 0;
}
.recent-box-img .recent-box-overlay .recent-box-overlay-info p {
    display:none;
}
.ux-unfold-cont-new span{
    text-align:center;
}
.case-study-banner-main {
    padding: 0;
    margin-top: 75px;
    overflow:hidden;
}
.case-study-img.desktop-img {
    display: none;
}
.case-study-img.mobile-img {
    display: block;
}
.case-study-img.mobile-img img {
    width:100%;
}
.case-study-detail-wrapper{
    width:100%;
    background: linear-gradient(45deg, rgba(243,107,110,0.85) 0%,rgba(249,134,62,0.85) 100%);
    padding:0;
    height:100%;
}
.case-study-logo {
    position: relative;
    top: 0px;
    left: 0;
    right: 0;
    width: 112px;
    margin: 20px auto 0 auto;
    direction: inherit;
}
.case-study-logo img {
    display: block;
    margin: auto;
}
.case-study-content {
    text-align: center;
    padding: 10px 15px;
    margin-top: 0px;
}
.case-study-content span {
    color: #FFFFFF;
    font-size: 11px;
}
.case-study-content h1 {
    margin:11px auto 10px auto;
    font-size:16px;
    padding: 10px 25px;
}
.case-study-content p {
    font-size: 13px;
    color: #ffffff;
}
.case-study-content p:last-child {
    margin:0;
}
.ux-insight-cont .ux-insight-cont-img-3 , .ux-insight-cont .ux-insight-cont-img-1 , .ux-insight-cont .ux-insight-cont-img-2{
    height: 120px !important;
}
.ux-insight-cont p{
    margin:0;
    padding:0;
}
.ux-insight-head-sec {
    text-align: center;
    padding: 20px 25px 10px 25px;
}
.whole-box-insight {
    display: inline-block;
    width: 100%;
    padding: 0px 25px 25px 25px;
}
.ux-insight-cont-info{
    min-height:inherit;
    padding:13px 15px 15px 15px;
}
.ux-insight-cont span{
    display:none;
}
.ux-insight-cont small{
    margin-top: 5px;
}
.contact-banner-main {
    margin-top: 75px;
    background: url(../images-new/contact-banner.png) no-repeat;
    background-position: left bottom;
    background-size: cover;
    padding:30px 30px 15px 30px;
}
.contact-banner-info {
    padding:0px 25px 15px 25px;
    text-align: center;
}
.contact-banner-info h1 {
    font-size:23px;
}
.contact-banner-info p{
    font-size:14px;
    line-height: 16px;
}
.contact-banner-form {
    background: #FFFFFF;
    padding: 20px 20px 35px 20px;
    position: relative;
}
.contact-banner-form .error-message-red {
    position: relative;
    width: 100%;
    padding: 20px 0px 0 0px;
}
.contact-banner-form .error-message-red li {
    display:inline-block;
    margin: 0 10px;
}
.contact-banner-form .thankyou-pop-main {
    padding: 45px 30px;
}
.thankyou-pop-main h3 {
    font-weight: 600;
    font-size: 23px;
    margin: 25px 0 10px 0;
    line-height: 1.08;
}
.thankyou-pop-main p {
    font-size: 14px;
    margin: 0 0 5px 0;
    line-height: 1.63;
}
.thankyou-pop-main .ok-btn{
    margin: 10px 5px;
    line-height:29px;
}
.visit-section-main {
    margin-top: 0px;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
.map-iframe {
    width: calc(100% - 40px);
    height: 229px;
    padding-right: 0;
}
.visit-wrapper {
    flex: 2;
    padding: 0 20px;
}
.visit-head{
    text-align:center;
}
.visit-wrapper h3 {
    font-family: 'openSans-light';
    font-size: 23px;
    font-weight: 300;
    color: rgba(48, 48, 48, 0.9);
    text-transform: uppercase;
    line-height: 1;
    margin: 30px 0 35px 0;
}
.visit-main-wrapper {
    display: flex;
    flex-direction: column;
}
.visit-main {
    width: auto;
    display: flex;
    margin: 0 auto 30px auto;
}
.visit-main:last-child {
    margin-bottom:0;
}
.visit-img{
    width:70px;
    margin-right:10px;
}
.visit-info-main{
    flex:2;
}
.visit-main h5{
    margin: 0px 0 7px 0;
    font-size:15px;
}
.visit-info p {
    flex: 2;
    font-size: 14px;
    color: #303030;
    line-height: 1.43;
    margin: 0 0 5px 0;
}
.visit-info p strong a , .visit-info p strong span {
    color:#0645ad;
}
.enquiry-section-wrapper {
    display: flex;
    padding: 0 15px;
    flex-wrap: wrap;
    justify-content: center;
}
.enquiry-section-main h2 {
    margin: 50px 0 10px 0;
    font-family: 'openSans-regular';
    font-size: 23px;
    color: rgba(48, 48, 48, 0.9);
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    font-weight: 400;
}
.enquiry-box {
    padding: 10px 10px;
    display: flex;
    min-width: 266px;
    margin: 7.5px 0;
    width: 100%;
    box-shadow: 0 0 8.6px 0.5px rgba(0, 0, 0, 0.14);
}
.wholealliances h2 {
    margin: 40px 0 20px 0;
    font-size: 23px;
}
.wholealliances p{
    font-size: 14px !important;
}
.map-container{
    width:100% !important;
}
.socialicontext h2 {
    margin: 40px 0 20px 0;
    font-size: 23px;
}
.brand-clients-head h2 {
    margin: 0px 0 10px 0;
    font-size: 23px;
    padding: 0 10px;
}
.brand-clients-head p{
    font-size: 14px !important;
    margin: 0 0 15px 0 !important;
}
.top-brand-left-sec ul.top-left-sec, .top-brand-left-sec ul.dropdown-left-sec{
    padding:0;
}
.contact-brands-section{
    margin-bottom:30px;
}
.accolades-cont {
    text-align: center;
    margin: 20px 0;
    padding:0 15px;
}
.accolades-cont span {
    color: #ffffff;
    font-size: 40px;
    font-family: 'openSans-regular';
}
.accolades-cont i {
    color: #ffffff;
    font-size: 25px;
    font-family: 'openSans-regular';
    vertical-align: super;
}
.inner-addon textarea{
    padding: 0 0.8em 0 0;
    margin: 0.8em 0 0 0;
    max-height: 32px;
    border-bottom: 1px solid #939293;
    color: #303030;
}
.hello-sec .thankyou-pop-main {
    padding: 90px 15px;
}
.inTheNews .post .postImgSmall{
    top: -18px;
    max-width:100px;
    padding: 0 4%;
    left: 15px;
}
.inTheNews .post .postImgSmall + .date {
    position: absolute;
    left: 27px;
    top: 15px;
    margin: 0;
    font-size: 10px;
}
.inTheNews .post .contentSec{
    margin-top: 35px;
}
.blogs-list .blog .blog-img {
    height: 150px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.blogs-list .blog-content {
    padding: 15px;
}
.blogs-list .list-item{
    height:auto !important;
    margin-bottom: 20px;
}
.blogs-list .blog-content p{
    padding: 15px 0 0 0;
}
.blogs-list .blog-content p:last-child{
    margin:0;
}
.blogs-list .blog-content h3 {
    font-family: 'openSans-extra-bold';
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #2d2d2d;
    margin: 0;
}
.buzzfeed .w-tad-img-frame{
    width:100%;
    max-height:210px;
    overflow:hidden;
}
.publications-main .featPost .postAreaWrp {
    margin: -45px 15px 0 15px;
}
.featPost .postAreaWrp{
    margin: -45px 15px 0 15px;
}
.whatsTrending .w-tad-img-frame {
    position: relative;
    max-height: 163px;
    overflow: hidden;
}
/**************** mobile-development page start *************************/

.digitalbanner-wrapper.mobile-development{
    background:none;
    overflow: inherit;
}

.mobile-development .col.mobile-hidden{
    display:block;
}

.services-menu{
    display:none;
}

.mobile-development .leftbanner-panelsection::before{
    display: table;
    content: " ";
    box-sizing: border-box;
}

.mobile-development .leftbanner-panelsection::after{
    display: table;
    content: " ";
    clear: both;
    box-sizing: border-box;
}

.mobile-development .leftbanner-panelsection .col:last-child{
    width:90%;
    margin:-50px calc(10% / 2) 10px calc(10% / 2);
    height:auto;
    box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.18);
    background:#FFF;
    padding-bottom: 20px !important;
}

.mobile-development .leftbanner-panelsection .col.text {
    padding-top: 85px;
    height: auto;
    padding-bottom: 80px;
}

.mobile-development .col.mobile-hidden .innernav{
    margin:0;
    border:none;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
    padding:25px 0px 10px 0px;
    box-shadow:none;
}

.mobile-development .leftbanner-panelsection .col .innernav li {
    margin: 15px 10px;
    flex: 1;
    height: auto;
    border: none;
    max-width: 95px;
    display: table;
}

.mobile-development .leftbanner-panelsection .col .innernav li:nth-child(4) , .mobile-development .leftbanner-panelsection .col .innernav li:nth-child(5) {
    margin: 15px 10px;
    max-width:95px;
}

.mobile-development .bannerright-bottombtn{
    position: relative;
    right: 0;
    padding: 0;
}

.mobile-development .bannerright-bottombtn a{
    display:table;
    margin:auto;
    font-size: 12px;
    line-height: 1;
    padding: 10px 15px;
}

.bottomlink-navigation{
    padding:18px 15px 10px 15px;
    overflow-y:auto;
    -webkit-appearance: none;
}

.bottomlink-navigation .list-inline{
    justify-content: flex-start;
    width: max-content;
    flex-wrap: nowrap;
}

.bottomlink-navigation.affix{
    top:75px;
}

.bottomlink-navigation.affix .list-inline li:first-child{
    display:none;
}

.bottomlink-navigation .list-inline li a{
    font-size:13px;
}

.bottomlink-navigation.affix .list-inline li{
    margin:0;
}

.what-we-provide-section h1{
    font-size: 18px;
    padding: 10px 25px;
    line-height: 30px;
    margin:20px auto;
}

.section-info-wrapper{
    width:100%;
}

.bottomlink-navigation.affix + div + .fixed-sidebar-main {
    padding-top: 0px;
}

.what-we-provide-section{
    padding: 40px 15px 20px 15px;
    min-height: inherit;
}

.section-info-main{
    margin-top: 0px;
    text-align:center;
    flex-direction: column;
}

.section-info-main .section-info h3{
    font-size:16px;
}

.section-info-main .section-info p{
    font-size:14px;
    margin:0;
}

.section-img {
    margin-top: 25px;
    max-width: 80%;
}

.section-info-points{
    display:none;
}

.section-info-btn{
    flex-direction:column;
    margin:30px auto 0 auto !important;
}

.section-info-btn .mob-dev-cobtact-btn {
    border: solid 1px #f47221;
    font-size: 12px;
    font-weight: 600;
    line-height: 27px;
    width: 120px;
    height: 28px;
    margin:0 auto;
}

.section-info-btn .view-detail-link{
    display:table;
    margin:10px auto 0 auto;
    font-size: 10px;
    line-height: 1.55;
    color: #f47221;
    text-transform: uppercase;
}

.what-we-provide-section#product-discovery .section-img {
    width:50%;
}

.section-info-btn a.link{
    padding: 0;
    margin: 20px 0 0 0;
    font-size: 14px;
}

how-do-section-main .how-do-section-main {
    padding: 50px 0px;
}

.how-do-section-main h1{
    font-size: 18px;
    padding: 10px 25px;
    line-height: 30px;
    margin:20px auto;
}

.how-do-section-main img.structure {
    display:none;
}

.how-do-section-main .steps-main{
    padding-left: 60px;
    max-width: 256px;
    text-align: center;
    padding-bottom: 30px;
    margin:30px auto 40px auto;
    display:block;
}

.how-do-section-main .steps-main h4{
    font-family: 'openSans-light';
    font-size: 16px;
    font-weight: 300;
    color: #404040;
    margin-top: 0;
    padding:0 0 0 14px;
}

.how-do-section-main .steps-main .steps-icon-info-main{
    position:relative;
}

.how-do-section-main .steps-main .steps-icon-info-main p {
    margin:0;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-transform:uppercase;
    color:#333333;
    padding:9px 10px 9px 28px;
    line-height:1;
    background: -moz-linear-gradient(left, rgba(243,116,38,1) 0%, rgba(252,219,198,1) 100%);
    background: -webkit-linear-gradient(left, rgba(243,116,38,1) 0%,rgba(252,219,198,1) 100%);
    background: linear-gradient(to right, rgba(243,116,38,1) 0%,rgba(252,219,198,1) 100%);
}

.how-do-section-main .steps-main .steps-icon-info-main .step-icon{
    width:88px;
    height:88px;
    border:8px solid #f47221;
    border-radius:100%;
    position:absolute;
    left:-30%;
    top:-28px;
    background:#FFFFFF;
}

.how-do-section-main .steps-main .steps-icon-info-main .step-icon img{
    margin: 0 auto;
    width: auto;
    transform: translate(0px, 20px);
}

.how-do-section-main .steps-main:nth-child(odd) .steps-icon-info-main p {
    background: rgb(252,219,198);
    background: -moz-linear-gradient(left, rgba(252,219,198,1) 0%, rgba(243,116,38,1) 100%);
    background: -webkit-linear-gradient(left, rgba(252,219,198,1) 0%,rgba(243,116,38,1) 100%);
    background: linear-gradient(to right, rgba(252,219,198,1) 0%,rgba(243,116,38,1) 100%);
}

.how-do-section-main .steps-main:nth-child(odd) .steps-icon-info-main .step-icon{
    border-color:#FBDCC8;
}

.how-do-section-main .steps-main:last-child .steps-icon-info-main p {
    font-size: 11px;
    padding: 10.5px 10px 10.5px 28px;
}

.how-do-section-main .steps-main:last-child{
    margin-bottom:0;
}

.platforms-section-main {
    padding:70px 15px 20px 15px;
}

.platforms-section-main h1{
    font-size: 18px;
    padding: 10px 25px;
    line-height: 30px;
    margin:20px auto;
}
.platform-logos-main{
    display:none;
}
.platform-logos-main.mobile{
    display:flex;
    margin: 40px auto;
    justify-content: space-around;
}
.platform-logo {
    width: 30%;
    margin: 0 30px;
}
.calculator-section-main h1{
    font-size: 18px;
    padding: 10px 25px;
    line-height: 30px;
    margin:20px auto;
}
.calculator-section-main {
    padding: 50px 15px;
    position: relative;
}
.calculator-wrapper .carousel-indicators{
    display:none;
}
.calculator-question-main h3{
    font-size:16px;
    margin: 0 0 20px 0;
}
.calculator-icons-option-main{
    justify-content:space-around;
}
.calculator-icons-option label img {
    height: 50px;
    margin: 0 auto 10px auto;
}
.calculator-icons-option {
    margin: 0 0 10px 0;
}
.calculator-icons-option:last-child {
    margin: 0 0 10px 0;
}
.calculator-icons-option label span{
    font-size:12px;
}
.calculator-list-option label span + span{
    font-size:13px;
}
.calculator-slide-wrapper{
    max-width: 95%;
}
.calculator-list-option-main{
    margin: 0 -5px;
}
.calculator-list-option label{
    padding:0 10px;
}
.calculator-list-option label .checkmark{
    width:18px;
    height:18px;
}
.calculator-list-option label .checkmark:after{
    width: 6px;
    height: 11px;
    border-width: 0 2px 2px 0;
}
.calculator-list-option{
    width:45%;
    max-width:200px;
}

.calculator-form-main h2{
    font-size: 20px;
}

.calculator-form-field{
    flex-direction:column;
}

.calculator-form-field .tvd-angular-field{
    margin-right:0;
    margin:0 0 15px 0;
}

.calculator-thankyou-main{
    padding:70px 15px;
}

.calculator-thankyou-info img{
    max-width:30%;
}

.calculator-thankyou-info h2{
    font-size:20px;
}

.calculator-thankyou-info p {
    font-size: 16px;
    margin: 40px 0;
    padding: 0;
}

.calculator-btn {
    margin:auto;
}

.recent-innovation-section-main{
    padding:70px 15px;
}

.recent-innovation-section-main h1{
    font-size: 18px;
    padding: 10px 25px;
    line-height: 30px;
    margin:20px auto;
}

.recent-innovation-section-main h3{
    font-size:14px;
}
.recent-innovation-section-main h3.desktop{
    display:none;
}

.recent-innovation-section-main h3.mobile{
    display:block;
    width:80%;
    margin:25px auto 25px auto;
}
.involved-pop-main .modal-body{
    padding:30px 25px;
}

.involved-pop-main .involved-pop-main-wrapper h3{
    margin: 25px 0;
    font-size: 26px;
}

.involved-pop-main .involved-pop-main-wrapper h4{
    font-size: 17px;
}

.involved-pop-main .involved-pop-main-wrapper img{
    margin: 20px auto;
}

.section-info-pop .section-info-points{
    display:block;
    text-align:left;
    margin: 0;
}

.section-info-pop .section-info-points ul {
    width:100%;
    margin:0;
}
/**************** mobile-development page end *************************/

/*festival banner css start*/
.festival-slide-item .text-1{
    display: block;
    margin-bottom: 10px;
}
.festival-slide-item h3.text-2{
    font-size: 30px;
}

.festival-slide-item h3.text-2 br{
    display: none;
}
/*festival banner css end*/
}

@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
.banner-heading{
    top: 50% !important;
    left: 5%;
    right:auto;
    max-width: 300px;
    text-align: left;
}
.banner-heading h1 {
    text-align:left;
}
.banner-heading-text {
    margin-bottom: 5px;
}
.banner-heading-text span {
    font-size: 48px !important;
}
.banner-heading-text span.banner-heading-bottom {
    font-size: 30px !important;
    height:45px;
}
.banner-heading-text span.banner-heading-bottom::first-letter {
    font-size: 45px !important;
    margin-right:-2px;
}
.banner-heading p {
    display:none;
}
.banner-heading p.mobile-pera {
    display: block;
    margin-bottom: 15px;
    line-height: 20px;
    font-size: 14px;
}
.banner-heading a {
    width: 115px;
    height: 32px;
    font-size: 14px;
    line-height: 31px;
    margin: 0 8px 0 0 !important;
}
.banner-iso-wrapper {
    margin-top: 0;
    max-width:inherit;
}
.banner-iso-inner{
    justify-content:center;
}
.case-study-img.mobile-img {
    max-height: 80vh;
    overflow: hidden;
}
.case-study-img.mobile-img img{
    margin-top: -17%;
}
.map-address-main {
    display: flex;
    color: #303030;
    min-height: inherit;
}
.footer-container-2 {
    background-size: 75%;
    width: 100%;
}
.map-container {
    width: 70% !important;
}
.whatsTrending .w-tad-img-frame {
    position: relative;
    max-height: 199px;
    overflow: hidden;
}
.buzzfeed .w-tad-img-frame{
    width:90%;
    max-height:280px;
    overflow:hidden;
    display:block;
    margin:auto;
}
.featPost .postAreaWrp {
    margin: -45px auto 0 auto;
    width: 85%;
}
.publications-main .featPost .postAreaWrp{
    margin: -45px auto 0 auto;
}
}
@media screen and (max-width:320px){
.contact-banner-form .thankyou-pop-main {
    padding: 20px 15px;
}
.whatsTrending .w-tad-img-frame {
    position: relative;
    max-height: 144px;
    overflow: hidden;
}
}

@media screen and (max-width:1540px) and (min-width:1200px) {
    .techbot-frame.show {
        pointer-events: all;
        width: 472px;
        height: 537px;
    }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
    /************************* techbot start *************************/
    .techbot {
        bottom: 11px;
        right: 16px;
        width: 50px;
        height: 50px;
    }

    .techbot-close {
        position: absolute;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        left: 11px;
        top: 12px;
        z-index: 5;
    }

    .techbot-frame.show {
        width: 100%;
        right: 0;
        bottom: 0;
        height: 100%;
    }
    /************************* techbot end *************************/
}


/*new navbar design start*/
.navgation .dropdown-big-menu.new-dropdown-menu {
    display: block;
    background-color: #FFFFFF;
    position: absolute;
    right: 0px;
    left: 0px;
    padding: 18px 65px 20px;
    margin: 23px auto 28px;
    transition: 0.5s;
    z-index: 9;
    width: 100%;
    height: 100vh;
    cursor: default;
    transform: scale(0);
    transform-origin: 600px 10px;
}

    .navgation .dropdown-big-menu.new-dropdown-menu.side-new-menu {
        transform-origin: 1150px 10px;
    }

    .navgation .dropdown-big-menu.new-dropdown-menu.active {
        display: block;
    }

.navgation .main-manu:hover .dropdown-big-menu.new-dropdown-menu {
    text-transform: none !important;
    overflow: hidden;
    transform: scale(1);
}

.sub-menu-container.new-dropdown-submenu {
    display: inline-block;
    vertical-align: top;
    padding: 10px 13px 10px 0;
    max-width: 310px;
    width: 310px;
}

    .sub-menu-container.new-dropdown-submenu:last-child {
        width: 212px;
    }

    .sub-menu-container.new-dropdown-submenu:last-child {
        padding-right: 0px;
    }

.navgation .dropdown-big-menu.new-dropdown-menu .new-dropdown-para {
    font-family: 'openSans-light';
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #303030;
    text-transform: none;
    margin-bottom: 20px;
}

.new-main-services .new-category-head {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    text-transform: none;
    color: #FFFFFF;
    background: linear-gradient(90deg, #FA985B 0%, #F58182 100%);
    display: inline-block;
    padding: 5px 10px;
}

.new-main-services .new-large-head {
    position: relative;
    padding-left: 0px;
    list-style: none;
}

.new-main-services ul {
    padding-top: 10px;
}

.new-main-services .new-large-head::before {
    content: "";
    position: absolute;
    width: 1px;
    top: 0px;
    left: 0px;
    background: #F37222;
    height: calc(100% - 16px);
}

.new-dropdown-submenu:last-child .new-large-head::before {
    height: 24px;
}

.subdropdown-before .new-large-head::before {
    height: 24px;
}

.subdropdown-before .new-main-services:last-child .new-large-head::before {
    height: calc(100% - 16px);
}

.new-main-services .new-large-head > li {
    font-family: 'openSans-regular';
    font-style: normal;
    font-size: 16px;
    line-height: 25px;
    padding: 0px 10px 5px 18px;
    color: #676767;
    font-weight: 400;
    position: relative;
}

    .new-main-services .new-large-head > li a {
        text-decoration: none;
        color: inherit;
        transition: 0.3s;
        text-transform: none;
        margin: 0px;
    }

    .new-main-services .new-large-head > li::after {
        position: absolute;
        content: "";
        width: 8px;
        height: 1px;
        background: #F37222;
        top: 13px;
        left: 0px;
    }


.new-main-services .new-small-head {
    position: relative;
    padding-left: 0px;
    list-style: none;
}

.new-main-services .new-small-head {
    padding-top: 5px;
}


    .new-main-services .new-small-head > li {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 28px;
        padding: 0px 10px 0px 18px;
        color: #676767;
        font-weight: 400;
        position: relative;
    }

        .new-main-services .new-small-head > li a {
            text-decoration: none;
            color: inherit;
            transition: 0.3s;
        }

        .new-main-services .new-small-head > li::after {
            position: absolute;
            content: "";
            width: 5px;
            height: 5px;
            background: #F37222;
            border-radius: 3px;
            top: 10px;
            left: 0px;
        }

.new-main-services li a:hover {
    color: #f37222;
}

.main-navbar-new {
    display: flex;
    justify-content: space-between;
}

    .main-navbar-new .Logo-mobile, .main-navbar-new .hamburger {
        display: none;
    }

.dropdown-media-wrapper {
    width: 100%;
    display: flex;
    height: 70vh;
    justify-content: space-between;
    align-items: center;
}

    .dropdown-media-wrapper .dropdown-sub-dropdown-new li {
        list-style: none;
    }

        .dropdown-media-wrapper .dropdown-sub-dropdown-new li a {
            font-size: 16px;
            color: #606060;
            text-transform: none;
            margin-bottom: 15px;
        }

            .dropdown-media-wrapper .dropdown-sub-dropdown-new li a:hover {
                color: #f47221;
            }

/*.dropdown-media-wrapper {
    background: url(../resources/images/submenu-dots.png) no-repeat;
}
*/
    .dropdown-media-wrapper .dropdown-sub-dropdown-contact {
        width: 400px;
        text-transform: none;
    }

        .dropdown-media-wrapper .dropdown-sub-dropdown-contact .dropdown-sub-dropdown-getintouch .title {
            font-family: 'openSans-semi-bold';
            font-size: 18px;
            color: #303030;
            font-weight: 600;
            margin: 0px;
        }

        .dropdown-media-wrapper .dropdown-sub-dropdown-contact .dropdown-sub-dropdown-getintouch p {
            font-family: 'openSans-regular';
            font-size: 18px;
            color: #303030;
            margin: 0px;
        }

        .dropdown-media-wrapper .dropdown-sub-dropdown-contact .dropdown-sub-dropdown-getintouch .get-in-touch-btn {
            border-radius: 8px;
            box-shadow: 0 4px 20px 5px rgb(249 194 160 / 52%);
            border: solid 1px #f37222;
            background-color: #f37222;
            line-height: normal;
            padding: 13px 24.6px;
            text-transform: uppercase;
            /*font-family: 'openSans-semi-bold';*/
            font-size: 16px;
            font-weight: 600;
            color: #FFFFFF;
            margin-top: 30px;
            width: 160px;
        }

    .dropdown-media-wrapper .dropdown-sub-dropdown-social ul li {
        display: inline-block;
        margin: 5px;
        list-style: none;
    }

        .dropdown-media-wrapper .dropdown-sub-dropdown-social ul li img {
            width: 28px;
            height: 28px;
        }

.more-option-main-menu {
    display: none;
}

header .navgation.main-navigation .main-manu.anim {
    border-width: 5px;
    position: relative;
    background: #FFFFFF;
    border-radius: 25px;
    width: auto;
    padding: 2px 10px;
    margin: 20px 0px 24px 40px;
}

    header .navgation.main-navigation .main-manu.anim:after {
        position: absolute;
        content: "";
        top: calc(-1 * 2px);
        left: calc(-1 * 2px);
        z-index: -1;
        width: calc(100% + 2px * 2);
        height: calc(100% + 2px * 2);
        background: linear-gradient( 45deg, #FFFFFF,#FFFFFF,#FFFFFF,#FFFFFF, #ffcb00,#ff6900,#ffcb00, #FFFFFF,#FFFFFF,#FFFFFF,#FFFFFF );
        background-size: 300% 300%;
        background-position: 0 50%;
        border-radius: 25px;
        animation: moveGradient 4s alternate infinite;
    }

header.slim .navgation.main-navigation .main-manu {
    padding: 10px 0px 10px 40px;
}

    header.slim .navgation.main-navigation .main-manu.anim {
        margin: 10px 0px 10px 40px;
        padding: 2px 10px;
    }

.dropdown-active {
    overflow: hidden;
}

.submenu-close-btn {
    position: absolute;
    top: 50px;
    right: 60px;
    padding-right: 0;
    cursor: pointer;
    height: 35px;
    width: 35px;
    background: rgba(224, 224, 244, 0.3);
    border-radius: 35px;
}

    .submenu-close-btn::before {
        content: '';
        position: absolute;
        left: 8px;
        top: calc(50% - 0.5px);
        width: 0px;
        height: 2px;
        background: #676767;
        transform: rotate(0deg);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .submenu-close-btn::after {
        content: '';
        position: absolute;
        left: 8px;
        top: calc(50% - 0.5px);
        width: 0px;
        height: 2px;
        background: #676767;
        transform: rotate(0deg);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .submenu-close-btn.animated::before {
        animation: 0.7s 1s submenu-close-btn-animate1 forwards;
    }

    .submenu-close-btn.animated::after {
        animation: 0.7s 1s submenu-close-btn-animate2 forwards;
    }


@keyframes submenu-close-btn-animate1 {
    0% {
        transform: rotate(0deg);
        width: 0px;
    }

    50% {
        transform: rotate(0deg);
        width: 20px;
    }

    70% {
        transform: rotate(0deg);
        width: 20px;
    }

    100% {
        transform: rotate(45deg);
        width: 20px;
    }
}

@keyframes submenu-close-btn-animate2 {
    0% {
        transform: rotate(0deg);
        width: 0px;
    }

    50% {
        transform: rotate(0deg);
        width: 20px;
    }

    70% {
        transform: rotate(0deg);
        width: 20px;
    }

    100% {
        transform: rotate(-45deg);
        width: 20px;
    }
}
/*
.navgation .main-manu:hover .dropdown-big-menu.new-dropdown-menu.mega-menu-active {
    transform:scale(0);
}*/

header .navgation a.main-manu.menu-focused, header .navgation .main-manu.active {
    font-family: 'openSans-semi-bold';
    font-size: 14px;
    font-weight: 600;
    /* color: #F37222;*/
}

.menu-mobile-more-option {
    display: none;
}

header .navgation a.main-manu.menu-focused, header .navgation .main-manu.menu-focused {
    font-family: 'openSans-semi-bold';
    font-size: 14px;
    font-weight: 600;
    /*color: #F37222;*/
}

header .navgation a.main-manu:first-child active {
    font-family: 'openSans-semi-bold';
    font-size: 14px;
    font-weight: 600;
    color: #F37222;
}

header.slim .navgation.main-navigation .main-manu .dropdown-big-menu.new-dropdown-menu {
    margin-top: 10px;
}


/*new navbar design end*/


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

    /*new navbar design start*/
    .navgation .dropdown-big-menu.new-dropdown-menu {
        width: 100%;
        overflow: auto;
        max-height: 100vh;
        position: relative;
    }

    .sub-menu-container.new-dropdown-submenu {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .new-nav-content {
        display: none;
    }


    .dropdown-big-menu.new-dropdown-menu.new-main-menu-services:hover {
        display: none;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        top: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.8);
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        z-index: 11;
    }

    .main-navbar-new .Logo-mobile, .main-navbar-new .hamburger {
        display: block;
    }

    .main-navbar-new .Logo {
        display: none;
    }

    .sidenav-main-nav {
        height: 0;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #e6e6f7;
        overflow-x: hidden;
        transition: 0.5s;
        margin-top: 74px;
        z-index: 11;
    }

    .hamburger-active {
        height: 100%;
    }

    .more-option-main-menu {
        display: block;
        margin: 20px 0 0 10px;
        padding-left: 0px;
        width: calc(50% - 15px);
    }

        .more-option-main-menu li {
            list-style: none;
        }

            .more-option-main-menu li a {
                font-size: 15px;
                font-family: 'openSans-semi-bold';
                color: #000000;
                font-weight: 600;
                text-transform: uppercase;
                margin: 0 0 20px 0;
                display: inline-block;
            }

    header .navgation {
        float: unset;
    }

        header .navgation.main-navigation {
            width: calc(50% - 15px);
            display: flex;
            flex-direction: column;
        }

        header .navgation.main-navigation {
            margin: 20px 0 0 10px;
        }

            header .navgation.main-navigation .main-manu {
                margin: 0 0 20px 0;
                height: 0px;
                padding: 0 0 20px 0;
                font-size: 15px;
                font-weight: 600;
                color: #303030;
            }

                header .navgation.main-navigation .main-manu.anim {
                    padding: 0px 0px 20px 8px;
                    margin: 0px;
                    width: 126px;
                }

    .sidenav-main-nav {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0 15px;
        align-content: flex-start;
    }

    header .navgation.main-navigation .main-manu:nth-child(7), .navgation.main-navigation .main-manu:last-child {
        display: none;
    }

    .service-active {
        width: 100%;
        display: block !important;
        position: absolute !important;
        padding: 50px 20px !important;
        top: -21px;
        overflow: scroll !important;
        transform: scale(1);
        height: 100vh;
        margin-bottom: 50px;
    }

    .sub-menu-container.new-dropdown-submenu:last-child {
        padding-bottom: 50px;
    }


    .menu-mobile-more-option {
        display: block;
    }

    header.slim .navgation.main-navigation .main-manu {
        padding: 0 0 20px 0;
    }

        header.slim .navgation.main-navigation .main-manu.anim {
            padding: 0px 0px 20px 8px;
            margin: 0px;
            width: 126px;
        }

    .menu-mobile-more-option .more-option-get-started {
        padding: 20px 10px 0 10px;
        border-top: solid 1px #b7b7b7;
        position: relative;
        margin-top: 55px;
    }

    .menu-mobile-more-option h5 {
        font-family: 'openSans-regular';
        font-size: 16px;
        color: #303030;
        font-weight: bold;
        margin-bottom: 8px;
    }

    .menu-mobile-more-option p {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: normal;
        color: #303030;
    }

    .menu-mobile-more-option .common-btn.get-intouch-btn {
        border-radius: 8px;
        box-shadow: 0 4px 20px 5px rgb(249 194 160 / 0%);
        border: solid 1px #f37222;
        background-color: #f37222;
        /*font-family: 'openSans-semi-bold';*/
        font-size: 14px;
        font-weight: normal;
        color: #FFFFFF;
        padding: 11px 15.25px;
        text-transform: uppercase;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        cursor: pointer;
    }

    .menu-mobile-more-option .more-info-social {
        padding: 35px 0px 40px 5px;
    }

        .menu-mobile-more-option .more-info-social ul {
            display: flex;
            width: 100%;
            margin: 0;
            justify-content: space-between;
            list-style: none;
            padding-left: 0px;
        }

            .menu-mobile-more-option .more-info-social ul li img {
                color: #aaaaaa;
                padding: 0;
                width: 28px;
                height: 28px;
                text-align: center;
                line-height: 28px;
            }

    .submenu-close-btn {
        top: 10px;
        right: 24px;
    }

    .submit-close-btn-body {
        top: 0px;
        right: 0px;
        position: fixed !important;
        z-index: 20;
    }

    .navgation .main-manu:hover i,
    .navgation i.active {
        visibility: visible;
        display: none;
    }


    header .navgation a.main-manu.menu-focused, header .navgation .main-manu.menu-focused {
        font-family: 'openSans-semi-bold';
        font-size: 14px;
        font-weight: 600;
        color: #F37222;
    }

    /*new navbar design end*/

}