.logo-inner {
    max-width: 250px;
}
ul.footer-txt > li > a img {

    width: auto;

    height: auto;

}

.top-nav.navbar-nav>li>a {

    display: inline-block;

}

ul.nav.navbar-nav.navbar-right.top-nav {

    position: absolute;

    top: 0;

    right: 0;

}

.navbar .container {
    position: relative;
}

.navbar .container .navbar-header.page-scroll {

    margin-top: -30px;

}

ul.nav.navbar-nav.navbar-right:not(.top-nav) li:last-child a {

    padding-right: 0;

    margin-right: 0;

}

.footer.parbase.aem-GridColumn.aem-GridColumn--default--12 {

    clear: both;

}

.navbar-default .top-nav.navbar-nav > li > a {

    font-size: 11px;

    font-weight: 500;

    margin-left: 0;

    padding-left: 8px;

}

.navbar-default .navbar-nav > li > a {

    font-size: 14px;

    font-weight:600;

    text-transform:capitalize;

}

.icon-bar2 {

  width: 18px;

}

.sticky-left-nav ul li.nav-active {

    margin-bottom: 50px;

}

#banner-carousel h1.h2-heading {

    font-weight: 600;

}

#banner-carousel h3 {

    font-weight: 500;

    line-height: 1.5;

}

.bg_blue {

    font-weight: 600;

    font-size: 15px;

}

.about-section h2.home-second-heading {

    font-weight: 600;

}

p.fullpage-desc {

    line-height: 1.5;

}

#Digital_Marketing h2+p {

    font-weight: 600;

    line-height: 1.5;

    padding-top: 10px;

}

h3 {

    font-size: 25px;

    line-height: 1.4;

}

.index h2 + p {

    font-weight: 600;

    line-height: 1.5;

    padding-top: 10px;

}

section#contact_us {

    display: block;

    width: 100%;

    background: transparent;

    padding-bottom: 0;

}

section#contact_us .row_def {

    display: flex;

}


.footer .col-md-3:nth-child(2) {}

.footer .col-md-3:nth-child(2) li {

    margin-bottom: 4px;

} 

ul.footer-txt > li > a:hover {

    opacity: .8;

}

p.mb0 {

    font-size: 14px;

    color: #898989;

}

footer .container-fluid.bg-white {

    padding: 0;

}

#contact_us form.contact {

    display: inline-block;

    width: 100%;

}

.sticky-left-nav ul.dark-color-tn li a:before {background: linear-gradient(45deg, #1874d6, #4e23e7);}

.sticky-left-nav ul.dark-color-tn  li a span {

    color: #a1a1a1;

}

.sticky-left-nav ul li {

    min-height: 50px;

    height: auto;

}

.icon-bar2 {

    width: 18px;

    height: 2px;

}

footer .container-fluid.bg-white .col-md-12 {

    height: 60px;

}

#home_section, .home_promo_banner{

    height:auto;

}

.service .icon {

    margin-left: 0;

}

.contact-form-contact-info span.icon {

    margin: 0;

}

/*18-7-20*/
.background.about-digital-capabilities{
    background:url(../images/home/story-bg.jpg);
}
div.menu-bg {
    background: transparent;
}
div.icon-bar1, div.icon-bar2, div.icon-bar3, div.icon-bar4 {
    background-color: #fff;
}
.icon-bar3 {
    width: 22px;
}
.icon-bar2 {
    width: 14px;
}
.icon-bar4 {
    width: 10px;
    position: absolute;
    margin: auto;
    top: 30px;
    right: 15px;
    bottom: 0px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    height: 2px;
}
.navbar .container {
    margin-top: 40px;
}
.navbar .container .navbar-header.page-scroll {
    margin: 0;
}
.navbar-brand>img {
    margin-top: -15px;
}
.navbar-default .top-nav.navbar-nav > li > a {
    font-size: 14px;
    text-transform: initial;
}
.navbar-default .top-nav.navbar-nav > li.social-head > a {margin-right: 0;font-size: 20px;}
.menu-bg.reverseMenu {
    background: transparent !important;
}
#banner-carousel h1.h2-heading span {
    font-size: 60px;
    font-weight: 600;
    display: block;
}
#banner-carousel h1.h2-heading {
    font-size: 36px;
    font-weight: 200;
}
#banner-carousel h1.h2-heading strong {
    font-size: 36px;
    line-height: 48px;
}
@media (min-width: 1400px){
    .container {
        width: 80%;
        max-width: 1460PX;
    }
}
#banner-carousel h3 {
    font-size: 24px;
    font-weight: normal;
    line-height: 36px;
    max-width: 900px;
}
.btn-shutter-more {
    padding: 20px 54px;
    font-size: 18px;
    font-weight: 700;
}
.first_col {
    margin-top: 0;
}
.with-sam-logo {
    text-align: right;
}
.btn-shutter-more:hover {
    border-color: #a2086b;
}
.btn-shutter-more:before {
    background: #a2086b;
}
.slide-image {
    opacity: 0;
}
.repeated-css {
    background-position: center;
    background-attachment: fixed;
}
body.active_headers nav.navbar.navbar-default.navbar-fixed-top.scrollbg-show.show-strip {
    background: transparent;
}
section#small_slider {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.associate-with-slides {display: inline-block;}
.associate-with-img {
    width: 25%;
    float: left;
    text-align: center;
    height: 100px;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.associate-with-title h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    padding-top: 50px;
    padding-bottom: 40px;
    text-transform: uppercase;
    text-align: right;
    padding-right: 100px;
}
.associate-main {
    display: flex;
    align-items: center;
    background: #fff;
}
.associate-with-title {
    background-image: url(../images/home/associate-bg.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.associate-with-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    filter: grayscale(1);
    height: 60px;
}
.sticky-left-nav ul li.nav-active a::before, .side-menu .sticky-left-nav ul li.nav-active-menu a::before {
    width: 80px;
}
.sticky-left-nav ul li a span {
    position: absolute;
    width: 170px;
    line-height: 1.7;
    font-size: 13px;
    padding-right: 10px;
}
.sticky-left-nav ul li.nav-active {
    margin-bottom: 0 !important;
}
.sticky-left-nav ul li {
    min-height: 80px;
}
.height-100vh {
    height: 100vh;
}
article.associate-with {
    position: relative;
}
article.associate-with:before {content: '';position: absolute;right: 0;width: 50%;height: 100%;background: #fff;}
body.active_headers nav.navbar.navbar-default.navbar-fixed-top.scrollbg-show {
    transition: all  .3s;
}
.about-section .home_promo_banner {
    height: 100%;
    display: flex;
    align-items: center;
}
.content.home-second-heading-top {
    display: flex;
    align-items: center;
}
.background.fullCoverImg.ai-powered-core-img.about-digital-capabilities {
    background-position: center;
    background-attachment: fixed;
}
.content.home-second-heading-top h2 {
    font-size: 48px;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
}
.content.home-second-heading-top h3 {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 20px;
    margin-top: 12px;
    color: #fff;
    text-transform: uppercase;
}
.content.home-second-heading-top p {
    font-size: 24px;
    line-height: 36px;
    max-width: unset;
}
a.btn.btn-shutter-more {
    padding: 15px 60px;
    font-size: 18px;
    font-weight: 700 !important;
}
a.btn-shutter-more:hover,body.index  a.btn-shutter-more:hover{
    border-color: #a2086b;
}
a.btn.btn-shutter-more:before {
    background: #a2086b;
}
.background.fullCoverImg.ai-powered-core-img.about-digital-capabilities {
    background-image: url(../images/home/story-bg.jpg);
    background-attachment: fixed;
    background-position: center;
}
section.home_promo_banner {
    height: 100%;
    display: flex;
    align-items: center;
}
#Digital_Marketing .background {
    background-image: url(../images/home/digital-bg.jpg);
    background-attachment: fixed;
    background-position: center;
}
#design_solution .background {
    background-image: url(../images/home/creative-bg.jpg);
    background-attachment: fixed;
    background-position: center;
}
#business_solution .background {
    background-image: url(../images/home/development.jpg);
    background-attachment: fixed;
    background-position: center;
}
#Enterprise .background {
    background-image: url(../images/home/enterprise-bg.jpg);
    background-attachment: fixed;
    background-position: center;
}
section#our_portfolio {
    height: 100%;
    display: flex;
    align-items: center;
    /*padding-top: 120px;
    padding-bottom: 120px;*/
}
.portfoilo_row h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: unset;
    color: #202020;
}
.portfoilo_row p {
    font-size: 24px;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 10px;
    color:#838383;
}
section#our_portfolio div.row {
    max-width: 90%;
    margin: 0 auto;
}
section#our_portfolio div.row a {display: block;margin-bottom: 15px;height: 260px;}
section#our_portfolio div.row .sec_col_inner {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
section#our_portfolio div.row .first_col_inner:nth-child(2) a {
    height: 535px;
}
section#our_portfolio div.row .first_col_inner a img {
    height: 100%;
    width: 100%;
}
section#our_portfolio div.row .first_col_inner {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
section#our_portfolio div.row .third_col_inner {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.portfoilo_row .col-md-4 a span {
    background-image: linear-gradient(0deg, #fff, transparent);
    font-size: 24px;
    font-weight: 600;
    color: #000;
    letter-spacing: .5px;
}
.portfoilo_row .col-md-4 a span::after {
    background: url(../images/home/colored-overlay.png);
    background-size: cover;
    background-position: center;
    opacity: 1;
}
section#our_portfolio div.row a:hover span,section#our_portfolio div.row a:hover span p {
    color: #fff;
}
.plus-img {
    display: inline-block;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 20px;
    transition: all .3s linear 0s;
    left: 0;
}
.portfoilo_row .col-md-4 a .plus-img img {
    max-width: 70px;
    position: static;
    margin-bottom: 15px;
    opacity: 0;
}
.plus-img + p {
    width: 100%;
    display: inline-block;
}
section#our_portfolio div.row a p {
    color: #000;
}
section#our_portfolio div.row a:hover span {
    align-items: center;
}
section#our_portfolio div.row a:hover span img {
    opacity: 1;
}
section#our_portfolio div.row a:hover span .plus-img {
    bottom: auto;
    transform: translateY(-50%);
    top: 50%;
}
/*#about_technado a.btn.btn-shutter-more:hover {
    border-color: #800661;
}
#about_technado a.btn.btn-shutter-more:before {
    background: #800661;
}*/
#business_solution a.btn.btn-shutter-more:before {
    background: #6d0347;
}
#business_solution a.btn.btn-shutter-more:hover {
    border-color: #6d0347;
}
section#contact_us {
    /*background: url(../images/home/touch-bg.jpg);*/
    height: 100%;
    align-items: center;
    /*background-size: cover;
    background-position: center;*/
    position: relative;
}
div.parallax-tn{
    background-size: cover;
    background-position: center;
}
.contact_form .inner_contact_row {
    color: #fff;
    max-width: unset;
}
.inner_contact_row h4 {
    font-size: 48px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
.inner_contact_row p {
    font-size: 24px;
    font-weight: 500;
}
#contact_us form.contact input,#contact_us form.contact textarea {
    background: transparent;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    border-bottom: solid 1px #fff;
}
.inner_contact_row form input::-webkit-input-placeholder,
.inner_contact_row form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.inner_contact_row form input::-moz-placeholder,
.inner_contact_row form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.inner_contact_row form input:-ms-input-placeholder,
.inner_contact_row form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.inner_contact_row form input:-moz-placeholder,
.inner_contact_row form textarea:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
#contact_us form.contact input:focus,#contact_us form.contact textarea:focus{
    border-color: #ab1a79;
}
.inner_contact_row .col-sm-12 textarea {
    min-height: 100px;
}
#contact_us form.contact input[type="submit"] {
    padding: 15px 60px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    border: 1px solid;
    transition:all .6s;
}
#contact_us form.contact input[type="submit"]:hover {
  background: linear-gradient(45deg, black, transparent);
}
section#contact_us{
    padding:0;
}
section#contact_us .row_def {
    align-items: center;
    height: 100%;
}
.inner_contact_row .col-sm-6, .inner_contact_row .col-sm-12 {
    margin-bottom: 60px;
}
.inner_contact_row .col-sm-12:nth-last-child(2) {
    margin-bottom: 30px;
}
.inner_contact_row .col-sm-12:last-child {
    margin-bottom: 0;
}
section#contact_us article.container {
    height: 100%;
}
.bottom-row-contact {
    bottom: 0;
    position: absolute;
    width: 100%;
    background: rgba(241,241,241,.1);
    left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}
.inner_con .row{
    display:flex;
    align-items: center;
    flex-flow: row;
    flex-wrap: nowrap;
    width: 100%;
    flex-direction: row;
}
.info:not(:first-child) {
    display: inline-block;
    padding-left: 30px;
}
.info-main {
    text-align: right;
}
.info p {
    margin-bottom: 0;
    color: #fff;
}
.info p a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
}
.info p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 30px;
}
.info img {
    margin-bottom: 0 !important;
    margin-right: 15px;
}
.info-in {
    display: inline-block;
    margin-left: 30px;
}
.f1 {
    padding-top: 50px;
    padding-bottom: 40px;
}
.footer-logo {
    margin-bottom: 20px;
}
.footer-text {
    font-weight: 500;
    line-height: 27px;
    color: #838383;
    font-size: 14px;
}
ul.footer-txt > li > a {
    font-size: 14px;
    color: #2d2d2d;
    font-weight: 500;
}
h3.ftr-head {
    margin-bottom: 30px;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 700;
    color: #2d2d2d;
}
ul.footer-txt > li {
    margin-bottom: 5px;
}
h3.ftr-head.repeated-heading-f {
    margin-bottom: 10px;
    margin-top: 30px;
}
ul.list-inline.footer-txt li {
    margin-top: 0px;
}
ul.list-inline.footer-txt li a{
    opacity:.8;
    font-size: 22px;
    margin-right: 10px;
    color: #2d2d2d;
}
ul.list-inline.footer-txt li a:hover{
    opacity:1;
}
footer .container-fluid.bg-white p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #838383;
    padding-bottom: 5px;
    padding-top: 10px;
}
footer .container-fluid.bg-white p strong {
    font-weight: 700;
}
.bg-white.f2 {background: transparent;background-repeat: no-repeat;background-size: cover;background-position: right;}
footer .container-fluid.bg-white .col-md-12 {
    height: auto;
}
.menu-bg {
    background: transparent;
}
.sticky-left-nav ul.dark-color-tn li a:before {
    background: #202020;
}
.sticky-left-nav ul.dark-color-tn li a span {
    color: #202020;
}
.circle.expand {
    background-color: rgba(0,0,0,.4);
}
section#our_portfolio div.row a p {
    padding-left: 15px;
    padding-right: 15px;
}
.associate-with-img.slick-slide {
    height: 100px;
    cursor: pointer;
}
.associate-with-img.slick-slide:focus {
    outline: none;
}
.associate-with-img:hover img {
    filter: none;
}
.f2 ul.list-inline.footer-txt {
    display: none;
}
.footer-logo img {
    max-width: 200px;
}
.menuItems > ul > li.smalltext.last-sma-text {
    margin-bottom: 20px;
    display: inline-block;
}
.footer-text {
    text-align: justify;
    padding-right: 30px;
}
ul.footer-txt > li.with-ico {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    margin-top: 0;
}
ul.footer-txt > li.with-ico i {
    color: #202020;
    float: left;
    width: 20px;
    text-align: center;
}
ul.footer-txt > li.with-ico span {
    width: calc(100% - 20px);
    float: left;
    padding-left: 15px;
}
ul.list-inline.footer-txt {
    margin-left: 30px;
}
footer .container-fluid.bg-white p {
    padding-top: 16px;
    padding-bottom: 16px;
}
footer .container-fluid.bg-white {
    background: #f1eff0 !important;
}
footer .container-fluid.bg-white p {
    color: #414141;
}
footer{
    border-top: 0;
    background: #f1eff0;
}
.active-burger .icon-bar1,.active-burger .icon-bar2,.active-burger .icon-bar3,.active-burger .icon-bar4 {
    background: #202020 !important;
}
.menuItems > ul > li.smalltext.last-sma-text {
    margin-bottom: 20px;
    display: inline-block;
}
nav.sticky-left-nav.top-menu.ok {
    display: none;
}
body.index:not(.fp-viewing-0) header nav .container.mt45 {display: none;}
div#footer_bot {
    background: #f1eff0;
}
div#fp-nav {
    background: #fff;
    padding: 10px 0;
    border-radius: 25px;
}
div#fp-nav ul li a span, div.fp-slidesNav ul li a span {
    background: #770663;
}
.sticky-left-nav ul li:hover a span {
    opacity: 1;
}
.sticky-left-nav ul li:hover a::before {
    width: 80px;
    height: 4px;
    opacity: 1;
}
.fp-viewing-6 .sticky-left-nav ul li a:before,
.fp-viewing-6 div.icon-bar1,.fp-viewing-6 div.icon-bar2,.fp-viewing-6 div.icon-bar3,.fp-viewing-6 div.icon-bar4{
    background: #202020;
}
.fp-viewing-6 .sticky-left-nav ul li a span{
    color: #202020;   
}
.top-menu {
    top: calc(50% + 2.848vw);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-: translateY(-50%);
}
.stick-left-nav-ul {
    padding-left: 1.212vw;
    width: 5.758vw;
    margin-bottom: 0.606vw;
}
.sticky-left-nav ul li {
    min-height: 4.848vw;
}
.sticky-left-nav ul li a::before, .side-menu .sticky-left-nav ul li.nav-active-menu a::before {
    width: 1.818vw;
    height: 0.061vw;
}
.sticky-left-nav ul li a span {
    padding-top: 0.303vw;
    width: 10.303vw;
    font-size: 0.788vw;
    padding-right: 0.606vw;
}
.sticky-left-nav ul li:hover a::before,
.sticky-left-nav ul li.nav-active a::before {
    width: 4.848vw;
    height: 0.242vw;
}
.parallax-tn a.btn.btn-shutter-more {
    margin-top: 10px;
}
#hero_slider a.btn.btn-shutter-more {
    margin-top: 15px;
}
.caption{
    -webkit-transform: translate(0px, -30%) !important;
    -moz-transform: translate(0px, -30%) !important;
    -ms-transform: translate(0px, -30%) !important;
    -o-transform: translate(0px, -30%) !important;
    transform: translate(0px, -50%) !important;
    top: 50%;
}
.content.home-second-heading-top .image-div {
        padding: 0px 20px;
}
.content.home-second-heading-top .cont-div {
    padding: 0 20px;
}
body:not(.index) .left-navigation.relative {
    display: none;
}
body.index .for-in{
    display: none;
}
/*body:not(.index) .for-home{
    display: none;
}*/
/*Updated Footer*/
.for-home footer {
    height: 100%;
    text-align: center;
    color: #fff;
}
.for-home footer .container-fluid.ptb15.bg-white.f2 {
    background: transparent !important;
}
.col-foot1 .footer-text {
    text-align: center;
    max-width: 36.364vw;
    margin: 0 auto;
}
.col-foot p, .col-foot ul.footer-txt > li, .col-foot ul.footer-txt > li a, .col-foot ul > li a span, .col-foot ul.footer-txt > li.with-ico i {
    color: #888;
}
.for-home h3.ftr-head {color: #fff;letter-spacing: 1px;margin-top: 0;margin-bottom: 1.818vw;font-size: 1.333vw;margin: 0vw 0 2vw;}
.col-foot3 {
    border: 0.061vw solid #3f3f3f;
    border-top: 0;
    border-bottom: 0;
}
.for-home .row.v-centered-f{
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    text-align: left;
    max-width: 77.576vw;
}
.for-home .col-foot:not(.col-foot1) {
    padding: 1.212vw 3.03vw;
    margin: 0.606vw 0;
}
.for-home .col-foot.col-foot4{
    padding-right: 2.03vw;
}
.for-home hr {
    margin-top: 1.212vw;
    margin-bottom: 1.212vw;
    border: 0;
    border-top: 0.061vw solid #3f3f3f;
}
.right-con-f {
    float: right;
}
.for-home .f1 {
    padding-top: 0vw;
    padding-bottom: 0vw;
}
.for-home .row {
    margin-right: -0.909vw;
    margin-left: -0.909vw;
}
.for-home .col-lg-1,.for-home .col-lg-10,.for-home .col-lg-11,.for-home .col-lg-12,.for-home .col-lg-2,.for-home .col-lg-3,.for-home .col-lg-4,.for-home .col-lg-5,.for-home .col-lg-6,.for-home .col-lg-7,.for-home .col-lg-8,.for-home .col-lg-9,.for-home .col-md-1,.for-home .col-md-10,.for-home .col-md-11,.for-home .col-md-12,.for-home .col-md-2,.for-home .col-md-3,.for-home .col-md-4,.for-home .col-md-5,.for-home .col-md-6,.for-home .col-md-7,.for-home .col-md-8,.for-home .col-md-9,.for-home .col-sm-1,.for-home .col-sm-10,.for-home .col-sm-11,.for-home .col-sm-12,.for-home .col-sm-2,.for-home .col-sm-3,.for-home .col-sm-4,.for-home .col-sm-5,.for-home.col-sm-6,.for-home .col-sm-7,.for-home .col-sm-8,.for-home .col-sm-9,.for-home .col-xs-1,.for-home .col-xs-10,.for-home .col-xs-11,.for-home .col-xs-12,.for-home .col-xs-2,.for-home .col-xs-3,.for-home .col-xs-4,.for-home .col-xs-5,.for-home .col-xs-6,.for-home .col-xs-7,.for-home .col-xs-8,.for-home .col-xs-9 {
    min-height: 0.061vw;
    padding-right: 0.909vw;
    padding-left: 0.909vw;
}
.for-home ul.list-unstyled {
    margin-bottom: 0vw;
}
.col-foot ul.footer-txt > li:first-child {
    margin-top: 1.212vw;
}
.col-foot ul.footer-txt > li {margin-bottom: 0.606vw;}
.col-foot ul.footer-txt > li a {
    font-size: 0.848vw;
    line-height: 1.333vw;
}
.for-home .footer-logo img {
    max-width: 12.121vw;
    width: 100%;
}
.for-home footer {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
}
.for-home footer .container-fluid.bg-white p strong {
    font-weight: 700 !important;
}
.col-foot4.col-foot ul.footer-txt:last-child > li:first-child {
    margin-top: 0.606vw;
}
.for-home footer .container-fluid.bg-white p {
    padding-top: 0.97vw;
    padding-bottom: 0.97vw;
}
.for-home .footer-text {
    line-height: 1.515vw;
    color: #838383;
    font-size: 0.848vw;
}
.for-home p {
    margin: 0 0 0.606vw;
}
.for-home footer .container-fluid.bg-white p {
    font-size: 0.97vw;
    color: #8c8c8c;
}
.for-home .container {
    max-width: 88.485vw;
    padding-right: 0.909vw;
    padding-left: 0.909vw;
    font-size: 1.091vw;
}
/*Update sidebar*/
div.menuItems {
    position: relative;
    color: #fff;
    padding: 2.121vw;
    font-size: 1.091vw;
}
div.menuItems:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/home/bg-girl.png);
    filter: grayscale(1);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom right;
}
div.menuItems > a {
    display: inline-block;
    margin-bottom: 1.606vw;
}
div.menuItems > ul > li > a {
    font-weight: 500;
    color: #b6b6b6;
    font-size: 1.394vw;
}
div.menuItems > ul > li.smalltext > a {
    font-size: 1.394vw;
    font-weight: 500;
    color: #717171;
}
div.menuItems > ul > li.smalltext > a:hover {
    color: #fff;
}
span.un-line {
    background-color: #fff;
    bottom: 0;
}
div.menuItems > ul > li.smalltext {
    padding-bottom: 0.424vw;
}
div.menuItems > ul > li > a:hover {color: #fff;}
div.menuItems > ul > li {
    padding-bottom: 0.424vw;
    margin-bottom: 0.788vw;
}
div.menuItems > ul > li.social-icons a {
    color: #fff;
}
img.img-responsive.logo-inner {
    margin: 1.212vw 0;
    max-width: 15.152vw;
    width: 15.152vw;
    margin-top: 0;
}
.un-line {
    height: 0.182vw;
}
div.menuItems > ul > li.smalltext.last-sma-text {
    margin-bottom: 1.212vw;
}
div.menuItems > ul > li.social-icons {
    margin-top: 1.515vw;
    margin-left: 0.909vw;
}
div.burger.open {
    width: 3.03vw;
    height: 3.03vw;
    background: transparent;
    color: #fff;
    margin-top: 2.121vw;
    margin-right: 2.424vw;
    font-size: 1.091vw;
}
div.open > .collapse {
    background: #fff !important;
    top: 0.303vw !important;
    right: 0.909vw;
    height: 0.121vw;
    width: 1.091vw;
}
div.burger.open .icon-bar4 {
    opacity: 0;
}
.for-home ul.footer-txt > li.with-ico span {
    width: calc(100% - 1.212vw);
    float: left;
    padding-left: 0.909vw;
}
.pt-10{
    padding-top: 10px;
}
.pt-20{
    padding-top: 20px;
}
.pt-30{
    padding-top: 30px;
}
.pt-40{
    padding-top: 40px;
}
.pt-50{
    padding-top: 50px;
}
.pt-60{
    padding-top: 60px;
}
.pt-70{
    padding-top: 70px;
}
.pt-80{
    padding-top: 80px;
}
.pt-90{
    padding-top: 90px;
}
.pt-100{
    padding-top: 100px;
}
.pt-110{
    padding-top: 110px;
}
.pt-120{
    padding-top: 120px;
}
.pt-130{
    padding-top: 130px;
}
.pt-140{
    padding-top: 140px;
}
.pt-150{
    padding-top: 150px;
}
.pt-160{
    padding-top: 160px;
}
.pb-10{
    padding-bottom: 10px;
}
.pb-20{
    padding-bottom: 20px;
}
.pb-30{
    padding-bottom: 30px;
}
.pt-40{
    padding-top: 40px;
}
.pb-50{
    padding-bottom: 50px;
}
.pb-60{
    padding-bottom: 60px;
}
.pb-70{
    padding-bottom: 70px;
}
.pt-80{
    padding-top: 80px;
}
.pb-90{
    padding-bottom: 90px;
}
.pb-100{
    padding-bottom: 100px;
}
.pb-110{
    padding-bottom: 110px;
}
.pb-120{
    padding-bottom: 120px;
}
.pb-130{
    padding-bottom: 130px;
}
.pb-140{
    padding-bottom: 140px;
}
.pt-150{
    padding-top: 150px;
}
.pb-160{
    padding-bottom: 160px;
}
/*About*/
.inner-page .slider-text {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    height: 100%;
    position: relative;
}
.inner-page h2 {
    font-size: 48px;
    margin-bottom: 10px;
}
.inner-page p {
    max-width: 500px;
    line-height: 1.7;
}
.img-in-ban {
    position: absolute;
    bottom: -50px;
}
.inner-page .slider-item {
    height: 700px;
    background-size: cover;
    background-position: center;
}
.inner-page .slider-item .container {
    height: 100%;
}
.inner-page .slider-text >div {
    position: static;
}
.title-div h2 {
    font-size: 36px;
    line-height: 48px;
    color: #202020;
    text-transform: uppercase;
}
.title-div span {
    color: #e75d1f;
    font-size: 24px;
    font-style: italic;
}
.title-div p {
    font-size: 18px;
    color: #838383;
    font-weight: 500;
    margin-top: 20px;
    line-height: 1.8;
    max-width: 930px;
    margin: 10px auto;
}
.story-main.row {
    margin-top: 30px;
    position: relative;
}
.story-main.row:before {content: '';position: absolute;left: 50%;border-left: 2px dashed #2c2c2c;height: 100%;transform: translateX(-50%);top: 0;opacity: .5;}
.story-main-in {
    padding-top: 60px;
    padding-bottom: 60px;
    display: inline-block;
    width: 100%;
}
.date-story {
    text-align: right;
}
.story-main-in > div {
    padding-left: 50px;
    padding-right: 50px;
}
.story-main-in:nth-child(even) .date-story p {
    color: #e75d1f;
}
.story-main-in:first-child {
    padding-top: 150px;
}
.story-main-in:last-child {
    padding-bottom: 150px;
}
.story-main-in div.date-story p {
    margin-bottom: 0;
    line-height: 1;
    position: relative;
    font-size: 48px;
    font-weight: 600;
    color: #32cd32;
}
.date-story p:before {content: '';position: absolute;background: limegreen;border-radius: 50%;width: 30px;height: 30px;right: -65px;top: 10px;border: 5px solid #fff;}
.story-main-in:nth-child(even) .date-story {
    text-align: left;
}
.story-main-in:nth-child(even) .date-story p::before {
    right: auto;
    left: -65px;
}
.section.story-sec {
    background-color: #fbfbfb;
    position: relative;
}
.section.story-sec:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url(http://myprojectstaging.com/Diginado/assets/images/about/about-sec1-bg.png);background-size: cover;background-position: center;filter: grayscale(1);background-repeat: no-repeat;}
.story-main-in span {
    font-weight: 700;
    color: #202020;
    font-size: 24px;
    margin-bottom: 20px;
    display: inline-block;
}
.story-main-in p {
    color: #4d4d4d;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
}
.text-story {
    text-align: right;
}
.story-main-in:nth-child(odd) .text-story {
    text-align: left;
}
.story-main-in:nth-child(even) .date-story p:before {
    background: #e75d1f;
}
.story-main-in:nth-child(3) div.date-story p {
    color: #1f9ceb;
}
.story-main-in:nth-child(3) div.date-story p:before {
    background: #1f9ceb;
}
.story-main-in .text-story {
    padding-top: 8px;
}
.text-light {
    color: #fff;
}
.section.affiliate-sec {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.affiliate-sec h2 {
    color: #fff;
    margin-bottom: 50px;
}
.sam-logo {
    margin-bottom: 30px;
}
.affiliate-text {
    max-width: 650px;
    margin: 0 auto;
}

.affiliate-text p {
    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
}
.affiliate-logo-repeat {
    display: inline-block;
}
.affiliate-logo-main {
    max-width: 700px;
    margin: 0 auto;
}
.affiliate-logo-repeat img {
    height: 60px;
    filter: grayscale(1);
}
.affiliate-logo-repeat {
    padding: 70px 40px 40px;
}
.segment-sec .title-div {
    max-width: 600px;
    margin: 0 auto;
}
.segment-main {
    margin-top: 60px;
}
.segment-repeater {
    display: flex;
    align-items: center;
    width: 100%;
}
.segment-repeater > div{
    padding-left: 0;
    padding-right: 0;
}
.segment-repeater h4 {
    font-size: 36px;
    font-weight: 600;
    color: #1b1b1b;
}  
.segment-repeater p {
    font-size: 30px;
    line-height: 48px;
    font-weight: 600;
    color: #747474;
}
.segment-repeater span {
    font-size: 24px;
    line-height: 36px;
    color: #1b1b1b;
    display: inline-block;
    width: 100%;
}
.cont-segment a.btn.btn-shutter-more {
    color: #171717;
    border-color: #171717;
}
.cont-segment a.btn.btn-shutter-more:hover:before {
    background: #f58b19;
}
.cont-segment a.btn.btn-shutter-more:hover {
    color: #fff;
    border-color: transparent;
}
.img-segment img {
    min-height: 450px;
    object-fit: cover;
    width: 100%;
}
.cont-segment {
    padding: 30px;
    box-sizing: border-box;
}
.segment-repeater:nth-child(even) .cont-segment {
    text-align: right;
}
.img-segment {
    position: relative;
}
.img-segment:before {content: '';position: absolute;background-image: url(http://myprojectstaging.com/Diginado/assets/images/about/shape-img.png);width: 100%;height: 100%;z-index: 1;background-repeat: no-repeat;right: 0;background-position: right 50px;}
.segment-repeater:nth-child(even) .img-segment:before {background-image: url(http://myprojectstaging.com/Diginado/assets/images/about/shape-img1.png);background-position: left 50px;}
.story-main-in:nth-child(4) div.date-story p {
    color: #a3086b;
}
.story-main-in:nth-child(4) div.date-story p:before {
    background: #a3086b;
}
.inner-page {
    position: relative;
    z-index: 1;
}
.for-home ul.footer-txt > li.with-ico i {
    width: 1.212vw;
}
body:not(.index) div.footer footer {
    padding-top: 40px;
}
body:not(.index) div.footer footer .f2 {
    background: #e6e6e6 !important;
}
body:not(.index) div.footer footer .f2 p {
    padding-top: 20px;
    padding-bottom: 20px;
}
.affiliate-sec > .container-fluid {
    background-size: cover;
    background-position: top center;
    margin-top: 30px;
}
/*Creative*/
.crative-process {
    padding-top: 80px;
    text-align: center;
}
.creative-one > div:nth-child(3) h4 {
    color: #f71c85;
}
.creative-one > div:nth-child(5) h4 {
    color: #47cfc3;
}
.creative-three > div:nth-child(2) h4 {
    color: #2ac479;
}
.creative-three > div:nth-child(4) h4 {
    color: #6f48ec;
}
.creative-three > div:nth-child(6) h4 {
    color: #a967c8;
}
.crative-process div h4 {
    font-size: 24px;
    font-weight: 600;
}
.crative-process p {
    font-size: 14px;
    line-height: 28px;
}
.creative-one .col-md-2 {
    position: relative;
}
.creative-one .col-md-2:nth-child(5) {
    left: -24px;
    width: 20%;
}
.creative-one .col-md-2:nth-child(3) {
    left: -50px;
    width: 20%;
}
.creative-three .col-md-2:nth-child(2) {
    left: -90px;
    width: 20%;
}
.creative-three > div {
    position: relative;
}
.creative-three .col-md-2:nth-child(4) {
    width: 20%;
    left: -56px;
}
.creative-three .col-md-2:nth-child(6) {
    width: 20%;
    left: 188px;
}
.container.paragon-main {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.repeatr-paragon {
    display: flex;
    align-items: center;
    padding: 30px 80px;
    background-image: url(http://myprojectstaging.com/Diginado/assets/images/creative/branding-bg.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: top left;
}
.repeatr-paragon h4 {
    font-size: 34px;
    color: #1b1b1b;
    font-weight: 600;
    text-transform: uppercase;
}
.repeatr-paragon h3 {
    font-size: 28px;
    color: #747474;
    font-weight: 600;
}
.repeatr-paragon p {
    font-size: 22px;
    line-height: 36px;
    font-weight: normal;
    color: #1b1b1b;
}
.image-paragon img {
    width: 100%;
}
body:not(.index) a.btn.btn-shutter-more {
    color: #171717;
    border-color: #171717;
}
body:not(.index) a.btn.btn-shutter-more:hover{
    color:#fff;
    border-color: #a2086b;
}
.repeatr-paragon:nth-child(even) {
    background-image: url(http://myprojectstaging.com/Diginado/assets/images/creative/branding-bg-right.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: top right;
}
/*Digital*/
.digitalstory-main-in {
    display: flex;
    align-items: center;
}
.digitalstory-main-in h4 {
    font-size: 36px;
    line-height: 48px;
    color: #202020;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2px;
    margin-top: 0;
    position: relative;
}
.digitalstory-main-in p {
    font-size: 18px;
    line-height: 2;
    color: #4d4d4d;
}
.digitalstory-main-in span {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: #2284b7;
}
.text-digitalstory {
    margin-bottom: 40px;
    position: relative;
    padding-left: 50px;
}
.digitalstory-main-in > div:nth-child(even) {padding-left: 0;}
.digitalstory-main-in > div:nth-child(odd) {
    padding-right: 50px;
}
.digitalstory-main-in > div:nth-child(even):before {
    content: '';
    position: absolute;
    left: 0%;
    border-left: 2px dashed #2c2c2c;
    height: 100%;
    transform: translateX(-50%);
    top: 15px;
    opacity: .5;
}
.digitalstory-main-in h4:before {content: '';position: absolute;left: -61px;top: 50%;transform: translateY(-50%);background: rebeccapurple;width: 20px;height: 20px;border-radius: 50%;}
.text-digitalstory.blue-line h4:before {
    background: #2284b7;
}

.text-digitalstory.pink-line h4:before {
    background: #e70d4f;
}
.text-digitalstory.yellow-line h4:before {
    background: #ff8a00;
}

.text-digitalstory.green-line h4:before {
    background: #51bc1c;
}
.text-digitalstory.pink-line span {
    color: #e70d4f;
}
.text-digitalstory.yellow-line span {
    color: #ff8a00;
}
.text-digitalstory.green-line span {
    color: #51bc1c;
}
.section.digitalstory-sec {
    background-size: cover;
    background-position: top left;
}
.cont-paragon > div {max-width: 700px;float: left;}
.repeatr-paragon:nth-child(odd) .cont-paragon > div{
    float: right;
}
.row-digital-portfolio {
    padding: 0 50px;
    margin-top: 40px;
}
h2.digital-title {
    font-size: 48px;
    font-weight: 600;
    color: #141414;
    letter-spacing: .10px;
    font-family: Poppins;
    text-transform: uppercase;
}
h2.digital-title span {
    font-size: 18px;
    display: block;
    color: #646464;
    line-height: 36px;
}
.port-dig-img {
    margin-bottom: 35px;
}
.port-dig-img {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    box-shadow: 0px 0px 1px;
}
.port-dig-img img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    transition: all .3s linear 0s;
}
.port-dig-img:hover img{
    /*transform: scale(1.1);*/
}
.port-small-img > div {
    padding: 15px 15px;
    text-align: center;
    box-shadow: 0px 0px 7px rgba(0,0,0,.5);
}
.port-small-img > div img{
    margin: 0 auto;
}
.port-digi-cont {
    font-family: Poppins;
    letter-spacing: .10px;
}
.port-digi-cont h4 {
    font-size: 24px;
    font-weight: 600;
    color: #1d1d1d;
    margin-top: 0;
}
.port-digi-cont p {
    font-size: 18px;
    color: #1d1d1d;
    max-width: 700px;
    line-height: 1.6;
}
.digital-port-main .slick-list.draggable {
    overflow: visible;
}
.digital-port-main .digital-port-repeater {
    margin-right: 40px;
    margin-left: 40px;
}
.digital-port-main .slick-track:focus {
    border: 0;
    outline: none;
}
.digital-port-main .digital-port-repeater:focus {
    outline: none;
}
.no-marg{
    opacity: 0;
}
.digital-port-main button.slick-arrow {
    position: absolute;
    bottom: 80px;
    right: 90px;
    z-index: 100;
    background-image: url(http://myprojectstaging.com/Diginado/assets/images/common/prev.png);
    color: transparent;
    border: 0;
    width: 60px;
    height: 60px;
    background-position: center;
    background-size: 50px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 0;
}
.digital-port-main button.slick-arrow.slick-next {
    background-image: url(http://myprojectstaging.com/Diginado/assets/images/common/next.png);
    top: auto;
    right: 20px;
}
.digital-port-repeater.slick-slide:not(.slick-current) {
    opacity: .5 !important;
}
.digital-port-repeater.slick-slide:not(.slick-current) .port-small-img,.digital-port-repeater.slick-slide:not(.slick-current) .port-digi-cont {
    opacity: 0;
}
.digital-port-main button.slick-arrow:focus {
    outline: none;
}
.digital-portfolio-sec {
    overflow: hidden;
}
.row.repeatr-paragon {margin:0}
.dev-one.creative-one .col-md-2:nth-child(2) {left: 0px;width: 20%;}
.dev-one.creative-one .col-md-2:nth-child(4) {
    width: 20%;
    left: -105px;
}
.dev-one.creative-one .col-md-2:nth-child(6) {
    width: 20%;
    left: 40px;
}
.dev-three.creative-three .col-md-2:nth-child(1) {
    width: 20%;
    left: -6px;
}
.dev-three.creative-three .col-md-2:nth-child(3) {
    width: 20%;
    left: -100px;
}
.dev-three.creative-three .col-md-2:nth-child(5) {
    width: 20%;
    left: -196px;
}
.tab-sec-port  ul.nav.nav-tabs {
    display: block;
    text-align: right;
    width: 70%;
    float: right;
    padding-top: 30px;
    border-bottom: 3px solid #2b5269;
}
.tab-sec-port  h2.digital-title {
    display: block;
    float: left;
    width: 30%;
}
.tab-sec-port ul.nav.nav-tabs li {
    margin-bottom: 0;
    float: none;
    display: inline-block;
    border: 0;
}
.tab-sec-port .tab-content {
    display: inline-block;
    width: 100%;
}
.tab-sec-port ul.nav.nav-tabs li a {
    border: 0;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 25px 60px;
    color: #939393;
    position: relative;
    margin: 0;
}
.tab-sec-port ul.nav.nav-tabs li.active a {
    color: #bd1782;
}
.tab-sec-port ul.nav.nav-tabs li a:before {content: '';position: absolute;width: 100%;height: 10px;border-bottom: 6px solid #bd1782;bottom: -4px;opacity: 0;right: 0;}
.tab-sec-port ul.nav.nav-tabs li.active a:before {
    opacity: 1;
}
.tab-sec-port ul.nav.nav-tabs li a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -19px;
    border-top: 20px solid #bd1782;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    opacity: 0;
    transform: translateX(-50%);
}
.tab-sec-port ul.nav.nav-tabs li.active a:after {
    opacity: 1;
}
.tab-sec-port ul.nav.nav-tabs li a:hover {
    background: transparent;
    color: #bd1782;
}
body:not(.index) .cont-segment a.btn.btn-shutter-more:hover {
    border-color: #f58b19;
}
.slick-initialized .slick-slide:focus {
    outline: none;
}
.affiliate-logo-repeat img {
    margin: 0 auto;
}

body:not(.index) div.height-100vh:not(#footer_bot) {
    height: auto;
    padding-top: 120px;
    padding-bottom: 120px;
}
.creative-4 img {
    height: 100px;
}
.modal-content {
    background-image: url(http://myprojectstaging.com/Diginado/assets/images/popup/popup-bg.jpg);
    border-radius: 0;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    font-family: Montserrat;
    background-position: right center;
    border:0;
}
.modal-header {
    text-align: center;
    padding-top: 40px;
    border: 0;
    padding-left: 0;
    padding-right: 0;
}
.modal-footer {
    padding-bottom: 50px;
    border: 0;
}
.modal-body .form-control {
    border-radius: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    padding-left: 0;
    font-size: 14px;
    color: #fff;
    font-family: Montserrat;
    padding-bottom: 10px;
    height: auto;
}
.modal-body {
    padding-left: 0;
    padding-right: 0;
}
.modal-header img {
    width: 160px;
}
h2.modal-title {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding-top: 12px;
    padding-bottom: 8px;
}
.modal-header p {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    font-weight: normal;
}
.modal-body .form-control:focus {
    outline: none;
    box-shadow: none;
}
.modal-body .form-control::-webkit-input-placeholder { /* Edge */
  color: #fff;
}
.modal-body .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
.modal-body .form-control::placeholder {
  color: #fff;
}
.modal-body .form-group {
    margin-bottom: 12px;
}
.modal-header .close {
    position: absolute;
    top: -36px;
    right: 0px;
    color: #fff;
    opacity: 1;
    font-weight: normal;
    font-size: 40px;
}
.modal-dialog {
    width: 90%;
    max-width: 440px;
    margin-top: 40px;
}
.modal-footer {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
.modal-footer button.btn.btn-primary {
    background: transparent;
    border: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px;
    border: 1px solid;
    border-radius: 0;
    padding: 12px 25px;
    margin-top: 0;
}
.modal-footer button.btn.btn-primary:hover {
    border-color: #a2086b;
}
.modal-content:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(http://myprojectstaging.com/Diginado/assets/images/popup/popup-vector.png);
    background-size: 200px;
    background-position: -60px -60px;
    background-repeat: no-repeat;
    opacity: .5;
}
.modal-header .close:focus {
    outline: none;
}
.modal-header .close:hover {
    opacity: .8;
}
.privacy-policy.title-div p {
    max-width: unset;
}
.privacy-policy.title-div h2 {
    margin-top: 30px;
    text-transform: capitalize;
}
.privacy-policy.title-div li {
    font-size: 18px;
    color: #838383;
    font-weight: 500;
    margin-top: 20px;
    line-height: 1.8;
}
div#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #1e1e1e;
    z-index: 1000000;
    top: 0;
    left: 0;
    text-align: center;
}
div#preloader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 300px;
}
body:not(.index) div.burger {
    margin-top: 2.4vw !important;
}
body:not(.index) {
    overflow: hidden;
}
/*200 to 767*/
@media(min-width:200px) and (max-width:767px){

    .header-menu.hidden-tab {
        display: none !important;
    }
    #banner-carousel h1.h2-heading {

        font-size: 30px;

    }

    .slider, #hero_slider {

        height: 550px;

    }

    #banner-carousel h3 {

        font-size: 16px;

    }

    #banner-carousel h1.h2-heading br {

        display: none;

    }

    #banner-carousel .caption .row {

        display: block;

        position: relative;

    }

    #banner-carousel .caption .row .col-lg-6:nth-child(2) {

        display: none;
    }

    #banner-carousel h3 br {

        display: none;

    }

    #banner-carousel a.btn-shutter-more {

        margin-top: 10px;

        padding: 10px 15px;

    }

    .home_promo_banner .col-lg-6> img {

        max-width: 80%;

        margin-left: auto;

        margin-right: auto;

        display: block;

        margin-bottom: 30px;

        margin-top: 30px;

    }

    .about-section h4 {

        font-size: 16px;

    }

    .about-section h3 {

        font-size: 21px;

    }

    .about-section h3 br {

        display: none;

    }

    .about-section h2.home-second-heading {

        font-size: 26px;

    }

    .about-section h2.home-second-heading br {

        display: none;

    }

    .about-section .right_col_pad {

        padding-left: 15px;

    }

    p.fullpage-desc {

        font-size: 14px;

    }

    .content .animateThird {

        margin-top: 30px;

    }

    .content .btn-shutter-more {

        margin-top: 0px;

    }

    h2 {

        font-size: 30px;

    }

    body, html {

        font-size: 14px;

    }

    h3 {

        font-size: 21px;

    }

    .col-xs-12 {

        float: none;

        display: block;

    }

    .portfoilo_row .col-md-4.first_col_inner a img, .portfoilo_row .col-md-4.first_col_inner a {

        height: auto;

    }

    section#contact_us .row_def {

        display: block;

    }

    .portfoilo_row .col-md-4 a span {

        font-size: 21px;

    }

    .contact_form .inner_contact_row {

        padding: 0px 30px 60px;

    }

    .freeflowhtml .col-lg-12.text-center {

        text-align: left;

    }
    /*22-7-20*/
    #banner-carousel h1.h2-heading span {
        font-size: 24px;
    }
    #banner-carousel h1.h2-heading strong {
        font-size: 24px;
        line-height: 1.7;
    }
    section#hero_slider {
        height: auto;
    }
    .repeated-css {
        height: 800px;
    }
    #banner-carousel h1.h2-heading {
        font-size: 24px;
        line-height: 1.7;
    }
    #banner-carousel h3 {
        line-height: 1.8;
    }
    .row.associate-main {
        display: block;
    }
    .associate-with-title {
        width: 100%;
        background: #340824;
    }
    .associate-with-title h2 {
        padding: 30px;
        text-align: center;
        font-size: 21px;
    }
    .associate-with-slides {
        width: 100%;
    }
    .about-section .home_promo_banner {
        display: block;
    }
    .slider, #hero_slider {
        height: 800px;
    }
    .freeflowhtml.aem-GridColumn.aem-GridColumn--default--12 {
        position: relative;
    }
    .associate-with-img img {
        height: 40px;
    }
    .height-100vh {
        height: auto;
    }
    .content.home-second-heading-top h2 {
        font-size: 32px;
        line-height: 1.4;
        text-transform: capitalize;
    }
    .content.home-second-heading-top h3 {
        font-size: 19px;
    }
    .content.home-second-heading-top p {
        font-size: 16px;
        line-height: 1.7;
    }
    section#our_portfolio {
        padding: 80px 0;
    }
    .portfoilo_row h2 {
        font-size: 30px;
    }
    .index h2 + p {
        font-size: 17px;
    }
    section#our_portfolio div.row .sec_col_inner, section#our_portfolio div.row .first_col_inner,section#our_portfolio div.row .third_col_inner {
        width: 100%;
    }
    section#our_portfolio div.row a {
        height: 200px;
    }
    section#our_portfolio div.row .first_col_inner:nth-child(2) a {
        height: 200px;
    }
    .contact_form .inner_contact_row {
        padding: 20px 0px 60px;
    }
    .inner_contact_row h4 {
        font-size: 30px;
    }
    .inner_contact_row p {
        font-size: 14px;
    }
    #contact_us form.contact {
        margin-top: 30px;
    }
    .inner_con .row {
        display: block;
    }
    .bottom-row-contact {
        position: static;
    }
    .info {
        width: 100%;
        display: block;
    }
    .info:not(:first-child) {
        padding-left: 15px;
    }
    .info-in {
        margin-left: 0;
        width: 100%;
        margin-top: 30px;
    }
    .info p {
        font-size: 16px;
        line-height: 1.7;
    }
    .info p a ,.info p span{
        font-size: 16px;
        width: calc(100% - 55px);
        text-align: left;
        display: inline-block;
    }
    .info img {
        width: 40px;
    }
    .info p a {
        padding-top: 8px;
    }
    .footer-text {
        font-size: 14px;
    }
    footer .container-fluid.bg-white p {
        padding-bottom: 0;
        font-size: 14px;
        padding-top: 0;
    }
    footer ul.list-inline.footer-txt {
        /* display: none; */
    }
    .f1 {
        background-size: cover;
    }
    .with-sam-logo img {
        max-width: 100px;
        margin-top: -60px;
    }
    .cont-div {
        order: 2;
    }
    .content.home-second-heading-top {
        flex-flow: wrap;
    }
    section#contact_us {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/*600 to 767*/

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

    footer .col-md-3.col-xs-12 {

        width: 50%;

        float: left;

    }

    footer .container-fluid.bg-white .row {

        height: 60px;

        display: block;

    }
    /*22-7-20*/
    #banner-carousel h1.h2-heading {
        padding-top: 0px;
    }

    section#our_portfolio div.row a {
        height: 300px;
    }

    section#our_portfolio div.row .first_col_inner:nth-child(2) a {
        height: 300px;
    }
    html body:not(.index) .navbar-brand>img{
        max-width: 250px;
    }
}

/*768 to 1024*/

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

}


/*1280 to 1440*/
@media(min-width:1280px) and (max-width: 1440px){
    ul.nav.navbar-nav.navbar-right.top-nav {
        right: 60px;
    }
    .associate-with-img img {
        height: 50px;
    }
    section#our_portfolio div.row a {
        height: 200px;
    }
    section#our_portfolio div.row .first_col_inner:nth-child(2) a {
        height: 415px;
    }
    section#our_portfolio div.row a p {
        font-size: 20px;
    }
    .inner_contact_row h4 {
        font-size: 32px;
    }
    .inner_contact_row p {
        font-size: 19px;
    }
    #contact_us form.contact {
        margin-top: 30px;
    }
    section#contact_us {
        padding-top: 40px;
    }
    .info p {
        font-size: 17px;
    }
    .info p a {
        font-size: 17px;
    }
    .footer-text {
        font-size: 16px;
    }
    ul.footer-txt > li > a {
        font-size: 14px;
    }
    .container{
        width: 80%;
    }
    .associate-with-title h2 {
        font-size: 22px;
        padding-right: 70px;
    }
    .content.home-second-heading-top h3 {
        font-size: 16px;
    }
    .content.home-second-heading-top p {
        font-size: 17px;
        line-height: 1.7;
    }
    .content.home-second-heading-top h2 {
        font-size: 36px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .associate-with-img img {
        height: 50px;
    }
    section#our_portfolio div.row a {
        height: 200px;
    }
    section#our_portfolio div.row .first_col_inner:nth-child(2) a {
        height: 405px;
    }
    .portfoilo_row p {
        font-size: 19px;
    }
    #banner-carousel h1.h2-heading,#banner-carousel h1.h2-heading strong {
        font-size: 30px;
    }
    #banner-carousel h1.h2-heading span {
        font-size: 48px;
        line-height: 1.5;
    }
    #banner-carousel h3 {
        font-size: 22px;
        padding-right: 10px;
    }
    #contact_us form.contact input, #contact_us form.contact textarea {
        font-size: 14px;
    }
}
/*1441 to 1680*/
@media(min-width:1441px) and (max-width: 1680px){
    ul.nav.navbar-nav.navbar-right.top-nav {
        right: 60px;
    }
    .container{
        width: 80%;
    }
    .associate-with-title h2 {
        font-size: 24px;
    }
    .content.home-second-heading-top h3 {
        font-size: 22px;
    }
    .content.home-second-heading-top p {
        font-size: 22px;
    }
    .content.home-second-heading-top h2 {
        font-size: 42px;
    }
    .associate-with-img img {
        height: 50px;
    }
    section#our_portfolio div.row a {
        height: 200px;
    }
    section#our_portfolio div.row .first_col_inner:nth-child(2) a {
        height: 405px;
    }
    .portfoilo_row p {
        font-size: 19px;
    }
    .parallax-tn a.btn.btn-shutter-more {
        margin-top: 0px;
    }
    #hero_slider a.btn.btn-shutter-more {
        margin-top: 20px;
    }
}

/*Home Page*/
body.index {
    font-size: 1.091vw;
}
body.index .container-fluid {
    padding-right: 0.909vw;
    padding-left: 0.909vw;
}
body.index .row {
    margin-right: -0.909vw;
    margin-left: -0.909vw;
}
body.index .container {
    max-width: 88.485vw;
    padding-right: 0.909vw;
    padding-left: 0.909vw;
}
body.index .col-lg-1,body.index .col-lg-10,body.index .col-lg-11,body.index .col-lg-12,body.index .col-lg-2,body.index .col-lg-3,body.index .col-lg-4,body.index .col-lg-5,body.index .col-lg-6,body.index .col-lg-7,body.index .col-lg-8,body.index .col-lg-9,body.index .col-md-1,body.index .col-md-10,body.index .col-md-11,body.index .col-md-12,body.index .col-md-2,body.index .col-md-3,body.index .col-md-4,body.index .col-md-5,body.index .col-md-6,body.index .col-md-7,body.index .col-md-8,body.index .col-md-9,body.index .col-sm-1,body.index .col-sm-10,body.index .col-sm-11,body.index .col-sm-12,body.index .col-sm-2,body.index .col-sm-3,body.index .col-sm-4,body.index .col-sm-5,body.index .col-sm-6,body.index .col-sm-7,body.index .col-sm-8,body.index .col-sm-9,body.index .col-xs-1,body.index .col-xs-10,body.index .col-xs-11,body.index .col-xs-12,body.index .col-xs-2,body.index .col-xs-3,body.index .col-xs-4,body.index .col-xs-5,body.index .col-xs-6,body.index .col-xs-7,body.index .col-xs-8,body.index .col-xs-9 {
    min-height: 0.061vw;
    padding-right: 0.909vw;
    padding-left: 0.909vw;
}
body.index #banner-carousel h1.h2-heading {
    font-size: 2.182vw;
    font-weight: 200;
}
body.index #banner-carousel h1.h2-heading span {
    font-size: 3.636vw;
}
body.index #banner-carousel h1.h2-heading strong {
    font-size: 2.182vw;
}
body.index #banner-carousel h3 {
    font-size: 1.455vw;
    line-height: 2.182vw;
    max-width: 54.545vw;
}
body.index h3, body.index h4, body.index h5 {
    margin: 0.606vw 0;
}
body.index #hero_slider a.btn.btn-shutter-more {
    margin-top: 1.212vw;
}
body.index a.btn.btn-shutter-more {
    padding: 0.909vw 3.636vw;
    font-size: 1.091vw;
}
body.index .btn-shutter-more {
    border: 0.061vw solid #fff;
    letter-spacing: 1.0.303vw;
}
body.index .with-sam-logo img {
    width: 17.576vw;
    height: auto;
}
body.index .navbar .container {
    margin-top: 2.424vw;
}
body.index .navbar>.container .navbar-brand,body.index .navbar>.container-fluid .navbar-brand {
    margin-left: -0.909vw;
}
body.index .navbar-brand {
    padding: 0.303vw 0vw 0;
    height: 3.03vw;
    font-size: 1.091vw;
    line-height: 1.212vw;
}
body.index .navbar-brand>img {
    margin-top: -0.909vw;
    width: 17.03vw;
    height: 4.303vw;
}
body.index .navbar-right {
    margin-right: -0.909vw;
}
body.index ul.nav.navbar-nav.navbar-right.top-nav {
    right: 3.636vw;
}
body.index .navbar-default .top-nav.navbar-nav > li > img {
    width: 0.909vw;
    height: 0.909vw;
}
body.index .nav>li>a {
    padding: 0.606vw 0.909vw;
    line-height: 1.212vw;
}
body.index .navbar-default .navbar-nav > li > a {
    margin: 0 0.485vw;
}
body.index .navbar-default .top-nav.navbar-nav > li > a {
    padding-left: 0.485vw;
    font-size: 0.848vw;
}
body.index .navbar-default .top-nav.navbar-nav > li.social-head > a {
    font-size: 1.212vw;
}
body.index .progressbar {
    bottom: -0.182vw;
    width: 100%;
    height: 0.121vw;
}
body.index .progressbar .width {
    height: 0.182vw;
}
body.index .menu-bg {
    height: 2.727vw;
    width: 2.727vw;
    right: 0.606vw;
}
body.index .menu-bg, .burger {
    margin-top: 2.121vw;
    margin-right: 2.424vw;
}
body.index .circle {
    /*top: 3.939vw;*/
    right: 5.758vw;
    top: 0;
}
body.index .learn,body.index .innovate,body.index .automate {
    padding-top: 1.515vw;
}
div.burger {
    height: 2.909vw;
    width: 2.909vw;
    right: 0.485vw;
}
div.icon-bar1, div.icon-bar2, div.icon-bar3 {
    right: 0.909vw;
}
div.icon-bar1, div.icon-bar3 {
    height: 0.121vw;
    width: 1.091vw;
    top: -1.091vw;
}
div.icon-bar2 {
    height: 0.121vw;
    top: -0.121vw;
    width: 0.606vw;
}
div.icon-bar4 {
    width: 0.606vw;
    right: 0.909vw;
    height: 0.128vw;
}
body.index .associate-with-title h2 {
    padding-top: 3.03vw;
    padding-bottom: 2.424vw;
    px:;
    font-size: 1.455vw;
    padding-right: 6.061vw;
}
body.index .associate-with-img.slick-slide {
    height: 6.061vw;
}
body.index .associate-with-img img {
    height: 3.03vw;
}
body.index .home_promo_banner {
    padding: 6.061vw 0;
}
body.index .content.home-second-heading-top .image-div {
    padding: 0 1.212vw;
}
body.index .content.home-second-heading-top .image-div img {
    width: 100%;
}
body.index .content.home-second-heading-top .cont-div {
    padding: 0 1.212vw;
}
body.index .content.home-second-heading-top h2 {
    font-size: 2.545vw;
}
body.index .content.home-second-heading-top h3 {
    margin-bottom: 1.212vw;
    margin-top: 0.727vw;
    font-size: 1.333vw;
}
body.index .content.home-second-heading-top p {
    font-size: 1.333vw;
    line-height: 2.182vw;
}
body.index .content .animateThird {
    margin-top: 1.818vw;
}
body.index p {
    margin: 0 0 0.606vw;
}
body.index .mb20 {
    margin-bottom: 1.212vw;
}
body.index .portfoilo_row h2 {
    font-size: 2.909vw;
}
body.index .portfoilo_row p {
    margin-bottom: 0.606vw;
    font-size: 1.152vw;
}
body.index section#our_portfolio div.row .sec_col_inner {
    padding-left: 7.0.303vw;
    padding-right: 7.0.303vw;
}
body.index section#our_portfolio div.row a {
    margin-bottom: 0.909vw;
    height: 12.121vw;
}
body.index .portfoilo_row .col-md-4 a span {
    padding-bottom: 0.606vw;
    font-size: 1.455vw;
    color:;
    letter-spacing: .0.303vw;
}
body.index .plus-img {
    bottom: 1.212vw;
}
body.index .portfoilo_row .col-md-4 a .plus-img img {
    max-width: 4.242vw;
    position:;
    margin-bottom: 0.909vw;
}
body.index section#our_portfolio div.row a p {
    padding-left: 0.909vw;
    padding-right: 0.909vw;
}
body.index section#our_portfolio div.row .first_col_inner:nth-child(2) a {height: 24.545vw;}
body.index .img-div img {
    width: 100%;
}
body.index .contact_form .inner_contact_row {
    padding: 1.818vw;
}
body.index .inner_contact_row h4 {
    font-size: 2.909vw;
}
body.index .inner_contact_row p {
    font-size: 1.455vw;
}
body.index .inner_contact_row .col-sm-6,body.index .inner_contact_row .col-sm-12 {
    margin-bottom: 3.636vw;
}
body.index .inner_contact_row .col-sm-6 input,body.index .inner_contact_row .col-sm-12 textarea {
    min-height: 1.818vw;
    padding-bottom: 0.485vw;
}
body.index #contact_us form.contact input, body.index #contact_us form.contact textarea {
    padding:;
    font-size: 1.03vw;
}
.index h2 + p {
    padding-top: 0.606vw;
    margin-left: auto;
    margin-right: auto;
}
body.index #contact_us form.contact input[type="submit"] {
    padding: 0.909vw 3.636vw;
    font-size: 1.091vw;
    letter-spacing: .0.303vw;
    border: 0.061vw solid;
}
div.menu-bg, div.burger {
    margin-top: 2.121vw;
    margin-right: 2.424vw;
}
div.icon-bar3 {
    top: 0.848vw;
}
body.index #fp-nav.right {
    right: 1.03vw;
}
body.index #fp-nav ul li, body.index .fp-slidesNav ul li {
    width: 0.848vw;
    height: 0.788vw;
    margin: 0.424vw;
}
body.index #fp-nav ul li a.active span, body.index .fp-slidesNav ul li a.active span, body.index #fp-nav ul li:hover a.active span,body.index body.index .fp-slidesNav ul li:hover a.active span {
    height: 0.727vw;
    width: 0.727vw;
    margin: -0.364vw 0 0 -0.364vw;
}
body.index #fp-nav ul li a span,body.index .fp-slidesNav ul li a span {
    height: 0.242vw;
    width: 0.242vw;
    margin: -0.121vw 0 0 -0.121vw;
}
div.icon-bar1 {top: -1.191vw;}
div.icon-bar4 {
    top: 1.818vw;
}
div#fp-nav {
    padding: 0.606vw 0;
    border-radius: 1.515vw;
}
body.index .portfoilo_row p {
    max-width: 42.424vw;
}
body.index .portfoilo_row p {
    margin-left: auto;
    margin-right: auto;
}
body.index .mt50 {
    margin-top: 3.03vw;
}
body.index .nav>li:last-child>a {
    padding-right: 0;
}
body.index ul.nav.navbar-nav.navbar-right.top-nav {
    right: calc(0.909vw * 2);
}
body .circle {
    height: 100vh;
    top: 0;
    right: 0;
    border-radius: 0;
    transition: none !important;
}
/*200 to 767*/
@media(min-width: 200px) and (max-width: 767px){
    div.icon-bar1, div.icon-bar2, div.icon-bar3, div.icon-bar4 {
        right: 4vw;
        bottom: 0px;
    }
    div.icon-bar1, div.icon-bar3 {
        height: .58vw;
        width: 5vw;
        top: -5vw;
    }
    div.icon-bar1 {
        top: -5vw;
    }
    div.icon-bar2 {
        height: .58vw;
        top: -.58vw;
        width: 3vw;
    }
    div.icon-bar3 {
        top: 4vw;
    }
    div.icon-bar4 {
        width: 3vw;
        top: 8.4vw;
        right: 4.4vw;
        height: .58vw;
    }
    div.burger {
        height: 13.335vw;
        width: 13.335vw;
        right: 1vw;
    }
    body.index .navbar-brand>img {
        margin-top: 2.121vw;
        width: 42vw;
        height: auto;
        max-width: unset;
    }
    body.index #banner-carousel h1.h2-heading {
        font-size: 6vw;
        line-height: 1.4;
    }
    body.index #banner-carousel h1.h2-heading span {
        font-size: 6vw;
        line-height: 1.4;
    }
    body.index #banner-carousel h1.h2-heading strong {
        font-size: 6vw;
        line-height: 1.4;
    }
    body.index #banner-carousel h3 {
        font-size: 3.8vw;
        line-height: 1.7;
        max-width: 101%;
        margin-bottom: 5.6vw;
    }
    body.index #hero_slider a.btn.btn-shutter-more {
        margin-top: 0;
        font-size: 3.4vw;
        text-transform: capitalize;
        padding: 3.4vw 5vw;
    }
    body.index .with-sam-logo img {
        width: 28vw;
        height: auto;
        max-width: unset;
        margin-top: 0vw;
    }
    body #hero_slider div.with-sam-logo {
        opacity: 1;
        position: absolute;
        height: auto;
        width: calc(100% - 5vw);
        transform: none;
        bottom: 0;
        right: 5vw;
    }
    body.index #fp-nav ul li, body.index .fp-slidesNav ul li {
        width: 3vw;
        height: 3vw;
        margin: 3vw 1.5vw;
    }
    div#fp-nav {
        border-radius: 50px;
    }
    body.index #fp-nav ul li a.active span, body.index .fp-slidesNav ul li a.active span, body.index #fp-nav ul li:hover a.active span, body.index body.index .fp-slidesNav ul li:hover a.active span {
        width: 2.4vw;
        height: 2.4vw;
        margin: 0;
        background: #770663;
        opacity: 1;
    }
    body.index #fp-nav ul li a span, body.index .fp-slidesNav ul li a span {
        width: 1.8vw;
        height: 1.8vw;
        margin: 0;
        transform: translateX(-50%);
        opacity: .8;
        border-radius: 50px;
    }
    .menu .menuItems {
        height: 100%;
        text-align: center;
        padding-top: 10vh;
    }
    img.img-responsive.logo-inner {
        margin: 1.212vw 0;
        max-width: 15.152vw;
        width: 15.152vw;
    }
    img.img-responsive.logo-inner {
        margin: 3vw 0;
        max-width: 60vw;
        width: 42vw;
    }
    div.menuItems > ul > li > a {
        font-size: 5vw;
    }
    div.menuItems > ul > li.smalltext > a {
        font-size: 4.5vw;
    }
    div.menuItems > ul > li {
        padding-bottom: 2.424vw;
        margin-bottom: 2.788vw;
    }
    div.menuItems > ul > li.smalltext.last-sma-text {
        margin-bottom: 5.212vw;
    }
    div.menuItems > ul > li.social-icons a {
        margin-right: 4vw;
    }
    div.burger.open {
        width: 8.03vw;
        height: 8.03vw;
    }
    div.open > .collapse {
        height: 8vw;
        width: .6vw;
        /*right: 8vw;
        top: 8vw !important;*/
        top: 0 !important;
        right: 4vw;
    }
    body.index .content.home-second-heading-top h2 {
        font-size: 6vw;
        margin-bottom: 3vw;
    }
    body.index .content.home-second-heading-top h3 {
        font-size: 3.5vw;
    }
    body.index .content.home-second-heading-top p {
        font-size: 3vw;
        line-height: 2.5vh;
    }
    body.index a.btn.btn-shutter-more {
        font-size: 4.091vw;
    }
    body.index .content.home-second-heading-top .image-div img {
        height: 50vw;
        width: auto;
    }
    section#our_portfolio {
        height: 100vh;
        padding-top: 0vw;
        padding-bottom: 4vw;
        padding-top: 8vw;
        align-items: flex-start;
    }
    body.index .portfoilo_row h2 {
        font-size: 6.8vw;
        text-align: center;
    }
    body.index .portfoilo_row p {
        max-width: 100%;
        font-size: 3.5vw;
        text-align: center;
    }
    section#our_portfolio div.row .sec_col_inner, section#our_portfolio div.row .first_col_inner, section#our_portfolio div.row .third_col_inner {
        width: 50%;
    }
    body.index section#our_portfolio div.row a {
        height: 20vh;
    }
    section#our_portfolio div.row:last-child {
        display: flex;
        max-width: unset;
        flex-flow: wrap;
    }
    body.index section#our_portfolio div.row .first_col_inner:nth-child(2) a {
        height: 25vh;
    }
    section#our_portfolio div.row:last-child .sec_col_inner:first-child {
        order: 1;
        flex: 0 0 50%;
        padding-left: 1vw;
        padding-right: 1vw;
        padding-bottom: 0vw;
        padding-top: 1vw;
    }
    section#our_portfolio div.row:last-child .third_col_inner {
        order: 2;
        flex: 0 0 50%;
        padding-left: 1vw;
        padding-right: 1vw;
        padding-bottom: 0vw;
        padding-top: 1vw;
    }
    section#our_portfolio div.row:last-child .first_col_inner {
        order: 3;
        flex: 0 0 100%;
        padding-left: 1vw;
        padding-right: 1vw;
        padding-bottom: 1vw;
        padding-top: 0vw;
    }
    .index .mb40 {
        margin-bottom: 3vh !important;
    }
    section#hero_slider {
        height: 100vh;
    }
    body.index .associate-with-title h2 {
        font-size: 4.5vw;
        padding: 5.35vw;
    }
    body.index .associate-with-img img {
        height: 6vh;
    }
    body.index .associate-with-img.slick-slide {
        height: 12vh;
    }
    article.associate-with:before {
        background: transparent;
    }
    .caption {
        top: calc(50% - 5vh);
    }
    body.index .img-div img {
        height: 50vw;
        width: auto;
        margin: 0 auto;
        margin-bottom: 4vw;
    }
    section#contact_us {
        padding-top: 8vw;
        padding-bottom: 8vw;
    }
    section#contact_us article.container {
    }
    body.index .inner_contact_row h4 {
        font-size: 6vw;
        margin-bottom: 2vw;
    }
    body.index .inner_contact_row p {
        font-size: 3.3vw;
        line-height: 5vw;
    }
    body.index #contact_us form.contact input, body.index #contact_us form.contact textarea {
        font-size: 3vw;
    }
    #contact_us form.contact {
        margin-top: 6vw;
    }
    body.index .inner_contact_row .col-sm-6, body.index .inner_contact_row .col-sm-12 {
        margin-bottom: 4vw;
    }
    body.index #contact_us form.contact input[type="submit"] {
        font-size: 3.5vw;
        padding: 1.909vw 6.636vw;
    }
    .for-home footer {
        background-size: cover;
        background-position: right bottom;
        padding-bottom: 8vh;
    }
    .footer-logo {
        margin-bottom: 5vw;
    }
    .for-home .footer-logo img {
        max-width: unset;
        height: 14vw;
        width: auto;
    }
    .for-home .footer-text {
        font-size: 3.5vw;
        line-height: 5vw;
        max-width: unset;
        padding-right: 0;
        margin-bottom: 6vw;
    }
    .col-foot.col-foot2 {
        width: 50%;
        float: left;
    }
    .for-home .col-foot:not(.col-foot1) {
        width: 50%;
        text-align: left;
    }

    .for-home h3.ftr-head {
        font-size: 3vw;
    }
    .col-foot ul.footer-txt > li a {
        font-size: 3vw;
        line-height: 5vw;
    }
    .for-home .col-foot.col-foot4 {
        width: 100%;
        padding-top: 5vw;
    }
    .for-home .row.v-centered-f {
        max-width: 100%;
    }
    .right-con-f {
        float: left;
        width: 100%;
    }
    .for-home .col-foot:not(.col-foot1).col-foot3 {
        border-right: 0;
    }
    .for-home ul.footer-txt > li.with-ico span {
        padding-left: 3.5vw;
    }
    .for-home ul.footer-txt > li.with-ico i {
        padding-top: 1vw;
    }
    ul.list-inline.footer-txt {margin-left: 3.5vw;}
    .for-home footer .container-fluid.bg-white p {
        font-size: 3.5vw;
    }
    .slider, #hero_slider {
        height: 100%;
    }
    .index .mb-xs-10 {
        margin-bottom: 3vw;
    }
    .menuItems ul.list-unstyled {
        margin-bottom: 3vw;
    }
    section#small_slider{
        bottom: 7vh;
    }
    body.index #fp-nav.right {
        right: 1.5vw;
    }
    /*About Page*/
    .inner-page .slider-item {
        height: auto;
        padding-top: 180px;
        padding-bottom: 60px;
    }
    .inner-page h2 {
        font-size: 30px;
    }
    .inner-page p {
        max-width: unset;
    }
    .navbar-brand>img {
        margin-top: 0;
        max-width: 150px;
    }
    .inner-page .slider-text {
        display: block;
    }
    .img-in-ban {
        position: static;
        margin-top: 30px;
    }
    .img-in-ban img{
        max-width: 70%;
    }
    a.navbar-brand {
        padding-left: 0;
    }
    .pb-120 {
        padding-bottom: 60px;
    }
    .pt-120 {
        padding-top: 60px;
    }
    .title-div h2 {
        font-size: 24px;
    }
    .title-div span {
        font-size: 18px;
    }
    .title-div p {
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .story-main-in:first-child {
        padding-top: 30px;
    }
    .story-main.row:before {
        opacity: 0;
    }
    .story-main-in {
        padding-top: 10px;
        padding-bottom: 10px;
        display: flex;
        flex-flow: wrap;
        flex-direction: row;
    }
    .story-main-in > div {
        padding: 0 30px;
    }
    .date-story {
        text-align: left;
    }
    .date-story p:before {
        opacity: 1;
        left: 0;
    }
    .story-main-in div.date-story p {
        padding-left: 40px;
    }
    .story-main-in span {
        font-size: 21px;
        margin-bottom: 12px;
    }
    .story-main-in p {
        font-size: 14px;
    }
    .story-main-in:nth-child(even) >div:nth-child(1) {
        order: 2;
    }
    .story-main-in:nth-child(even) >div:nth-child(2) {
        order: 1;
    }
    .story-main-in:nth-child(even) .date-story p::before {
        left: 0;
    }
    .text-story {
        text-align: left;
    }
    .story-main-in:last-child {
        padding-bottom: 0;
    }
    .pb-100 {
        padding-bottom: 60px;
    }
    .pt-100 {
        padding-top: 60px;
    }
    .title-div h2 {
        font-size: 21px;
    }
    .sam-logo img {
        max-width: 200px;
    }
    .affiliate-text.text-center.text-light {
        padding-left: 30px;
        padding-right: 30px;
    }
    .affiliate-text p {
        font-size: 14px;
    }
    .affiliate-logo-repeat.slick-slide {
        text-align: center;
        padding: 30px;
    }
    .affiliate-logo-repeat img {
        margin: 0 auto;
    }
    .affiliate-sec > .container-fluid {
        background: #fff;
        width: 80%;
    }
    .segment-main {
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .segment-repeater h4 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .segment-repeater p {
        font-size: 20px;
        line-height: 1.5;
    }
    .segment-repeater span {
        font-size: 15px;
        line-height: 1.7;
        font-weight: normal;
    }
    .cont-segment {
        padding: 0;
        margin-bottom: 50px;
    }
    .segment-repeater {
        width: auto;
        flex-flow: wrap;
    }
    .segment-repeater > div {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .img-segment img {
        height: auto;
        min-height: unset;
        width: 100%;
    }
    .img-segment:before {
        background: none;
        display: none;
    }
    a.btn.btn-shutter-more {
        font-size: 14px;
        padding: 15px 30px;
    } 
    .segment-repeater:nth-child(even) .cont-segment {
        text-align: left;
    }
    .segment-repeater:nth-child(even) > div:nth-child(1) {
        order: 2;
    }
    .segment-repeater:nth-child(even) > div:nth-child(2) {
        order: 1;
    }
    body:not(.index) section#our_portfolio {
        height: auto;
        padding-bottom: 60px;
        padding-top: 60px;
    }
    body:not(.index) .img-div img {
        width: 80%;
        margin: 0 auto;
    }
    body:not(.index) section#our_portfolio .row {
        max-width: unset;
    }
    body:not(.index) section#our_portfolio .row .digital_mark_head {
        padding: 0;
    }
    body:not(.index) section#our_portfolio .row .digital_mark_head h2.text-uppercase {
        font-size: 24px;
    }
    body:not(.index) section#our_portfolio p {
        font-size: 14px;
    }
    body:not(.index) section#contact_us {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    body:not(.index) section#contact_us h4 {
        font-size: 24px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    body:not(.index) section#contact_us .cont-div {
        padding: 0;
    }
    body:not(.index) section#contact_us .cont-div .col-sm-6 {
        width: 100%;
        padding: 0;
        margin-bottom: 40px; 
    }
    .digital-port-main .digital-port-repeater {
        margin-right: 5px;
        margin-left: 5px;
    }
    .row-digital-portfolio {
        padding: 0;
    }
    /*digital*/
    .digitalstory-main-in {
        flex-flow: wrap;
        padding-left: 15px;
        padding-right: 15px;
    }
    .digitalstory-main-in > div:nth-child(odd) {
        padding-right: 15px;
    }
    .digitalstory-main-in h4 {
        font-size: 21px;
        padding-left: 30px;
    }
    .digitalstory-main-in p {
        font-size: 14px;
        line-height: 1.7;
    }
    .digitalstory-main-in > div:nth-child(even):before {
        opacity: 0;
    }
    .digitalstory-main-in > div:nth-child(even) {
        padding-left: 15px;
    }
    .digitalstory-main-in h4:before {
        left: 0;
    }
    .text-digitalstory {
        padding-left: 0px;
    }
    .digitalstory-main-in span {
        font-size: 18px;
    }
    .section.digitalstory-sec {
        background-position: center;
    }
    .section.digitalstory-sec.pt-120.pb-120 {
        padding-bottom: 0;
    }
    .repeatr-paragon h4 {
        font-size: 21px;
        line-height: 1.4;
    }
    .repeatr-paragon {
        padding: 0 15px;
    }
    .row.repeatr-paragon {
        flex-flow: wrap;
        background: transparent;
        margin-bottom: 50px;
    }
    .text-digitalstory:last-child {
        margin-bottom: 0;
    }
    .repeatr-paragon h3 {
        font-size: 18px;
        line-height: 1.4;
    }
    .repeatr-paragon p {
        font-size: 14px;
        line-height: 1.7;
    }
    .row.repeatr-paragon:nth-child(odd) .cont-paragon {
        order: 2;
        margin-top: 30px;
    }
    .image-paragon img {
        max-width: 240px;
        margin: 0 auto;
    }
    .image-paragon {
        text-align: center;
    }
    .cont-paragon > div {
        text-align: center;
    }
    .paragon-sec.pb-100.pt-100 {
        padding-bottom: 0;
    }
    h2.digital-title span {
        font-size: 16px;
    }
    h2.digital-title {
        font-size: 32px;
    }
    .digital-port-main .slick-list.draggable {
        overflow: hidden;
    }
    .port-small-img > div {
        text-align: center;
        box-shadow: none;
        border: 1px solid;
        max-width: 200px;
        margin: 0 auto 30px;
    }
    .port-small-img > div img {
        margin: 0 auto;
    }
    .port-digi-cont h4 {
        font-size: 21px;
    }
    .port-digi-cont p {
        font-size: 14px;
    }
    .port-digi-cont {
        text-align: center;
    }
    .digital-port-main button.slick-arrow {
        bottom: 0;
    }
    .digital-portfolio-sec .digital-port-main {
        padding-bottom: 60px;
    }
    body:not(.index) div.height-100vh:not(#footer_bot) {
        padding: 0;
    }
    body:not(.index) .contact_form .inner_contact_row {
        padding-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    /*Creative*/
    .crative-process > .creative-4 > div {
        margin-bottom: 50px;
    }
    .crative-process div h4 {
        font-size: 22px;
    }
    .crative-process p {
        line-height: 1.7;
    }
    body:not(.index) section#contact_us .cont-div .col-sm-12 {
        padding-right: 0;
    }
    body:not(.index) .navbar-brand>img {
        margin-top: 0;
        max-width: 200px;
    }
    /*Development Solution*/
    .tab-sec-port h2.digital-title {
        width: 100%;
    }
    .tab-sec-port ul.nav.nav-tabs {
        width: 100%;
    }
    .tab-sec-port ul.nav.nav-tabs li a {
        text-align: center;
        font-size: 14px;
        padding-top: 30px;
    }
    .tab-sec-port ul.nav.nav-tabs li {
        width: 100%;
    }
    /*popup*/
    .modal-header {
        padding-top: 25px;
        padding-bottom: 10px;
    }
    h2.modal-title {
        font-size: 24px;
    }
    .modal-header p {
        font-size: 14px;
        margin-bottom: 0;
    }
    button.close {
        background: #340724;
        width: 40px;
        height: 40px;
        font-size: 12px;
    }
    .modal-body .form-control {
        font-size: 12px;
        padding-bottom: 8px;
    }
    .modal-footer button.btn.btn-primary {
        font-size: 12px;
        padding: 10px 20px;
    }
    .modal-footer {
        padding-bottom: 30px;
    }
    .modal-dialog {
        margin-top: 80px;
        max-width: 95%;
        width: 100%;
    }
    div#preloader img {
        max-width: 150px;
    }
    body.index section#contact_us img.visible-xs {
        height: 40vw;
    }
    .privacy-policy.title-div h2 {
        font-size: 18px;
        line-height: 1.7;
    }
    .privacy-policy.title-div li {
        font-size: 15px;
        line-height: 1.7;
        margin-top: 15px;
    }
    body:not(.index) div.burger {
        margin-top: 18px !important;
    }
    body:not(.index) div.burger.open {
        margin-top: 10px !important;
    }
    .navbar .container {
        margin-top: 20px;
    }
}  
/*768 to 980*/
@media(min-width:768px) and (max-width: 980px){
    div.icon-bar1, div.icon-bar2, div.icon-bar3, div.icon-bar4 {
        right: 4vw;
        bottom: 0px;
    }
    div.icon-bar1, div.icon-bar3 {
        height: 0.58vw;
        width: 5vw;
        top: -5vw;
    }
    div.icon-bar1 {
        top: -5vw;
    }
    div.icon-bar2 {
        height: .58vw;
        top: -.58vw;
        width: 3vw;
    }
    div.icon-bar3 {
        top: 4vw;
    }
    div.icon-bar4 {
        width: 3vw;
        top: 8.4vw;
        right: 4.4vw;
        height: .58vw;
    }
    div.burger {
        height: 13.335vw;
        width: 13.335vw;
        right: 1vw;
    }
    body.index .navbar-brand>img {
        margin-top: 2.121vw;
        width: 42vw;
        height: auto;
        max-width: unset;
    }
    body.index #banner-carousel h1.h2-heading {
        font-size: 4vw;
        line-height: 1.4;
    }
    body.index #banner-carousel h1.h2-heading span {
        font-size: 4vw;
        line-height: 1.4;
    }
    body.index #banner-carousel h1.h2-heading strong {
        font-size: 4vw;
        line-height: 1.4;
    }
    body.index #banner-carousel h3 {
        font-size: 3vw;
        line-height: 1.7;
        max-width: 101%;
        margin-bottom: 5.6vw;
    }
    body.index #hero_slider a.btn.btn-shutter-more {
        margin-top: 0;
        font-size: 3.4vw;
        text-transform: capitalize;
        padding: 3.4vw 6vw;
    }
    body.index .with-sam-logo img {
        width: 28vw;
        height: auto;
        max-width: unset;
        margin-top: 0vw;
    }
    body #hero_slider div.with-sam-logo {
        opacity: 1;
        position: absolute;
        height: auto;
        width: auto;
        transform: none;
        bottom: 0;
        right: 13vw;
        padding: 0;
    }
    body.index #fp-nav ul li, body.index .fp-slidesNav ul li {
        width: 3vw;
        height: 3vw;
        margin: 3vw 1.5vw;
    }
    div#fp-nav {
        border-radius: 50px;
    }
    body.index #fp-nav ul li a.active span, body.index .fp-slidesNav ul li a.active span, body.index #fp-nav ul li:hover a.active span, body.index body.index .fp-slidesNav ul li:hover a.active span {
        width: 2.4vw;
        height: 2.4vw;
        margin: 0;
        background: #770663;
        opacity: 1;
    }
    body.index #fp-nav ul li a span, body.index .fp-slidesNav ul li a span {
        width: 1.8vw;
        height: 1.8vw;
        margin: 0;
        transform: translateX(-50%);
        opacity: .8;
        border-radius: 50px;
    }
    .menu .menuItems {
        height: 100%;
        text-align: center;
        padding-top: 6vh;
    }
    img.img-responsive.logo-inner {
        margin: 1.212vw 0;
        max-width: 15.152vw;
        width: 15.152vw;
    }
    img.img-responsive.logo-inner {
        margin: 3vw 0;
        max-width: 60vw;
        width: 50vw;
    }
    div.menuItems > ul > li > a {
        font-size: 4.5vw;
    }
    div.menuItems > ul > li.smalltext > a {
        font-size: 4.5vw;
    }
    div.menuItems > ul > li {
        padding-bottom: 1.5vw;
        margin-bottom: 1.8vw;
    }
    div.menuItems > ul > li.smalltext.last-sma-text {
        margin-bottom: 5.212vw;
    }
    div.menuItems > ul > li.social-icons a {
        margin-right: 4vw;
    }
    div.burger.open {
        width: 8.03vw;
        height: 8.03vw;
    }
    div.open > .collapse {
        height: 8vw;
        width: .6vw;
        /*right: 8vw;
        top: 8vw !important;*/
        top: 0 !important;
        right: 4vw;
    }
    body.index .content.home-second-heading-top h2 {
        font-size: 5vw;
        margin-bottom: 3vw;
        line-height: 1.3;
    }
    body.index .content.home-second-heading-top h3 {
        font-size: 3.5vw;
    }
    body.index .content.home-second-heading-top p {
        font-size: 3.5vw;
        line-height: 3.5vh;
    }
    body.index a.btn.btn-shutter-more {
        font-size: 4vw;
        padding: 1.909vw 5.636vw;
    }
    body.index .content.home-second-heading-top .image-div img {
        height: 50vw;
        width: auto;
    }
    section#our_portfolio {
        height: 100vh;
        padding-top: 0vw;
        padding-bottom: 8vw;
    }
    body.index .portfoilo_row h2 {
        font-size: 6.8vw;
        text-align: center;
    }
    body.index .portfoilo_row p {
        max-width: 100%;
        font-size: 3vw;
        text-align: center;
    }
    section#our_portfolio div.row .sec_col_inner, section#our_portfolio div.row .first_col_inner, section#our_portfolio div.row .third_col_inner {
        width: 50%;
    }
    body.index section#our_portfolio div.row a {
        height: 18vh;
    }
    section#our_portfolio div.row:last-child {
        display: flex;
        max-width: unset;
        flex-flow: wrap;
    }
    body.index section#our_portfolio div.row .first_col_inner:nth-child(2) a {
        height: 26vh;
    }
    section#our_portfolio div.row:last-child .sec_col_inner:first-child {
        order: 1;
        flex: 0 0 50%;
        padding-left: 1vw;
        padding-right: 1vw;
        padding-bottom: 0vw;
        padding-top: 1vw;
    }
    section#our_portfolio div.row:last-child .third_col_inner {
        order: 2;
        flex: 0 0 50%;
        padding-left: 1vw;
        padding-right: 1vw;
        padding-bottom: 0vw;
        padding-top: 1vw;
    }
    section#our_portfolio div.row:last-child .first_col_inner {
        order: 3;
        flex: 0 0 100%;
        padding-left: 1vw;
        padding-right: 1vw;
        padding-bottom: 1vw;
        padding-top: 0vw;
    }
    .index .mb40 {
        margin-bottom: 3vh !important;
    }
    section#hero_slider {
        height: 100vh;
    }
    body.index .associate-with-title h2 {
        font-size: 3vw;
        padding: 4.35vw;
        text-align: center;
    }
    body.index .associate-with-img img {
        height: 8vh;
    }
    body.index .associate-with-img.slick-slide {
        height: 12vh;
    }
    article.associate-with:before {
        background: transparent;
    }
    .caption {
        top: calc(40% - 5vh);
    }
    body.index .img-div img {
        height: 40vw;
        width: auto;
        margin: 0 auto;
        margin-bottom: 4vw;
    }
    section#contact_us {
        padding-top: 0;
        padding-bottom: 0;
        height: auto;
    }
    section#contact_us article.container {
    }
    body.index .inner_contact_row h4 {
        font-size: 5vw;
        margin-bottom: 2vw;
    }
    body.index .inner_contact_row p {
        font-size: 3vw;
        line-height: 4.5vw;
    }
    body.index #contact_us form.contact input, body.index #contact_us form.contact textarea {
        font-size: 3vw;
    }
    #contact_us form.contact {
        margin-top: 5vw;
    }
    body.index .inner_contact_row .col-sm-6, body.index .inner_contact_row .col-sm-12 {
        margin-bottom: 4vw;
    }
    body.index #contact_us form.contact input[type="submit"] {
        font-size: 3.5vw;
        padding: 1.909vw 6.636vw;
    }
    .for-home footer {
        background-size: cover;
        background-position: right bottom;
        padding-bottom: 4vh;
        padding-top: 4vh;
    }
    .footer-logo {
        margin-bottom: 2vw;
    }
    .for-home .footer-logo img {
        max-width: unset;
        height: 12vw;
        width: auto;
    }
    .for-home .footer-text {
        font-size: 3vw;
        line-height: 4vw;
        max-width: unset;
        padding-right: 0;
        margin-bottom: 3vw;
    }
    .col-foot.col-foot2 {
        width: 50%;
        float: left;
    }
    .for-home .col-foot:not(.col-foot1) {
        width: 50%;
        text-align: left;
    }

    .for-home h3.ftr-head {
        font-size: 3vw;
    }
    .col-foot ul.footer-txt > li a {
        font-size: 3vw;
        line-height: 5vw;
    }
    .for-home .col-foot.col-foot4 {
        width: 100%;
        padding-top: 2vw;
    }
    .for-home .row.v-centered-f {
        max-width: 100%;
    }
    .right-con-f {
        float: left;
        width: 100%;
    }
    .for-home .col-foot:not(.col-foot1).col-foot3 {
        border-right: 0;
    }
    .for-home ul.footer-txt > li.with-ico span {
        padding-left: 3.5vw;
    }
    .for-home ul.footer-txt > li.with-ico i {
        padding-top: 1vw;
    }
    ul.list-inline.footer-txt {margin-left: 3.5vw;}
    .for-home footer .container-fluid.bg-white p {
        font-size: 3.5vw;
    }
    .slider, #hero_slider {
        height: 100%;
    }
    .index .mb-xs-10 {
        margin-bottom: 3vw;
    }
    .menuItems ul.list-unstyled {
        margin-bottom: 0;
    }
    section#small_slider{
        bottom: 20vh;
    }
    .sam-logo-ban .first_col {
        width: 100%;
    }
    body.index #fp-nav.right {
        right: 1.5vw;
    }
    section#small_slider .container {
        max-width: 88.485vw;
        padding: 0;
        margin: 0 auto;
    }
    body.index .associate-with-title {
        background: #340824;
        padding-right: 0;
        padding-left: 0;
    }
    .content.home-second-heading-top {
        flex-wrap: wrap;
        flex-direction: row;
        flex-flow: wrap;
    }
    .image-div img.hidden-xs {
        display: none;
    }
    .image-div img.visible-xs {
        display: block !important;
        margin: 0 auto;
        margin-bottom: 5vw;
    }
    body.index .content.home-second-heading-top .image-div {
        order: 1;
    }
    body.index .content.home-second-heading-top .cont-div {
        order: 2;
    }
    section#our_portfolio div.row a p {
        font-size: 3.5vw;
    }
    section#contact_us .row_def {
        flex-direction: row;
        flex-flow: wrap;
        flex-wrap: wrap;
        display: block;
    }
    .header nav.navbar .header-menu.hidden-tab {
        display: none !important;
    }
    /*about page*/
    .segment-repeater p {
        font-size: 18px;
        line-height: 26px;
    }
    .segment-repeater span {
        font-size: 16px;
        line-height: 1.7;
    }
    body:not(.index) section#our_portfolio {
        height: auto;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    body:not(.index) div#home_sec7 {
        height: auto;
    }
    body:not(.index) div#parallax-7 {
        height: auto;
    }
    body:not(.index) section#contact_us {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    body:not(.index) div#footer_bot {
        height: auto;
    }
    .story-main-in:first-child {
        padding-top: 100px;
    }
    .story-main-in {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .story-main-in span {
        font-size: 21px;
    }
    .story-main-in p {
        font-size: 15px;
    }
    .story-main-in:last-child {
        padding-bottom: 80px;
    }
    body:not(.index) div.footer footer {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    /*Digital*/
    .inner-page h2 {
        font-size: 36px;
    }
    .inner-page p {
        font-size: 16px;
    }
    .img-in-ban {
        width: 350px;
        right: 50px;
    }
    .digitalstory-main-in h4 {
        font-size: 26px;
    }
    .digitalstory-main-in p {
        font-size: 16px;
        line-height: 1.8;
        font-weight: normal;
    }
    .digitalstory-main-in span {
        font-size: 21px;
        margin-bottom: 10px;
        display: inline-block;
        width: 100%;
    }
    .text-digitalstory {
        padding-left: 30px;
    }
    .digitalstory-main-in h4:before {
        left: -41px;
    }
    .section.digitalstory-sec.pt-120.pb-120 {
        padding-bottom: 0;
    }
    .text-digitalstory-one {
        padding-left: 30px;
    }
    .text-digitalstory-one h4 {
        line-height: 1.4;
    }
    .digitalstory-main-in > div:nth-child(odd) {
        padding-right: 30px;
    }
    .repeatr-paragon {
        background: transparent;
    }
    .repeatr-paragon:nth-child(even) {
        background: transparent;
    }
    .row.repeatr-paragon .cont-paragon {
        width: 100%;
        order: 2;
        margin-top: 30px;
        text-align: center;
    }
    .row.repeatr-paragon {
        flex-flow: wrap;
    }
    .row.repeatr-paragon .image-paragon {
        width: 100%;
        text-align: center;
    }
    .row.repeatr-paragon .image-paragon img {
        max-width: 500px;
        margin: 0 auto;
    }
    .repeatr-paragon h4 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .repeatr-paragon h3 {
        font-size: 25px;
    }
    .repeatr-paragon p {
        font-size: 19px;
        line-height: 1.7;
    }
    .port-small-img > div {
        max-width: 200px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 30px;
    }
    .port-small-img > div img {
        margin: 0 auto;
    }
    .port-digi-cont {
        text-align: center;
    }
    .digital-port-main .slick-track {
        padding-bottom: 70px;
    }
    .digital-port-main button.slick-arrow {
        bottom: 0;
    }
    body:not(.index) div.height-100vh:not(#footer_bot) {
        padding-top: 0;
        padding-bottom: 0;
    }
    /*Creative Service*/
    .creative-4 > div {
        margin-bottom: 30px;
    }
    .crative-process p {
        line-height: 1.7;
    }
    body:not(.index) .navbar-brand>img {
        margin-top: 0;
    }
    /*Digital Solution*/
    .tab-sec-port h2.digital-title {
        width: 100%;
    }
    .tab-sec-port ul.nav.nav-tabs {
        width: 100%;
    }
    .tab-sec-port ul.nav.nav-tabs li a {
        text-align: center;
        font-size: 14px;
        padding-top: 30px;
    }
    .row.associate-main {
        display: block;
    }
    .associate-with-title {
        width: 100%;
        background: #340824;
    }
    .associate-with-title h2 {
        padding: 30px;
        text-align: center;
        font-size: 21px;
    }
    .associate-with-slides {
        width: 100%;
    }
}
/*981 to 1279*/
@media(min-width: 981px) and (max-width: 1279px){
    .segment-repeater h4 {
        font-size: 30px;
    }
    .segment-repeater p {
        font-size: 24px;
    }
    .segment-repeater span {
        font-size: 20px;
    }
    body:not(.index) div.parallax-tn.height-100vh {
        height: auto;
        padding-top: 120px;
        padding-bottom: 120px;
    }
    body:not(.index) div#footer_bot {
        padding: 0;
    }
    body:not(.index) div.footer footer {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    body:not(.index) div.footer footer .f2 p {
        font-size: 1.97vw;
    }
    body:not(.home) .for-home .footer-logo img {
        max-width: 20vw;
    }
    body:not(.home) .for-home .footer-text {
        line-height: 2.2vw;
        font-size: 1.2vw;
        max-width: 50vw;
    }
    body:not(.home) .for-home h3.ftr-head {
        font-size: 2vw;
    }
    body:not(.home) .col-foot ul.footer-txt > li a {
        font-size: 1.7vw;
        line-height: 2.5vw;
    }
    body:not(.home) .col-foot ul.footer-txt > li {
        margin-bottom: 1.9vw;
    }
    body:not(.home) .col-foot4.col-foot ul.footer-txt:last-child > li:first-child {
        padding-left: 0;
    }
    body:not(.home) .for-home .row.v-centered-f {
        max-width: 100vw;
    }
    body:not(.home) .for-home ul.footer-txt > li.with-ico span {
        line-height: 1.8;
        width: calc(100% - 2vw);
    }
    body:not(.home) .for-home ul.footer-txt > li.with-ico i {
        width: 2vw;
        padding-top: 0.5vw;
    }
    /*Digital*/
    .digitalstory-main-in > div:nth-child(odd) h4:before {
        opacity: 0;
    }
    .repeatr-paragon h4 {
        font-size: 27px;
        line-height: 1.5;
    }
    .repeatr-paragon h3 {
        font-size: 21px;
    }
    .repeatr-paragon p {
        font-size: 16px;
        line-height: 1.7;
    }
    .repeatr-paragon {
        background-size: 120px;
    }
    .repeatr-paragon:nth-child(even) {
        background-size: 120px;
    }
    .port-digi-cont h4 {
        font-size: 22px;
    }
    .port-digi-cont p {
        font-size: 14px;
    }
    .port-small-img > div {
        padding: 10px 20px;
    }
    body:not(.index) .inner_contact_row h4 {
        font-size: 38px;
    }
    body:not(.index) .inner_contact_row p {
        font-size: 21px;
    }
    body:not(.index) #contact_us form.contact {
        margin-top: 30px;
        margin-bottom: 0;
    }
    body:not(.index) .contact_form .inner_contact_row {
        padding: 0;
    }
    .digitalstory-main-in h4 {
        font-size: 27px;
    }
    .digitalstory-main-in span {
        font-size: 21px;
    }
    .digitalstory-main-in p {
        font-size: 15px;
        line-height: 1.6;
    }
    .inner-page h2 {
        font-size: 38px;
        margin-bottom: 15px;
    }
    .inner-page p {
        font-size: 16px;
        line-height: 1.8;
    }
    /*Creative*/
    .creative-three .col-md-2:nth-child(2) {
        left: -60px;
    }
    .crative-process p {
        line-height: 1.7;
        font-size: 12px;
    }
    .crative-process div h4 {
        font-size: 19px;
    }
    .creative-one .col-md-2:nth-child(3) {
        left: -40px;
    }
    .creative-three .col-md-2:nth-child(4) {
        left: -44px;
    }
    .creative-one .col-md-2:nth-child(5) {
        left: -22px;
    }
    .creative-three .col-md-2:nth-child(6) {
        left: 134px;
    }
    body:not(.index) .portfoilo_row p {
        font-size: 19px;
        line-height: 1.4;
    }
    ul.nav.navbar-nav.navbar-right.top-nav {
        right: 4.424vw;
    }
    body:not(.index) div.burger {
        margin-top: 4.6vw !important;
    }
    body:not(.index) div.burger.open {
        margin-top: 2.4vw !important;
    }
    /*Development Solution*/
    .tab-sec-port h2.digital-title {
        width: 100%;
    }
    .tab-sec-port ul.nav.nav-tabs {
        width: 100%;
    }
    .dev-three.creative-three .col-md-2:nth-child(1) {
        left: -3px;
    }
    .dev-one.creative-one .col-md-2:nth-child(2) {
        left: -5px;
    }
    .dev-three.creative-three .col-md-2:nth-child(3) {
        left: -77px;
    }
    .dev-one.creative-one .col-md-2:nth-child(4) {
        left: -80px;
    }
    .dev-three.creative-three .col-md-2:nth-child(5) {
        left: -157px;
    }
    .dev-one.creative-one .col-md-2:nth-child(6) {
        left: 30px;
    }
    body.index #banner-carousel h1.h2-heading {
        font-size: 3.636vw;
    }

    body.index #banner-carousel h1.h2-heading strong {
        font-size: 3.636vw;
    }

    body.index #banner-carousel h3 {
        font-size: 2vw;
        line-height: 3vw;
    }

    body.index #hero_slider a.btn.btn-shutter-more {
        padding: 1.909vw 4.636vw;
        font-size: 2.091vw;
        margin-top: 2.212vw;
    }
    body.index section#our_portfolio div.row a{
        height: 30vw;
    }
    body.index section#our_portfolio div.row .first_col_inner:nth-child(2) a{
        height: 60vw;   
    }
}
/*1280 to 1440*/
@media(min-width: 1280px) and (max-width: 1440px){
    .segment-repeater h4 {
        font-size: 32px;
    }
    .segment-repeater p {
        font-size: 26px;
    }
    .segment-repeater span {
        font-size: 21px;
    }
    body:not(.index) section#our_portfolio div.row .first_col_inner:nth-child(2) a {
        height: 415px;
    }
    body:not(.index) div.height-100vh:not(#footer_bot) {
        height: auto;
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .inner-page h2 {
        font-size: 42px;
    }
    .inner-page p {
        font-size: 16px;
    }
    .digitalstory-main-in h4 {
        font-size: 28px;
    }
    .digitalstory-main-in span {
        font-size: 18px;
    }
    .digitalstory-main-in p {
        font-size: 16px;
        line-height: 1.7;
        margin-top: 10px;
    }
    .repeatr-paragon h4 {
        font-size: 28px;
    }
    .repeatr-paragon h3 {
        font-size: 21px;
    }
    .repeatr-paragon p {
        font-size: 16px;
        line-height: 1.7;
    }
    .repeatr-paragon {
        background-size: 125px;
    }
    .row.repeatr-paragon {
        background-size: 120px;
    }
    .port-digi-cont h4 {
        font-size: 20px;
    }
    .port-digi-cont p {
        font-size: 15px;
        line-height: 1.6;
    }
    .port-small-img > div {
        padding: 10px 15px;
    }
    body:not(.index) div.height-100vh:not(#footer_bot) {
        padding: 80px 0;
    }
    body:not(.index) div.height-100vh:not(#footer_bot) .inner_contact_row h4 {
        font-size: 30px;
    }
    body:not(.index) div.height-100vh:not(#footer_bot) .inner_contact_row {
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    /*Creative Service*/
    body:not(.index) div.burger {
        margin-top: 3.5vw !important;
    }
    body:not(.index) div.burger.open {
        margin-top: 2.5vw !important;
    }
    .creative-three .col-md-2:nth-child(2) {
        left: -65px;
    }
    .crative-process div h4 {
        font-size: 22px;
    }
    .crative-process p {
        font-size: 13px;
        line-height: 1.7;
    }
    .creative-one .col-md-2:nth-child(3) {
        left: -40px;
    }
    .creative-three .col-md-2:nth-child(4) {
        left: -44px;
    }
    .creative-one .col-md-2:nth-child(5) {
        left: -23px;
    }
    .creative-three .col-md-2:nth-child(6) {
        left: 143px;
    }
    /*Development Solution*/
    .dev-three.creative-three .col-md-2:nth-child(1) {
        left: -4px;
    }
    .dev-one.creative-one .col-md-2:nth-child(2) {
        left: -6px;
    }
    .dev-three.creative-three .col-md-2:nth-child(3) {
        left: -79px;
    }
    .dev-one.creative-one .col-md-2:nth-child(4) {
        left: -90px;
    }
    .dev-three.creative-three .col-md-2:nth-child(5) {
        left: -159px;
    }
    .dev-one.creative-one .col-md-2:nth-child(6) {
        left: 28px;
    }
    .tab-sec-port h2.digital-title {
        width: 100%;
    }
    .tab-sec-port ul.nav.nav-tabs {
        width: 100%;
    }
    .modal.fade .modal-dialog {
        top: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
        left: 50%;
        margin: 0px;
    }
}
/*1440 to 1460*/
@media(min-width: 1440px) and (max-width:1460px){
    /*Creative Service*/
    .creative-one .col-md-2:nth-child(3) {
        left: -47px;
    }
    .creative-three .col-md-2:nth-child(4) {
        left: -53px;
    }
    .creative-one .col-md-2:nth-child(5) {
        left: -24px;
    }
    .creative-three .col-md-2:nth-child(6) {
        left: 166px;
    }   
    .creative-three .col-md-2:nth-child(2) {
        left: -76px;
    }
     div.burger {
        margin-top: 2.121vw;
    }
    body:not(.index) div.burger{
        margin-top: 3.1vw !important;
    }
    body:not(.index) div.burger.open {
        margin-top: 2.4vw !important;
    }
    .crative-process div h4 {
        font-size: 22px;
    }
    .crative-process p {
        font-size: 13px;
        line-height: 1.7;
    }
    .modal.fade .modal-dialog {
        top: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
        left: 50%;
        margin: 0px;
    }
}  
/*1440 to 1600*/
@media(min-width: 1440px) and (max-width:1600px){
    
    .modal.fade .modal-dialog {
        top: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
        left: 50%;
        margin: 0px;
    }
}
/*1601*/
@media(min-width: 1601px) {
    /*Creative Service*/
    .creative-one .col-md-2:nth-child(3) {
        left: -60px;
    }
    .creative-three .col-md-2:nth-child(4) {
        left: -63px;
    }
    .creative-one .col-md-2:nth-child(5) {
        left: -34px;
    }
    .creative-three .col-md-2:nth-child(6) {
        left: 216px;
    }    
    .creative-three .col-md-2:nth-child(2) {
        left: -96px;
    }
    .modal.fade .modal-dialog {
        top: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
        left: 50%;
        margin: 0px;
    }
}  
/*1920*/
@media(min-width:1920px){
    body:not(.index) div.burger {
        margin-top: 1.8vw !important;
    }
    body:not(.index) div.burger.open {
        margin-top: 2.4vw !important;
    }
}