@media (min-width: 1200px) {
  .hs-content-inner {
    padding: 0 180px;
  }
  .hs-text-10 {
    font-size: 100px;
  }
}
@media (min-width: 992px) {
  .hs-text-2 {
    font-size: 90px;
    line-height: 1.3;
  }
  .hs-text-9 {
    font-size: 90px;
    line-height: 1.8;
  }
  .hs-text-11 {
    font-size: 96px;
    line-height: 1;
  }
  .hs-text-12 {
    font-size: 54px;
    line-height: 1.2;
  }
  .hs-content-inner {
    padding: 0 110px;
  }
  .text-mask {
    font-size: 72px !important;
  }
  .line-odt-mood .owl-dot {
    height: 120px;
    width: 240px;
    -webkit-transform: translateX(-120px) translateY(-90px);
        -ms-transform: translateX(-120px) translateY(-90px);
            transform: translateX(-120px) translateY(-90px);
  }
  .line-odt-mood .owl-dot span {
    -webkit-transform: translateX(120px) translateY(90px);
        -ms-transform: translateX(120px) translateY(90px);
            transform: translateX(120px) translateY(90px);
  }
}
@media screen and (min-width: 768px) {
  h1 {
    font-size: 1.785em;
  }
  h2 {
    font-size: 1.571em;
  }
  h3 {
    font-size: 1.357em;
  }
  h4 {
    font-size: 1.214em;
  }
  h5 {
    font-size: 1.0714em;
  }
  h6 {
    font-size: 1em;
  }
  .hs-text-2 {
    font-size: 75px;
    line-height: 1.3;
  }
  .hs-text-10 {
    font-size: 80px;
    line-height: 1.2;
  }
  .hs-text-11 {
    font-size: 75px;
    line-height: 1;
  }
  .hs-content-inner {
    padding: 0 70px;
  }
  .hs-content-inner.text-left > div {
    margin-left: 0;
  }
  .hs-content-inner.text-right > div {
    margin-right: 0;
  }
  .as-indicators {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #scroll-progressbar {
    display: block;
    position: absolute;
    top: 0;
    height: 2px;
    width: 100%;
    z-index: 99999;
  }
  #scroll-progressbar div {
    position: relative;
    height: 100%;
    width: 0;
    -webkit-transition: width 0.3s ease-out;
            transition: width 0.3s ease-out;
  }
  #scroll-progressbar .scroll-shadow {
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
        -ms-transform: rotate(3deg) translate(0px, -4px);
            transform: rotate(3deg) translate(0px, -4px);
  }
  .navbar {
    border-radius: 0;
    -webkit-transition: padding 0.21s ease-out, background 0.21s ease-out, border 0.21s ease-out;
            transition: padding 0.21s ease-out, background 0.21s ease-out, border 0.21s ease-out;
  }
  .navbar .ink.animate {
    -webkit-animation: ripple 0.7s ease-out;
            animation: ripple 0.7s ease-out;
  }
  .navbar-brand {
    padding: 0 0 0 45px;
  }
  .navbar-toggle {
    margin-right: 45px;
  }
  .navbar-default .navbar-toggle:hover > .navbar-header,
  .navbar-default .navbar-toggle:focus .container > .navbar-header,
  .container-fluid > .navbar-header,
  .navbar-default .navbar-toggle:hover > .navbar-collapse,
  .navbar-default .navbar-toggle:focus .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -45px;
  }
  .navbar-nav > li > a {
    padding-top: 19.5px;
    padding-bottom: 19.5px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: 40px;
  }
  .cl-effect-5 > li {
    padding-top: 19.5px;
    padding-bottom: 19.5px;
  }
  .cl-effect-5 > li > a {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
  }
  .cl-effect-5 > li > a span[data-hover] {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform .4s;
            transition: transform .4s;
  }
  .cl-effect-5 > li > a span[data-hover]:before {
    position: absolute;
    top: 100%;
    font-weight: 700;
    color: #191919;
    content: attr(data-hover);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: color .4s;
            transition: color .4s;
  }
  .cl-effect-5 > li > a:hover span[data-hover] {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  .cl-effect-5 > .active > a span[data-hover],
  .cl-effect-5 > .active > a:focus span[data-hover],
  .cl-effect-5 > .active > a:hover span[data-hover] {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  .dotstyle-fall li:after,
  .dotstyle-fall div:after {
    -webkit-transform: translate3d(0, -200%, 0);
            transform: translate3d(0, -200%, 0);
    -webkit-transition: -webkit-transform .3s ease, opacity .5s ease, visibility 0s .5s;
            transition: transform .3s ease, opacity .5s ease, visibility 0s .5s;
  }
  .dotstyle-fall li a,
  .dotstyle-fall div a,
  .dotstyle-fall li span,
  .dotstyle-fall div span {
    -webkit-transform: translate3d(0, 0%, 0);
            transform: translate3d(0, 0%, 0);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease, background-color 0.5s ease 0s;
            transition: transform 0.5s ease, opacity 0.5s ease, background-color 0.5s ease 0s;
  }
  .dotstyle-fall li.active:after,
  .dotstyle-fall div.active:after,
  .dotstyle-fall li.current:after,
  .dotstyle-fall div.current:after {
    -webkit-transition: -webkit-transform .5s ease, opacity .5s ease;
            transition: transform .5s ease, opacity .5s ease;
    -webkit-transform: translate3d(0, 0%, 0);
            transform: translate3d(0, 0%, 0);
  }
  .dotstyle-fall li.active a,
  .dotstyle-fall div.active a,
  .dotstyle-fall li.current a,
  .dotstyle-fall div.current a,
  .dotstyle-fall li.active span,
  .dotstyle-fall div.active span,
  .dotstyle-fall li.current span,
  .dotstyle-fall div.current span {
    -webkit-transform: translate3d(0, 200%, 0);
            transform: translate3d(0, 200%, 0);
  }
  .dotstyle-fill li a,
  .dotstyle-fill div a,
  .dotstyle-fill li span,
  .dotstyle-fill div span {
    -webkit-transition: box-shadow 0.5s ease-out;
            transition: box-shadow 0.5s ease-out;
  }
  .dotstyle-fill li.active a,
  .dotstyle-fill div.active a,
  .dotstyle-fill li.current a,
  .dotstyle-fill div.current a,
  .dotstyle-fill li.active span,
  .dotstyle-fill div.active span,
  .dotstyle-fill li.current span,
  .dotstyle-fill div.current span {
    -webkit-transition: box-shadow 0.5s 0.2s ease-in;
            transition: box-shadow 0.5s 0.2s ease-in;
  }
  .dotstyle-fillup li a,
  .dotstyle-fillup div a,
  .dotstyle-fillup li span,
  .dotstyle-fillup div span {
    -webkit-transition: background 0.3s ease 0s;
            transition: background 0.3s ease 0s;
  }
  .dotstyle-fillup li a:after,
  .dotstyle-fillup div a:after,
  .dotstyle-fillup li span:after,
  .dotstyle-fillup div span:after {
    -webkit-transition: width 0.27s ease-out 0s;
            transition: width 0.27s ease-out 0s;
  }
  .dotstyle-fillup.from-bottom li a:after,
  .dotstyle-fillup.from-bottom div a:after,
  .dotstyle-fillup.from-bottom li span:after,
  .dotstyle-fillup.from-bottom div span:after {
    -webkit-transition: height 0.27s ease-out 0s, opacity 0.27s ease-out 0s;
            transition: height 0.27s ease-out 0s, opacity 0.27s ease-out 0s;
  }
  .dude-item-img {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  .dude-item:hover .dude-item-img {
    -webkit-filter: blur(12px);
            filter: blur(12px);
  }
  .section-title {
    padding-bottom: 90px;
  }
  .folio-filters .btn {
    min-width: 130px;
  }
  .folio-container {
    -webkit-transition: height .5s;
            transition: height .5s;
  }
  .folio-container.no-transition {
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
  }
  .folio-item-img {
    overflow: hidden;
  }
  .folio-item-img img {
    -webkit-transition: -webkit-transform 0.25s ease-out;
            transition: transform 0.25s ease-out;
  }
  .folio-item-img:after {
    -webkit-transition: opacity 0.25s ease-out;
            transition: opacity 0.25s ease-out;
  }
  .video-work:after {
    -webkit-transition: opacity 0.25s ease-out;
            transition: opacity 0.25s ease-out;
  }
  .folio-item .video-background {
    -webkit-transition: -webkit-transform 0.25s ease-out;
            transition: transform 0.25s ease-out;
  }
  .folio-item-title {
    -webkit-transition: opacity 0.25s, -webkit-transform 0.40s;
            transition: opacity 0.25s, transform 0.40s;
  }
  .folio-item-detail {
    -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
            transition: opacity 0.25s, transform 0.25s;
  }
  .folio-item-detail a {
    padding: 0 10px;
    font-size: 28px;
    display: inline;
    line-height: 1.2;
  }
  .folio-item:hover .folio-item-detail {
    -webkit-transition: opacity 0.15s, -webkit-transform 0.25s;
            transition: opacity 0.15s, transform 0.25s;
  }
  /* Process Lables */
  .odt-labels span {
    -webkit-transition: opacity 0.3s ease-in;
            transition: opacity 0.3s ease-in;
  }
  .odt-labels span:before,
  .odt-labels .icon-shade {
    -webkit-transition: max-width 0.3s ease 0s;
            transition: max-width 0.3s ease 0s;
  }
  .odt-labels .odt-label-active span:before,
  .odt-labels .odt-label-active .icon-shade {
    -webkit-transition: max-width 0.3s ease 0.5s;
            transition: max-width 0.3s ease 0.5s;
  }
  .line-odt-mood .owl-dot {
    height: 120px;
    width: 192px;
    -webkit-transform: translateX(-96px) translateY(-90px);
        -ms-transform: translateX(-96px) translateY(-90px);
            transform: translateX(-96px) translateY(-90px);
  }
  .line-odt-mood .owl-dot span {
    -webkit-transform: translateX(96px) translateY(90px);
        -ms-transform: translateX(96px) translateY(90px);
            transform: translateX(96px) translateY(90px);
  }
  .line-odt-mood .owl-dot span:after {
    -webkit-transition: width 0.3s ease 0s;
            transition: width 0.3s ease 0s;
  }
  .line-odt-mood .owl-dot.active span:after {
    -webkit-transition: width 0.3s ease 0.5s;
            transition: width 0.3s ease 0.5s;
  }
  .skillbar-bar {
    -webkit-transition: width 2000ms cubic-bezier(0.26, 0.765, 0.07, 1.095);
            transition: width 2000ms cubic-bezier(0.26, 0.765, 0.07, 1.095);
  }
  .serv-section-item {
    margin-bottom: 40px;
  }
  .no-touch.cssanimations .serv-section-item {
    margin-bottom: 0;
  }
  .no-touch.cssanimations .serv-section-item-icon {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s, opacity 0.3s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s;
            transition: transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s, opacity 0.3s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s;
  }
  .no-touch.cssanimations .serv-item-title {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s;
            transition: transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s;
  }
  .no-touch.cssanimations .serv-section-item-text {
    opacity: 0;
    -webkit-transform: rotate3d(1, 0, 0, -90deg) translate3d(0, 50px, 0);
            transform: rotate3d(1, 0, 0, -90deg) translate3d(0, 50px, 0);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s, opacity 0.2s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.3s;
            transition: transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s, opacity 0.2s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.3s;
  }
  .no-touch.cssanimations .serv-section-item:hover .serv-section-item-icon {
    opacity: 0;
    -webkit-transform: rotate3d(1, 0, 0, 80deg) translate3d(0, -50px, 50px);
            transform: rotate3d(1, 0, 0, 80deg) translate3d(0, -50px, 50px);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s, opacity 0.3s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.2s;
            transition: transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s, opacity 0.3s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0.2s;
  }
  .no-touch.cssanimations .serv-section-item:hover .serv-item-title {
    -webkit-transform: translate3d(0, -75px, 0);
            transform: translate3d(0, -75px, 0);
  }
  .no-touch.cssanimations .serv-section-item:hover .serv-section-item-text {
    opacity: 1;
    -webkit-transform: translate3d(0, -70px, 0);
            transform: translate3d(0, -70px, 0);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s, opacity 0.3s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s;
            transition: transform 0.7s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s, opacity 0.3s cubic-bezier(0.26, 0.86, 0.44, 0.985) 0s;
  }
  .blog-post-preview-img {
    opacity: .9;
    -webkit-transition: opacity .27s;
            transition: opacity .27s;
  }
  .blog-post-preview:hover .blog-post-preview-img {
    opacity: 1;
  }
  .map-mask {
    -webkit-transition: background 0.16s ease-in, height 0.4s cubic-bezier(0.57, 1.27, 0.85, 1.13) 0.2s;
            transition: background 0.16s ease-in, height 0.4s cubic-bezier(0.57, 1.27, 0.85, 1.13) 0.2s;
  }
  #map-zoom-in,
  #map-zoom-out {
    margin-left: 50px;
  }
  #map-zoom-in {
    margin-top: 228px;
  }
  .rectangle,
  .square,
  .circle1,
  .circle2 {
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.565, 0.375, 0.43, 1.475) 0.3s;
            transition: transform 0.6s cubic-bezier(0.565, 0.375, 0.43, 1.475) 0.3s;
  }
  .page-header .breadcrumb {
    text-align: right;
  }
  .page-header .page-header-title-left {
    text-align: left;
  }
  .navbar-nav-elastic {
    margin-top: 100px;
  }
  /* blog*/
  .blog-item {
    margin-bottom: 180px;
  }
  .blog-media {
    height: 300px;
  }
  .blog-comment-section .btn {
    margin-left: 0;
  }
  .prev-proj:hover,
  .next-proj:hover {
    letter-spacing: 4px;
  }
  .all-works i {
    display: inline-block !important;
    -webkit-transform: translate3d(37px, 0, 0) rotateZ(-90deg);
            transform: translate3d(37px, 0, 0) rotateZ(-90deg);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.08, 0.96, 0.62, 1.49);
            transition: transform 0.6s cubic-bezier(0.08, 0.96, 0.62, 1.49);
  }
  .all-works span {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out 0s;
            transition: opacity 0.2s ease-out 0s;
  }
  .all-works:hover i,
  .all-works:focus i {
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
            transform: translate3d(0, 0, 0) rotateZ(0deg);
  }
  .all-works:hover span,
  .all-works:focus span {
    opacity: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.08, 0.96, 0.62, 1.49) 0.6s;
            transition: opacity 0.2s cubic-bezier(0.08, 0.96, 0.62, 1.49) 0.6s;
  }
}
@media (max-width: 767px) {
  .navbar-nav {
    overflow: hidden;
  }
  .navbar-nav > li > a {
    line-height: 21px;
  }
  .navbar-nav > li > a:hover,
  .navbar-nav > li > a:focus {
    background-image: none;
  }
  .navbar-nav > li:first-child > a {
    padding-top: 30px;
  }
  .navbar-nav > li:last-child > a {
    padding-bottom: 30px;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
}
@media (min-width: 481px) {
  .hs-text-2 {
    font-size: 60px;
    line-height: 1.3;
  }
  .hs-text-4 {
    font-size: 36px;
    line-height: 1.3;
  }
  .hs-text-7 {
    font-size: 48px;
    line-height: 1.4;
  }
  .hs-text-10 {
    font-size: 50px;
    line-height: 1.2;
  }
  .hs-text-11 {
    font-size: 55px;
    line-height: 1;
  }
  .hs-text-12 {
    font-size: 54px;
    line-height: 1.2;
  }
  .hs-text-14 {
    font-size: 32px;
    line-height: 1.3;
  }
  .odt-labels span {
    opacity: 1;
  }
  .line-odt-mood .owl-dot {
    height: 120px;
    width: 120px;
    -webkit-transform: translateX(-60px) translateY(-90px);
        -ms-transform: translateX(-60px) translateY(-90px);
            transform: translateX(-60px) translateY(-90px);
  }
  .line-odt-mood .owl-dot span {
    -webkit-transform: translateX(60px) translateY(90px);
        -ms-transform: translateX(60px) translateY(90px);
            transform: translateX(60px) translateY(90px);
  }
}
@media (max-width: 480px) {
  .dude-item-social {
    padding: 10px 0;
  }
  .dude-item-social li {
    margin: 0 5px;
  }
}
@media screen and (min-height: 375px) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 380px;
  }
}
.dude-section {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .dude-section {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .dude-section {
    padding-bottom: 120px;
  }
}
@media (min-width: 1200px) {
  .dude-section {
    padding-bottom: 150px;
  }
}
@media (min-width: 668px) and (max-width: 767px) {
  .dude-carousel .dude-item-info {
    padding: 90px 40px 0 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dude-carousel .dude-item-info {
    padding: 50px 30px 0 30px;
  }
}
@media (min-width: 992px) {
  .dude-carousel .dude-item-info {
    padding: 40px 80px 0 80px;
  }
}
@media (min-width: 992px) {
  #dude-carousel-3 .dude-item-info {
    padding: 40px 20px 0 20px;
  }
  #dude-carousel-3 .owl-item img {
    display: inline-block;
    width: auto;
    height: 350px;
    margin: 20px 0;
  }
}
.serv-section {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .serv-section {
    padding-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .serv-section {
    /* padding-bottom: 10px; */
  }
}
@media (min-width: 1200px) {
  .serv-section {
    /* padding-bottom: 50px; */
  }
}
@media (min-width: 992px) {
  .client-logos .container {
    padding-right: 55px;
    padding-left: 45px;
  }
}
@media (min-width: 1200px) {
  .client-logos .container {
    padding-right: 85px;
    
  }
}