@charset "utf-8";

/* CSS Document */

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .WhatToExpectWrap .InfoCol {
    width: 32.3%;
  }
}

@media only screen and (max-width: 1024px) {
  .footer-container.desktop {
    display: none;
  }
  .footer-container.mobile {
    display: block !important;
    padding: 40px 0 20px;
    text-align: center;
  }
  .MainWrapper,
  .TopMainWrapper,
  .Footer,
  .IdxContainWrapper,
  .InnerContainWrapper,
  .ContactHeaderWrap .InnerContainWrapper,
  .LinksBtnWrap.VisualLinksBtnWrap {
    width: 94% !important;
  }
  .Nav, 
  .HomeTop,
  .TopHeader:before {
    display: none !important;
  }
  .TopHeader {
    position: relative;
    padding: 0px 0;
	  background-color: #ffffff;
  }
  .ResponsiveMenu {
    display: block;
  }
  img,
  .EditorText img {
    max-width: 100%;
  }
  .Logo {
    float: none;
    width: 100%;
    padding: 18px 0;
  }
  .Logo a {
    margin: 0 auto;
/*    background: url(../images/imgs/ugly-mug-logo-orange.png) no-repeat left top;*/
  }
  .scrollAnim1,
  .scrollAnim2,
  .scrollAnim3,
  .scrollAnim4,
  .scrollAnim5,
  .scrollAnim6,
  .scrollAnim7,
  .scrollAnim8,
  .scrollAnim9,
  .scrollAnim10,
  .scrollAnim25,
  .scrollAnim35,
  .Header h1,
  .Header .SepLine,
  .IdxHeaderBg .LearnMoreLink,
  div#section1 h1.Title,
  div#section1 .SepLine,
  div#section1 .Desc,
  div#section2 h1.Title,
  div#section2 .SepLine,
  div#section2 .Desc,
  div#section3 h1.Title,
  div#section3 .SepLine,
  div#section3 .Desc,
  div#section4 h1.Title,
  div#section4 .SepLine,
  div#section4 .Desc,
  div#section6 h5,
  div#section6 h1.Title,
  div#section6 h2.Title,
  div#section6 .TransWhiteBtn,
  .HowWeCanHelpWrap .ImgWrap.scrollAnim2,
  .HowWeCanHelpWrap .ImgWrap .GraphicsWrap.scrollAnim2,
  .DesignSectionsWrap .ImgWrap.scrollAnim3,
  .DesignSectionsWrap .ResDesigningSection .ImgWrap .GraphicsWrap.scrollAnim3,
  .DesignSectionsWrap .RecentWorkSection .ImgWrap.scrollAnim5,
  .DesignSectionsWrap .RecentWorkSection .ImgWrap .GraphicsWrap.scrollAnim5,
  .WebDesignTestimonialsWrap.scrollAnim7,
  .SayWhatNewWrap .SayWhatRow.Row1 .ImgWrap.scrollAnim2,
  .SayWhatNewWrap .SayWhatRow.Row1 .SayWhatGraphicsWrap.scrollAnim2,
  .SayWhatNewWrap .SayWhatRow.Row2 .ImgWrap.scrollAnim3,
  .SayWhatNewWrap .SayWhatRow.Row2 .SayWhatGraphicsWrap.scrollAnim3,
  .SayWhatNewWrap .SayWhatRow.Row3 .ImgWrap.scrollAnim5,
  .SayWhatNewWrap .SayWhatRow.Row3 .SayWhatGraphicsWrap.scrollAnim5,
  .SayWhatNewWrap .SayWhatRow.Row4 .ImgWrap.scrollAnim6,
  .SayWhatNewWrap .SayWhatRow.Row4 .SayWhatGraphicsWrap.scrollAnim6,
  .SayWhatNewWrap .SayWhatRow.Row5 .ImgWrap.scrollAnim8,
  .SayWhatNewWrap .SayWhatRow.Row5 .SayWhatGraphicsWrap.scrollAnim8,
  .VisualTwoColWrap .VideoWrap.scrollAnim2,
  .VisualTwoColWrap .VisualGraphicsWrap.scrollAnim3,
  .BASWrap .ImgWrap.Step1.scrollAnim4,
  .BASWrap .ImgWrap.Step2.scrollAnim4,
  .BASWrap .ImgWrap.Step3.scrollAnim4,
  .BASWrap .ImgWrap.Step4.scrollAnim4,
  .BASWrap .ImgWrap.Step5.scrollAnim4,
  .BASWrap .ImgWrap.Step6.scrollAnim4,
  .BASWrap .ImgWrap .Arrow1.scrollAnim4,
  .BASWrap .ImgWrap .Arrow2.scrollAnim4,
  .BASWrap .ImgWrap .Arrow3.scrollAnim4,
  .BASWrap .ImgWrap .Arrow4.scrollAnim4,
  .BASWrap .ImgWrap .Arrow5.scrollAnim4,
  .VisualPhotographyWrap .ImgWrap.scrollAnim6,
  .WebDesignTestimonialsWrap.scrollAnim8,
  .MarketingTwoColWrap .MarketingRow.Row1 .ImgWrap.scrollAnim3,
  .MarketingTwoColWrap .MarketingRow.Row2 .ImgWrap.scrollAnim4,
  .WebDesignTestimonialsWrap.scrollAnim6,
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap.scrollAnim2,
  .GetSocialMediaWrap .MediaRow.SocialInstagram .SocialMediaImgWrap.scrollAnim3,
  .LinksBtnWrap li.scrollAnim2,
  .CaptionLineWrap.scrollAnim5,
  .LetsDoWrap .ImgWrap.scrollAnim2,
  .ContactFSocialIcon.FSocialIcon li.scrollAnim4,
  .VisualVideoPowerWrap .ImgWrap.scrollAnim2,
  .VisualLinksBtnWrap li.scrollAnim3,
  .VisualGraphicsDesignWrap .ImgWrap.scrollAnim4,
  .IdxTestimonialsSliderWrap h1.Title,
  .IdxTestimonialsSliderWrap .TitleSepLine,
  .IdxTestimonialsSliderWrap .TestimonialsSlider,
  .IdxTestimonialsSliderWrap .TrnsBtn {
    opacity: 1 !important;
    moz-transform: translateY(0px) !important;
    -webkit-transform: translateY(0px !important);
    -ms-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
  }
  /** index **/
  #headerVideo {
    position: relative;
    right: auto;
    bottom: auto;
    top: auto;
    right: auto;
  }
  h1.Title {
    font-size: 55px;
    line-height: 60px;
  }
  h2.Title {
    font-size: 35px;
    line-height: 40px;
  }
  .IdxHeaderBg {
    background-image: none !important;
    line-height: 0;
  }
  .IdxHeaderBg .HideImg {
    display: block;
    margin-bottom: 0px;
  }
  .Header h1 {
    font-size: 60px;
    line-height: 70px;
  }
  .Header {
    bottom: 80px;
    text-align: center;
  }
  .Header .SepLine {
    margin: 10px auto;
    text-align: center;
  }
  #section0,
  #section1,
  #section2,
  #section3,
  #section4,
  #section6,
  .IdxTestimonialsSliderWrap {
    background-attachment: inherit !important;
    display: block !important;
    background-image: none !important;
    min-height: inherit !important;
  }
  .section .ResImg {
    display: block;
    text-align: center;
    line-height: 0;
  }
  .LetsTalkWrap .ResImg {
    display: block !important;
  }
  .IdxVisualService .ResImg {
    text-align: right;
  }
  body div#section1 {
    background-color: rgb(204, 90, 39);
  }
  body div#section2 {
    background-color: rgb(242, 242, 242);
  }
  body div#section3 {
    background-color: rgb(231, 75, 94);
  }
  body div#section4 {
    background-color: rgb(78, 190, 223);
  }
  body div#section5 {
    background-color: rgb(242, 242, 242);
  }
  body div#section6 {
    background-color: rgb(66, 65, 67);
  }
  div#section1 > div,
  div#section2 > div,
  div#section3 > div,
  div#section4 > div,
  div#section6 > div,
  .IdxTestimonialsSliderWrap .Wrapper {
    display: block;
  }
  .ServiceOddWrap .ContentWrap,
  .ServiceEvenWrap .ContentWrap,
  .LetsTalkWrap .ContentWrap {
    float: none;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
  }
  .IdxServiceWrap .SepLine,
  .ServiceEvenWrap .ContentWrap .SepLine {
    margin: 10px auto 20px;
    text-align: center;
  }
  .IdxTestimonialsSliderWrap .InnerContainWrapper {
    padding: 40px 0px 50px;
  }
  .LetsTalkWrap .ResImg {
    text-align: left;
  }
  .LetsTalkWrap .ContentWrap h2.Title {
    padding-top: 6px;
  }
  .LetsTalkWrap .ContentWrap h1.Title {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 10px;
  }
  .LetsTalkWrap .TransWhiteBtn {
    margin-top: 20px;
  }
  footer#section7,
  footer#section7 .fp-tableCell {
    height: inherit !important;
    display: block !important;
  }
  .FooterWrap .InnerContainWrapper {
    padding: 40px 0px;
  }
  .FooterWrap .FooterCol1.Col,
  .FooterWrap .FooterCol2.Col,
  .FooterWrap .FooterCol3.Col,
  .FooterWrap .FooterCol4.Col {
    width: 100%;
    text-align: center;
  }
  .FooterWrap .FooterCol1.Col {
    margin-bottom: 15px;
    margin-right: 0;
  }
  .FooterWrap .FooterCol2.Col {
    margin-bottom: 10px;
  }
  .FooterWrap .FooterCol3.Col {
    margin-bottom: 20px;
  }
  .FooterLink ul {
    width: auto;
    padding-right: 0px;
    display: block;
  }
  .FooterWrap .FooterCol2.Col ul:first-child {
    padding-left: 0px;
    width: auto;
  }
  .FooterLink li {
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: top;
    padding: 0 16px;
    box-sizing: border-box;
  }
  .IdxTestimonialsSliderWrap ul li .TastimonialDescWrap .NameWrap {
    position: relative;
    width: 100%;
    right: auto;
  }
  .IdxTestimonialsSliderWrap ul li .TastimonialDescWrap .NameWrap .Name:after {
    display: none;
  }
  .IdxTestimonialsSliderWrap li .SubName {
    min-height: inherit !important;
  }
  .IdxTestimonialsSliderWrap ul li .TastimonialDescWrap .Desc {
    padding: 0px 0px;
    box-sizing: border-box;
  }
  .IdxTestimonialsSliderWrap ul li .TastimonialDescWrap {
    padding: 0px 25px;
    box-sizing: border-box;
  }
  div#section2 .ResImg img,
  div#section4 .ResImg img {
    margin-left: -90px;
  }
  /** services **/
  .ContactHeaderWrap .InnerContainWrapper,
  .ServicesHaederWrap .InnerContainWrapper {
    padding: 70px 0px 40px;
  }
  .ServiceListWrap ul li .ImgWrap {
    background-image: none !important;
    min-height: inherit !important;
  }
  .ServiceListWrap ul li .ImgWrap .ResImg {
    display: block;
    margin: 0 auto;
  }
  .ServiceListWrap ul li {
    width: 49%;
    margin: 20px 0;
  }
  /** web-design **/
  .WebDesignDetailsWrap {
    margin-top: 0px;
  }
  .HowWeCanHelpWrap .ImgWrap {
    width: 75%;
    margin: 0px 0 40px;
    float: none;
  }
  .HowWeCanHelpWrap .ImgWrap .GraphicsWrap {
    right: -240px;
    top: 35px;
    width: 42%;
  }
  .WebDesignDetailsWrap .DesignSectionsWrap .ImgWrap .GraphicsWrap {
    top: 10px;
    left: 88px;
    width: 70%;
  }
  .HowWeCanHelpWrap .DetailWrap {
    width: 100%;
    text-align: center;
    padding-top: 0px;
  }
  .HowWeCanHelpWrap .DetailWrap h1.Title br {
    display: none;
  }
  .HowWeCanHelpWrap .DetailWrap .GraySepLine,
  .MarketingTwoColWrap .MarketingRow.Row1 .DetailWrap .GraySepLine,
  .WebDesignDetailsWrap .GraySepLine,
  .MarketingTwoColWrap .MarketingRow:nth-child(even) .DetailWrap .GraySepLine {
    margin: 20px auto 30px;
    text-align: center;
  }
  .HowWeCanHelpWrap .DetailWrap .Desc {
    width: 100%;
    margin: 0 auto;
  }
  .DesignSectionsWrap .ResDesigningSection .ImgWrap .GraphicsWrap {
    right: -210px;
    top: 82px;
    left: auto;
    width: 30%;
  }
  .DesignSectionsWrap .ResDesigningSection .ImgWrap {
    padding-top: 0px;
    width: 75%;
  }
  .DesignSectionsWrap .ResDesigningSection .DescriptionWrap .Wrapper {
    width: 100%;
  }
  .DesignSectionsWrap .DescriptionWrap {
    text-align: center;
  }
  .DesignSectionsWrap .RecentWorkSection .ImgWrap {
    margin-left: 245px;
  }
  .DesignSectionsWrap .RecentWorkSection .ImgWrap .GraphicsWrap {
    top: 80px;
    left: -220px;
    width: 36%;
  }
  .RecentWorkSection .DescriptionWrap h1.Title {
    float: none;
    width: 100%;
    margin-bottom: 25px;
  }
  .RecentWorkSection .DescriptionWrap .Wrapper {
    float: none;
    width: 100%;
  }
  .WebDesignTestimonialsWrap .ImgWrap {
    float: left;
    width: 50%;
  }
  .WebDesignTestimonialsWrap .TestimonialsDetailWrap {
    width: 50%;
    margin-right: 0;
  }
  .WebDesignTestimonialsWrap .TestimonialsDetailWrap .PaddingWrapper {
    padding: 0px 0px 40px 0;
  }
  .WebDesignTestimonialsWrap .flex-control-nav {
    width: 50%;
  }
  .WebDesignDesktopFremWrap ul li .Col .ImgWrap {
    background-size: 100% !important;
  }
  .WebDesignTestimonialsWrap .ImgWrap img {
    width: 65% !important;
  }
  .VisualPageTestimonialsWrap .ImgWrap img {
    width: auto !important;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap,
  .CaseStudiesTestimonialsWrap .TestimonialsDetailWrap {
    float: none;
    width: 100%;
    text-align: center;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap {
    min-height: 700px !important;
    display: block;
  }
  .CaseStudiesTestimonialsWrap .TestimonialsDetailWrap {
    min-height: inherit !important;
    margin-top: 50px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap img {
    width: 92% !important;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap .PaddingWrap {
    padding: 32px 0px 0px 0px;
    display: block;
  }
  .CaseStudiesTestimonialsWrap .flex-control-nav {
    bottom: -10px;
    width: 100%;
  }
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap {
    margin-left: -32px;
  }
  .GetSocialMediaWrap
    .MediaRow:nth-child(odd)
    .SocialMediaDetailWrap
    .PaddingWrapper {
    padding-right: 0;
  }
  .GetSocialMediaWrap
    .MediaRow:nth-child(even)
    .SocialMediaDetailWrap
    .PaddingWrapper {
    padding-left: 0;
  }
  .SoundBtnWrap {
    position: absolute;
    top: 20px;
    left: 20px;
  }
  .VisualVideoPowerWrap .ImgWrap .Play.PlayBtn1 {
    display: block;
  }
  .VisualVideoPowerWrap .ImgWrap .PauseBtn,
  .SayWhatNewWrap .SayWhatRow .ImgWrap .PauseBtn,
  .VisualVideoPowerWrap .ImgWrap .Play.PlayBtn1,
  .WebDesignVideoWrap .PauseBtn,
  .VideoWrap .Play,
  .WebDesignVideoWrap .PauseBtn {
    display: block;
  }
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 215px !important;
    height: 330px !important;
    top: 61px;
    left: 157px;
  }
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaDetailWrap {
    width: 47%;
  }
  /** visual **/
  .VisualGraphicsDesignWrap {
    min-height: inherit;
  }
  .VisualGraphicsDesignWrap .IdxContainWrapper {
    padding: 0px 0px 40px;
  }
  .TwoColDescWrap {
    width: 100%;
    margin: 40px auto 0px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .LinksBtnWrap li {
    font-size: 36px;
    line-height: 46px;
  }
  .VisualVideoPowerWrap .ImgWrap #visual-video1 {
    width: 70%;
    left: 50%;
    margin-left: -35%;
  }
  .VisualVideoPowerWrap .SoundBtnWrap {
    top: 55px;
    left: 21%;
  }
  .VisualVideoPowerWrap .ImgWrap .PauseBtn,
  .VisualVideoPowerWrap .ImgWrap .Play.PlayBtn1 {
    left: 26%;
  }
  .VisualGraphicsDesignWrap .DetailWrap {
    float: none;
    width: 100%;
    padding-top: 0px;
    text-align: center;
    margin-top: 0px;
    display: block;
    min-height: inherit;
  }
  .VisualGraphicsDesignWrap .DetailWrap h1.Title br {
    display: none;
  }
  .VisualGraphicsDesignWrap .ImgWrap {
    float: none;
    width: 100%;
  }
  .VisualGraphicsDesignWrap .IdxContainWrapper .ImgWrap {
    width: 100%;
  }
  .VisualPhotographyWrap .ImgWrap {
    margin: 0 0px 20px 0px;
    background-image: none !important;
    min-height: inherit !important;
    text-align: center;
  }
  .VisualPhotographyWrap .ImgWrap .ResImg {
    display: block;
  }
  .VisualGraphicsDesignWrap .ImgWrap div#Slider1 {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 50px;
  }
  .PhotographySliderWrap {
    width: 45%;
    height: auto;
    bottom: 88px;
    left: 110px;
  }
  .VisualPhotographyWrap .DetailWrap {
    width: 100%;
    text-align: center;
  }
  .MarketingWrap .ContentWrap .GraySepLine,
  .VisualPhotographyWrap .DetailWrap .GraySepLine {
    margin: 20px auto 30px;
    text-align: center;
  }
  /** general-marketing **/
  .MarketingWrap .ContentWrap {
    text-align: center;
    width: 100%;
  }
  .MarketingTwoColWrap .MarketingRow.Row1 .ImgWrap .LongArrow {
    position: absolute;
    top: -230px;
    left: 55px;
  }
  .MarketingTwoColWrap .MarketingRow.Row1 .DetailWrap {
    width: 100%;
    padding-top: 70px;
  }
  .MarketingTwoColWrap .MarketingRow:nth-child(even) .ImgWrap,
  .MarketingTwoColWrap .MarketingRow:nth-child(odd) .DetailWrap,
  .MarketingTwoColWrap .MarketingRow:nth-child(odd) .ImgWrap,
  .MarketingTwoColWrap .MarketingRow:nth-child(even) .DetailWrap {
    text-align: center;
    float: none;
    width: 100%;
  }
  .MarketingTwoColWrap .MarketingRow.Row2 .ImgWrap {
    margin: 0;
  }
  .MarketingTwoColWrap .MarketingRow.Row2 .DetailWrap {
    padding-top: 60px;
  }
  .MarketingTwoColWrap .MarketingRow.Row2 .DetailWrap .Desc {
    width: 100%;
  }
  /** why-us **/
  .TeamWrap li {
    width: 32.2%;
  }
  .CaptionLineWrap h1 {
    font-size: 60px;
    line-height: 70px;
    padding-top: 17px;
  }
  .CaptionLineWrap a span:before {
    left: -5px !important;
  }
  .TeamWrap {
    margin: 0px;
    padding: 40px 5px 60px;
    box-sizing: border-box;
  }
  .TeamWrap li .ImgWrap img {
    filter: grayscale(0%);
  }
  .overlay {
    background-color: rgba(0, 0, 0, 0.9);
  }
  .box {
    position: absolute !important;
    top: 50px !important;
    height: inherit !important;
    margin-top: 0px !important;
    overflow-y: hidden !important;
  }
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row1 .DetailWrap {
    padding-left: 0px;
  }
  .SayWhatNewWrap .SayWhatRow .DetailWrap {
    font-size: 26px;
    line-height: 44px;
    width: 100%;
  }
  .SayWhatRow.NewSayWhatRow .ImgWrap {
    float: none !important;
    margin-left: 0px;
  }
  .SayWhatRow.NewSayWhatRow .DetailWrap {
    padding-top: 0px !important;
  }
  .SayWhatNewWrap .SayWhatRow.Row3 .DetailWrap {
    width: 100%;
  }
  .SayWhatRow.NewSayWhatRow.Row4 .ImgWrap {
    float: none !important;
    margin-left: 0px;
    margin-right: 0px;
  }
  .MadeItAllWrapper .SubTitle br {
    display: none;
  }
  .SayWhatRow.NewSayWhatRow .SayWhatGraphicsWrap {
    bottom: 50% !important;
  }
  .SayWhatNewWrap .SayWhatRow.Row1 {
    text-align: left;
  }
  /** contact **/
  .LetsDoWrap .ImgWrap {
    float: right;
    position: relative;
    right: auto;
    top: auto;
    margin: -70px 0 0 0;
    width: 50%;
  }
  .FormWrapper {
    width: 100%;
  }
  .ContactInfoWrap .InfoCol {
    margin: 5px;
    min-height: 460px;
  }
  .ContactHeaderWrap.WebsiteDesignHeaderWrap .InnerContainWrapper {
    padding: 40px 0px;
  }
  .ContactHeaderWrap .HelloText {
    font-size: 130px;
    line-height: 130px;
  }
  .ContactHeaderWrap .GraySepLine {
    margin: 10px auto;
    width: 325px;
  }
  .ContactInfoWrap .InfoCol.Phone .Text {
    font-size: 25px;
    line-height: 35px;
  }
  .CaseStudiesTestimonialsWrap li .Col {
    width: 90%;
    margin: 0 auto;
  }
  .CaseStudiesTestimonialsWrap .flex-direction-nav a {
    top: 32%;
  }
  .PositionsCategoriesWrap {
    margin-top: 0;
  }
  .PositionsCategoriesWrap .IdxContainWrapper {
    padding: 0px 0px 40px;
  }
  .DesignSectionsWrap
    .RecentWorkSection
    .DescriptionWrap
    .GraySepLine.ResSepLine {
    display: block;
  }
  .MarketingWrap .ImgWrap {
    float: none;
    text-align: center;
  }
  .MarketingWrap .ContentWrap {
    padding-top: 40px;
  }
  .MarketingWrap .ContentWrap .Desc {
    width: 100%;
  }
  .MarketingTwoColWrap .MarketingRow.Row1 .ImgWrap {
    margin-top: 0px;
  }
  .MarketingTwoColWrap .MarketingRow.Row1 .DetailWrap {
    padding-top: 0;
  }
  .VisualVideographyWrap .ImgWrap {
    float: none;
    margin-left: 0;
    margin-top: 220px;
  }
  .VisualVideographyWrap .ImgWrap .GraphicsWrap .ResGraphics {
    display: block;
  }
  .VisualVideographyWrap .ImgWrap .GraphicsWrap .ShowGraphics {
    display: none;
  }
  .VisualVideographyWrap .ImgWrap .GraphicsWrap {
    right: 0;
    top: -260px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .VisualVideographyWrap .VideographyDetailWrap {
    width: 100%;
    text-align: center;
    padding-top: 25px;
  }
  .VisualVideographyWrap .VideographyDetailWrap .GraySepLine {
    margin: 20px auto 30px;
    text-align: center;
  }
  .VisualVideographyWrap .TwoColDescWrap {
    width: 100%;
    margin: 20px 0 0;
  }
  .VisualGraphicsDesignWrap .ImgWrap .SliderCol {
    padding: 10px 15px 25px;
  }
  .VisualGraphicsDesignWrap .ImgWrap .SliderCol h4 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 15px;
  }
  .VisualVideoPowerWrap .ImgWrap .PauseBtn,
  .VisualVideoPowerWrap .ImgWrap .Play,
  .VisualVideoPowerWrap .SoundBtnWrap {
    display: none !important;
  }
  .TamplateWrap h1.Title {
    font-size: 68px;
    line-height: 90px;
  }
  .Get_Free .TamplateWrap h1.Title {
    margin-top: 70px;
  }
  .StyleText_1 {
    left: 50%;
    margin-left: -48px;
    transform: rotate(13deg);
    top: -112px;
  }
  .StyleText_2 {
    left: 50%;
    margin-left: -80.5px;
    transform: rotate(0deg);
    top: -80px;
  }
  /** 101019 vish **/
  .SpeakingOddEvenWrap ul li .ImgWrap .Play,
  .SpeakingOddEvenWrap ul li .ImgWrap .PauseBtn {
    display: block;
    top: 103px;
    left: 109px;
    transform: rotate(13deg);
  }
  .SpeakingOddEvenWrap ul li:nth-child(even) .ImgWrap,
  .SpeakingOddEvenWrap ul li .ImgWrap {
    width: 484px !important;
    margin: 0 auto 30px;
  }
  .SpeakingOddEvenWrap ul li:nth-child(even) .ImgWrap,
  .SpeakingOddEvenWrap ul li:nth-child(even) .DescWrap,
  .SpeakingOddEvenWrap ul li .DescWrap,
  .SpeakingOddEvenWrap ul li .ImgWrap {
    display: block;
    width: 100%;
    float: none;
    text-align: center;
    min-height: inherit !important;
  }
  .SpeakingOddEvenWrap ul li .Cell {
    display: block;
    vertical-align: middle;
  }
  .SpeakingOddEvenWrap ul li .ImgWrap {
    margin-bottom: 20px;
  }
  .SpeakingOddEvenWrap ul li {
    margin-bottom: 80px;
  }
  .SpeakingBgWrapper {
    min-height: 400px;
  }
  .WhatToExpectWrap .InfoCol .PaddingWrapper {
    padding: 50px 30px;
  }
  .WhatToExpectWrap .InfoCol {
    margin: 4px;
  }
  .SpeakingOddEvenWrap ul li {
    margin-bottom: 50px;
  }
  .Idx_Website_Trade_Wrap {
    text-align: center;
  }
  .Website_Trade_Calculator_Wrap .Left_Trade_Img_Wrapper {
    width: calc(100% - 400px);
    line-height: 0px;
  }
  .Website_Trade_Calculator_Wrap .Right_Trade_Title_Wrapper {
    margin: 0px 15px;
  }
  .Discover_Website_Wrap .Find_Out_Now_Wrap {
    width: 100%;
    padding: 20px 30px;
  }
  .Col1.Website_Url {
    padding: 8px 5px;
    margin-bottom: 10px;
  }
  .Website_Trade2_Wrap h1.Title {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 10px;
  }
  .Website_Trade2_Wrap .Find_Out_Now_Wrap {
    width: 100%;
    margin: 20px auto;
    padding: 20px;
  }
  .Website_Trade2_Wrap .Find_Out_Now_Wrap .Left_Img_Wrapper {
    width: 100%;
    float: none;
    margin: 0px;
    padding: 0px;
    border: 0px;
    margin-bottom: 15px;
    min-height: inherit !important;
  }
  .Website_Trade2_Wrap .Find_Out_Now_Wrap .Right_Description_Wrap {
    float: none;
    width: 100%;
    margin: 0px auto;
  }
  .Website_Trade2_Wrap .InnerContainWrapper {
    padding: 30px 0px;
  }
  .Col1.Website_Url input {
    margin-left: 0px;
    width: calc(100% - 90px);
    margin: 5px 0px;
  }
  .Col1.Website_Url span {
    display: block;
    text-align: left;
  }
	
/** 290520 vish **/	
	
.footer-container .logo {
    margin: 0 auto;
}

	
	
}

@media only screen and (max-width: 980px) {
  /** index **/
  /** services **/
  /** web-design **/
  .DesignSectionsWrap .ResDesigningSection .ImgWrap .GraphicsWrap {
    top: 65px;
  }
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 181px !important;
    height: 338px !important;
    top: 47px;
    left: 162px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap .PaddingWrap {
    padding: 46px 0px 0px 0px;
  }
  /** visual **/
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  /** contact **/
  .ContactInfoWrap .InfoCol {
    margin: 4px;
  }
}

@media only screen and (max-width: 966px) {
  /** index **/

  .Discover_Website_Wrap .Find_Out_Now_Wrap {
    padding: 25px 30px;
  }
  .Discover_Website_Wrap .Find_Out_Now_Wrap .Fill_Gray_Btn {
    margin-top: 20px;
  }
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 179px !important;
    height: 336px !important;
    top: 46px;
    left: 159px;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 84px;
    left: 107px;
  }
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  /** contact **/
}

@media only screen and (max-width: 960px) {
  /** index **/
  /** services **/
  /** web-design **/
  .CaseStudiesTestimonialsWrap .ImgWrap .PaddingWrap {
    padding: 52px 0px 0px 0px;
  }
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 178px !important;
    height: 335px !important;
    top: 45px;
    left: 158px;
  }
  /** visual **/
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  /** contact **/
}

@media only screen and (max-width: 950px) {
  .Discover_Website_Wrap .Find_Out_Now_Wrap .Fill_Gray_Btn {
    margin-top: 10px;
  }
  .Discover_Website_Wrap .Find_Out_Now_Wrap {
    padding: 20px;
  }
  .Discover_Website_Wrap span.TagLine,
  .Website_Trade2_Wrap span.TagLine {
    font-size: 16px;
    line-height: 26px;
  }
  .Discover_Website_Wrap h3.Title,
  .Website_Trade2_Wrap h3.Title {
    font-size: 30px;
    line-height: 35px;
  }
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 175px !important;
    height: 334px !important;
    top: 42px;
    left: 157px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap .PaddingWrap {
    padding: 56px 0px 0px 0px;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 80px;
    left: 106px;
  }
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  /** contact **/
}

@media only screen and (max-width: 900px) {
  .Discover_Website_Wrap .Find_Out_Now_Wrap label {
    font-size: 14px;
    line-height: 20px;
  }
  .Website_Trade_Calculator_Wrap .Left_Trade_Img_Wrapper {
    width: calc(100% - 370px);
  }
  .Website_Trade_Calculator_Wrap .Right_Trade_Title_Wrapper h1.Title {
    font-size: 50px;
    line-height: 65px;
  }
  /** index **/
  /** services **/
  /** web-design **/
  .HowWeCanHelpWrap .ImgWrap .GraphicsWrap {
    right: -215px;
    top: 35px;
    width: 42%;
  }
  .HowWeCanHelpWrap .DetailWrap .Desc,
  .DesignSectionsWrap .Desc,
  .DesignSectionsWrap .SectionRow.RecentWorkSection .Desc,
  .GetSocialMediaWrap .SocialMediaDetailWrap .Desc,
  .MarketingTwoColWrap .MarketingRow .DetailWrap .Desc,
  .VisualGraphicsDesignWrap .DetailWrap .Desc,
  .MarketingWrap .ContentWrap .Desc,
  .VisualTwoColWrap .DetailWrap .Desc,
  .VisualPhotographyWrap .DetailWrap .Desc,
  .WhatMakesDifferentWrap .Desc,
  .VisualVideographyWrap .Text,
  .VisualVideographyWrap .TwoColDescWrap,
  .VisualLinksBtnWrap .Desc {
    font-size: 22px;
    line-height: 32px;
  }
  .DesignSectionsWrap .ResDesigningSection .ImgWrap {
    width: 68%;
    padding-top: 0;
  }
  .WebDesignDetailsWrap
    .DesignSectionsWrap
    .ResDesigningSection
    .ImgWrap
    .GraphicsWrap {
    top: 25px;
    left: auto;
    right: -220px;
    width: 38%;
  }
  .WebDesignTestimonialsWrap .TestimonialsDetailWrap h4 {
    font-size: 25px;
    line-height: 35px;
  }
  .WebDesignTestimonialsWrap .TestimonialsDetailWrap .Desc {
    font-size: 18px;
    line-height: 29px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap {
    min-height: 670px !important;
    display: block;
  }
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 165px !important;
    height: 327px !important;
    top: 35px;
    left: 150px;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 80px;
    left: 99px;
  }
  .VisualVideoPowerWrap .ImgWrap #visual-video1 {
    width: 72%;
    left: 50%;
    margin-left: -36%;
  }
  /** general-marketing **/
  /** why-us **/
  .box {
    width: 96% !important;
    margin-left: -48% !important;
  }
  /** say-what **/

  /** contact **/

  .AvailablePositionTextWrap .DetailListWrap .List {
    width: 32.5%;
  }
}

@media only screen and (max-width: 854px) {
  .Discover_Website_Wrap .Find_Out_Now_Wrap .Col1,
  .Discover_Website_Wrap .Find_Out_Now_Wrap .Col2,
  .Discover_Website_Wrap .Find_Out_Now_Wrap .Col3,
  .Discover_Website_Wrap .Find_Out_Now_Wrap .Col4 {
    margin-bottom: 0px;
  }
  .Discover_Website_Wrap .Find_Out_Now_Wrap .Fill_Gray_Btn a {
    font-size: 12px;
  }
  .Discover_Website_Wrap .Find_Out_Now_Wrap::after {
    background-size: 100%;
  }
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow:nth-child(odd) .SocialMediaDetailWrap,
  .GetSocialMediaWrap .MediaRow:nth-child(even) .SocialMediaDetailWrap {
    float: none;
    text-align: center;
    width: 100%;
    display: block;
    min-height: inherit !important;
  }
  .GetSocialMediaWrap .MediaRow:nth-child(odd) .SocialMediaImgWrap,
  .GetSocialMediaWrap .MediaRow:nth-child(even) .SocialMediaImgWrap {
    float: none;
    width: auto;
  }
  .GetSocialMediaWrap
    .MediaRow:nth-child(odd)
    .SocialMediaDetailWrap
    .GraySepLine,
  .GetSocialMediaWrap
    .MediaRow:nth-child(even)
    .SocialMediaDetailWrap
    .GraySepLine {
    margin: 10px auto 25px;
    text-align: center;
  }
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 30.5% !important;
    height: auto !important;
    top: 84px;
    left: 229px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap {
    min-height: 639px !important;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 75px;
    left: 94px;
  }
  .VisualGraphicsDesignWrap .ImgWrap .SliderCol h4 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 15px;
  }
  /** general-marketing **/
  .MarketingTwoColWrap .MarketingRow.Row1 .ImgWrap .LongArrow {
    position: absolute;
    top: -180px;
    left: 55px;
  }
  .MarketingTwoColWrap .MarketingRow.Row1 .ImgWrap {
    margin-top: 20px;
  }
  .GetSocialMediaWrap .MediaRow.SocialInstagram .SocialMediaImgWrap {
    text-align: center;
    margin-top: 30px;
    min-height: inherit !important;
  }
  /** why-us **/
  /** say-what **/
  /** contact **/
  .ContactFormWrap h5 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 30px;
  }
  .LetsDoWrap .TextWrap {
    font-size: 60px;
    line-height: 75px;
  }
  .LetsDoWrap .ImgWrap {
    margin: -50px 0 0 0;
  }
  .ContactInfoWrap .InfoCol {
    float: none;
    width: 100%;
    margin: 7px 0px;
    display: block;
    min-height: inherit !important;
  }
  .ContactInfoWrap .InfoCol .PaddingWrapper {
    padding: 30px 15px;
    display: block;
  }
  .ContactInfoWrap .InfoCol .IconWrap,
  .ContactInfoWrap .InfoCol.Phone .Text {
    min-height: inherit !important;
  }
  .WeServingWrap h2.Title {
    font-size: 30px;
    line-height: 38px;
  }
  .WeServingWrap h5 {
    font-size: 16px;
    line-height: 20px;
  }
  .WeServingWrap .Desc {
    font-size: 14px;
    line-height: 24px;
  }
  .ApplyIframeWrap > div {
    width: 100% !important;
  }
  /** 101019 vish **/

  .WhatToExpectWrap .InfoCol {
    float: none;
    width: auto;
    margin: 6px;
    text-align: center;
    display: block;
    min-height: inherit !important;
  }
  .TopicsWrap ul li {
    width: 43%;
  }
}

@media only screen and (max-width: 812px) {
  .Discover_Website_Wrap .Find_Out_Now_Wrap .Col1,
  .Discover_Website_Wrap .Find_Out_Now_Wrap .Col2,
  .Discover_Website_Wrap .Find_Out_Now_Wrap .Col3,
  .Discover_Website_Wrap .Find_Out_Now_Wrap .Col4 {
    width: 100%;
    display: block;
  }
  .Website_Trade_Calculator_Wrap .InnerContainWrapper {
    padding: 15px 20px 10px;
  }
  .Discover_Website_Wrap span.TagLine,
  .Website_Trade2_Wrap span.TagLine {
    font-size: 14px;
    line-height: 20px;
  }
  .Website_Trade_Calculator_Wrap .Left_Trade_Img_Wrapper {
    width: calc(100% - 370px);
  }
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 32% !important;
    height: auto !important;
    top: 87px;
    left: 228px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap {
    min-height: 614px !important;
  }
  /** visual **/
  .VisualVideoPowerWrap .ImgWrap #visual-video1 {
    width: 74%;
    left: 50%;
    margin-left: -37%;
    top: 28px;
  }
  .PhotographySliderWrap {
    width: 45%;
    bottom: 71px;
    left: 90px;
  }
  /** general-marketing **/
  /** why-us **/
  .TeamOverlaySliderWrap .ImgWrap {
    margin: 0 30px 0 0 !important;
  }
  /** say-what **/
  .SayWhatRow.NewSayWhatRow .SayWhatGraphicsWrap {
    bottom: auto !important;
    top: 0px;
    left: -170px !important;
  }
  /** contact **/
}

@media only screen and (max-width: 800px) {
  .Website_Trade_Calculator_Wrap .Left_Trade_Img_Wrapper {
    width: calc(100% - 300px);
  }
  .Website_Trade_Calculator_Wrap .Right_Trade_Title_Wrapper h1.Title {
    font-size: 40px;
    line-height: 50px;
  }
  .Find_Out_Now_Wrap select {
    background-position: 97% 22px;
  }
  .Discover_Website_Wrap .Find_Out_Now_Wrap .Col1 span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
  }
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 33% !important;
    height: auto !important;
    top: 82px;
    left: 224px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap {
    min-height: 608px !important;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 70px;
    left: 88px;
  }
  /** general-marketing **/
  .MarketingTwoColWrap .MarketingRow.Row1 .ImgWrap .LongArrow {
    position: absolute;
    top: -150px;
    left: 55px;
  }
  /** why-us **/
  /** say-what **/
  /** contact **/
}

@media only screen and (max-width: 773px) {
  .WhatMakesDifferentWrap.TamplateWrap .Desc .ImgWrap.Little_Cake_Img {
    margin: 0px 0px 10px;
    line-height: 0px;
  }
  .WhatMakesDifferentWrap.TamplateWrap .Desc .ImgWrap img {
    position: inherit;
    top: 0px;
  }
  /** index **/
  .Header h1 {
    font-size: 50px;
    line-height: 60px;
  }
  .IdxTestimonialsSliderWrap ul li .ImageWrap {
    margin-bottom: 15px;
    float: none;
    width: 100%;
    text-align: center;
  }
  .IdxTestimonialsSliderWrap ul li .TastimonialDescWrap {
    float: none;
    width: 100%;
  }
  .IdxTestimonialsSliderWrap li .Name,
  .TabInfoWrap .Name {
    margin: 30px 0 5px;
  }
  .IdxTestimonialsSliderWrap .TrnsBtn {
    margin-top: 0;
  }
  .IdxTestimonialsSliderWrap ul li .TastimonialDescWrap .Desc {
    font-size: 20px;
    line-height: 30px;
  }
  /** services **/
  /** web-design **/
  .HowWeCanHelpWrap .ImgWrap {
    width: 66%;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap {
    min-height: 592px !important;
  }
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 33.5% !important;
    height: auto !important;
    top: 86px;
    left: 228px;
  }
  /** visual **/
  .LinksBtnWrap li {
    font-size: 28px;
    line-height: 38px;
  }
  .LinksBtnWrap li {
    font-size: 28px;
    line-height: 38px;
    min-height: 60px;
  }
  .LinksBtnWrap li a {
    padding: 15px 10px 5px;
  }
  .PhotographySliderWrap {
    width: 45%;
    bottom: 69px;
    left: 85px;
  }
  .VisualVideographyWrap .ImgWrap .GraphicsWrap {
    right: auto;
    top: -180px;
    width: 30%;
    margin-left: -15%;
    left: 50%;
  }
  .VisualVideographyWrap .ImgWrap {
    float: none;
    margin-left: 0;
    margin-top: 140px;
  }
  /** general-marketing **/
  /** why-us **/
  .TeamWrap li {
    width: 32%;
  }
  .TeamOverlaySliderWrap .ImgWrap {
    display: none !important;
  }
  .TeamOverlaySliderWrap .BioDetailWrap {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
  }
  .TeamOverlaySliderWrap .BioDetailWrap .ResImg {
    display: block;
    margin: 20px auto 0;
  }
  .TeamOverlaySliderWrap .BioDetailWrap .ResImg img {
    width: auto;
    margin: 0 auto;
  }
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row2 .ImgWrap .SayWhatGraphicsWrap {
    left: -100px !important;
  }
  .SayWhatNewWrap .SayWhatRow .DetailWrap {
    font-size: 20px;
    line-height: 35px;
  }
  .SayWhatNewWrap .SayWhatRow.Row1 .SayWhatGraphicsWrap {
    bottom: auto;
    top: 60px;
  }
  .SayWhatNewWrap .SayWhatRow.Row3 .ImgWrap {
    padding-left: 0;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .ImgWrap .SayWhatGraphicsWrap {
    left: -150px !important;
  }
  .MadeItAllWrapper .SubTitle {
    font-size: 15px;
    line-height: 22px;
  }
  .MadeItAllWrapper h2.Title br {
    display: none;
  }
  /** contact **/

  .AvailablePositionTextWrap .DetailListWrap .List {
    width: 100%;
    margin-bottom: 20px;
  }
  .AvailablePositionTextWrap .DetailListWrap .List:last-child {
    margin-bottom: 0px;
  }
  .AvailablePositionTextWrap .DetailListWrap .List .Col {
    width: 100%;
  }
  div#CntThanksMsg {
    height: inherit !important;
  }
  div#ConnectThanksMsg h4,
  div#CntThanksMsg h4 {
    font-size: 28px !important;
    line-height: 35px !important;
    margin: 60px auto !important;
  }
  div#ContPopThanksMsg {
    font-size: 28px !important;
    line-height: 35px !important;
  }
  .TamplateWrap .ImgWrap {
    display: block;
    float: none;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 34% !important;
    height: auto !important;
    top: 86px;
    left: 226px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap {
    min-height: 589px !important;
  }
  /** visual **/
  /** general-marketing **/
  .MarketingTwoColWrap .MarketingRow.Row1 .ImgWrap .LongArrow {
    position: absolute;
    top: -128px;
    left: 55px;
  }
  /** why-us **/
  /** say-what **/
  /** contact **/

  .TamplateWrap h1.Title {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 753px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 34.5% !important;
    height: auto !important;
    top: 85px;
    left: 228px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap {
    min-height: 579px !important;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 65px;
    left: 83px;
  }
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row5 .ImgWrap .SayWhatGraphicsWrap {
    left: -95px !important;
    width: 34%;
  }
  /** contact **/
  .ContactFSocialIcon.FSocialIcon li {
    margin: 0px 12px;
  }
}

@media only screen and (max-width: 736px) {
  /** index **/
  /** services **/
  /** web-design **/
  .WebDesignTestimonialsWrap .TestimonialsDetailWrap h4 {
    font-size: 24px;
    line-height: 33px;
  }
  /** get-social **/
  .ContactHeaderWrap .HelloText {
    font-size: 100px;
    line-height: 100px;
  }
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35% !important;
    height: auto !important;
    top: 88px;
    left: 227px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap {
    min-height: 568px !important;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 65px;
    left: 81px;
  }
  /** general-marketing **/
  .MarketingTwoColWrap .MarketingRow.Row1 .ImgWrap .LongArrow {
    position: absolute;
    top: -105px;
    left: 55px;
  }
  .MarketingTwoColWrap .InnerContainWrapper {
    padding: 0px 0 60px;
  }
  /** why-us **/
  /** say-what **/
  /** contact **/
}

@media only screen and (max-width: 732px) {
  /** index **/
  /** services **/
  /** web-design **/
  .CaseStudiesTestimonialsWrap .ImgWrap {
    min-height: 568px !important;
  }
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35% !important;
    height: auto !important;
    top: 88px;
    left: 225px;
  }
  /** visual **/
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  /** contact **/
}

@media only screen and (max-width: 731px) {
  .Discover_Website_Wrap h3.Title,
  .Website_Trade2_Wrap h3.Title {
    font-size: 28px;
    line-height: 35px;
  }
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  /** visual **/
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  /** contact **/
}

@media only screen and (max-width: 720px) {
  .box2.ContactOverlay {
    margin-left: -45%;
    width: 90%;
  }

  .ContactFormWrap {
    text-align: center;
  }

  .box2.ContactOverlay .FormWrapper {
    width: 100%;
  }

  .box2.ContactOverlay .FormWrapper .Col1,
  .box2.ContactOverlay .FormWrapper .Col2,
  .box2.ContactOverlay .FormWrapper .Col3,
  .box2.ContactOverlay .FormWrapper .Col4 {
    width: 100%;
    text-align: center;
  }

  .Website_Trade_Calculator_Wrap .Right_Trade_Title_Wrapper h1.Title br {
    display: none;
  }
  .Website_Trade_Calculator_Wrap .Right_Trade_Title_Wrapper h1.Title {
    font-size: 50px;
    line-height: 60px;
  }
  .Website_Trade_Calculator_Wrap .Right_Trade_Title_Wrapper {
    margin: 10px 0px;
    display: block;
  }
  .Website_Trade_Calculator_Wrap .Left_Trade_Img_Wrapper {
    width: 100%;
    display: block;
  }
  .Website_Trade_Calculator_Wrap .InnerContainWrapper {
    padding: 20px 0px;
  }
  /** index **/
  .FooterLink li {
    padding: 0 12px;
  }
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35% !important;
    height: auto !important;
    top: 83px;
    left: 224px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap {
    min-height: 559px !important;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 63px;
    left: 79px;
  }
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  /** contact **/
}

@media only screen and (max-width: 667px) {
  .box2.ContactOverlay h3.Title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .ContactFormWrap {
    text-align: center;
    padding: 40px 10px 20px;
  }

  .Website_Trade2_Wrap .Right_Description_Wrap h5 {
    font-size: 25px;
    line-height: 35px;
  }
  /** index **/

  .Get_Free .TamplateWrap h1.Title {
    margin-top: 100px;
  }
  .Header h1 {
    font-size: 40px;
    line-height: 45px;
  }
  h1.Title {
    font-size: 40px;
    line-height: 45px;
  }
  h2.Title {
    font-size: 25px;
    line-height: 30px;
  }
  .FooterLink li {
    padding: 0 12px;
  }
  /** services **/
  .ContactHeaderWrap .HelloText {
    font-size: 95px;
    line-height: 95px;
  }
  /** web-design **/
  .HowWeCanHelpWrap .ImgWrap .GraphicsWrap {
    right: -215px;
    top: 35px;
    width: 53%;
  }
  .SpeakingOddEvenWrap ul li .DescWrap .Desc,
  .HowWeCanHelpWrap .DetailWrap .Desc,
  .DesignSectionsWrap .Desc,
  .DesignSectionsWrap .SectionRow.RecentWorkSection .Desc,
  .GetSocialMediaWrap .SocialMediaDetailWrap .Desc,
  .MarketingTwoColWrap .MarketingRow .DetailWrap .Desc,
  .VisualGraphicsDesignWrap .DetailWrap .Desc,
  .MarketingWrap .ContentWrap .Desc,
  .VisualTwoColWrap .DetailWrap .Desc,
  .VisualPhotographyWrap .DetailWrap .Desc,
  .WhatMakesDifferentWrap .Desc,
  .VisualVideographyWrap .Text,
  .VisualVideographyWrap .TwoColDescWrap,
  .VisualLinksBtnWrap .Desc {
    font-size: 16px;
    line-height: 28px;
  }
  .DesignSectionsWrap .ResDesigningSection .ImgWrap {
    width: 75%;
    padding-top: 0;
  }
  .WebDesignDetailsWrap
    .DesignSectionsWrap
    .ResDesigningSection
    .ImgWrap
    .GraphicsWrap {
    top: 45px;
    left: auto;
    right: -167px;
    width: 36%;
  }
  .DesignSectionsWrap .SectionRow {
    margin: 50px 0;
  }
  .DesignSectionsWrap .RecentWorkSection .ImgWrap {
    margin-left: 200px;
  }
  .DesignSectionsWrap .RecentWorkSection .ImgWrap .GraphicsWrap {
    top: 40px;
    left: -170px;
    width: 42%;
  }
  .WebDesignTestimonialsWrap .InnerContainWrapper {
    padding: 40px 0px;
  }
  .WebDesignTestimonialsWrap .ImgWrap {
    float: none;
    width: 100%;
    min-height: inherit !important;
    text-align: center;
    margin-bottom: 35px;
  }
  .WebDesignTestimonialsWrap .ImgWrap .PaddingWrap {
    padding: 0 0 0 0;
  }
  .WebDesignDesktopFremWrap ul li .Col .ImgWrap {
    min-height: 330px !important;
    height: inherit;
  }
  .WebDesignDesktopFremWrap .InnerContainWrapper {
    padding: 0px 0px 40px;
  }
  .WebDesignTestimonialsWrap .ImgWrap img {
    width: 66% !important;
  }
  .VisualPageTestimonialsWrap .ImgWrap img {
    width: auto !important;
  }
  .GeneralMarketingTestimonialsWrap .ImgWrap img,
  .GetSocialTestimonialsWrap .ImgWrap img {
    width: auto !important;
  }
  .WebDesignTestimonialsWrap .ImgWrap .PaddingWrap {
    padding: 0px 0 23px 0;
  }
  .WebDesignTestimonialsWrap .TestimonialsDetailWrap {
    width: 100%;
    min-height: inherit !important;
  }
  .WebDesignTestimonialsWrap .flex-control-nav {
    width: 100%;
  }
  .WebDesignTestimonialsWrap .TestimonialsDetailWrap:before {
    display: none;
  }
  .WebDesignVideoWrap {
    margin: 0px 0px;
  }
  /** get-social **/
  .GetSocialMediaWrap .MediaRow:nth-child(odd) .SocialMediaImgWrap,
  .GetSocialMediaWrap .MediaRow:nth-child(even) .SocialMediaImgWrap {
    float: none;
    width: 100%;
    margin-left: 0;
    min-height: inherit !important;
  }
  .GetSocialMediaWrap .MediaRow:nth-child(odd) .SocialMediaImgWrap {
    margin-left: -21px;
  }
  .GetSocialMediaWrap .MediaRow:nth-child(odd) .SocialMediaDetailWrap,
  .GetSocialMediaWrap .MediaRow:nth-child(even) .SocialMediaDetailWrap {
    float: none;
    text-align: center;
    display: block;
    width: 100%;
    min-height: inherit !important;
    margin-top: 20px;
  }
  .GetSocialMediaWrap
    .MediaRow:nth-child(odd)
    .SocialMediaDetailWrap
    .GraySepLine,
  .GetSocialMediaWrap
    .MediaRow:nth-child(even)
    .SocialMediaDetailWrap
    .GraySepLine {
    margin: 10px auto 25px;
    text-align: center;
  }
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35% !important;
    height: auto !important;
    top: 77px;
    left: 196px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap .PaddingWrap {
    padding: 21px 0px 0px 0px;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap img {
    width: 92% !important;
  }
  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 456px !important;
  }
  /** visual **/
  .VisualVideoPowerWrap .ImgWrap #visual-video1 {
    width: 74%;
    left: 50%;
    margin-left: -37%;
    top: 21px;
  }
  .VisualVideoPowerWrap .SoundBtnWrap {
    top: 33px;
    left: 20%;
  }
  .VisualVideoPowerWrap .ImgWrap .PauseBtn,
  .VisualVideoPowerWrap .ImgWrap .Play.PlayBtn1 {
    left: 26%;
    top: 33px;
  }
  .PhotographySliderWrap {
    width: 45%;
    bottom: 57px;
    left: 73px;
  }
  .VisualPhotographyWrap .IdxContainWrapper {
    padding: 40px 0 30px;
  }
  /** general-marketing **/
  .MarketingTwoColWrap .MarketingRow.Row1 .ImgWrap .LongArrow {
    position: absolute;
    top: -72px;
    left: 55px;
  }
  /** why-us **/
  .WhatMakesDifferentWrap h3 {
    font-size: 25px;
    line-height: 30px;
  }
  .TeamWrap li {
    margin: 5px 2px;
  }
  .TeamWrap li .TeamInfo .Text br {
    display: block;
  }
  .CaptionLineWrap h1 {
    font-size: 30px;
    line-height: 40px;
    padding-top: 10px;
  }
  .box .OverlayWrapper {
    padding: 35px 10px !important;
  }
  .TeamOverlaySliderWrap .BioDetailWrap {
    padding: 0 20px !important;
    box-sizing: border-box;
  }
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow .DetailWrap {
    font-size: 16px;
    line-height: 28px;
  }
  .SayWhatNewWrap .SayWhatRow.Row1 .SayWhatGraphicsWrap {
    top: 60px;
    right: -125px;
    width: 45%;
  }
  .SayWhatNewWrap .SayWhatRow.Row2 .ImgWrap .SayWhatGraphicsWrap {
    left: -24px !important;
    width: 25%;
  }
  .SayWhatRow.NewSayWhatRow.Row4 .SayWhatGraphicsWrap {
    bottom: auto !important;
    right: -159px !important;
    left: auto !important;
    top: 85px;
    width: 50%;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .ImgWrap .SayWhatGraphicsWrap {
    left: -44px !important;
    width: 28%;
  }
  /** contact **/
  .LetsDoWrap .TextWrap {
    font-size: 50px;
    line-height: 60px;
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    display: block;
  }
  .LetsDoWrap .TextWrap > div {
    display: block;
  }
  .LetsDoWrap .ImgWrap {
    float: none;
    margin: 0px 0 0 0;
    width: 100%;
    text-align: center;
  }
  .ContactFormWrap {
    text-align: center;
  }
  .CaptionLineWrap a span {
    padding: 0 0 0 5px;
  }
  .CaptionLineWrap a span:before {
    left: -2px !important;
  }
  .SpeakingOddEvenWrap ul li {
    margin-bottom: 60px;
  }
  .TopicsWrap ul li {
    width: auto;
    display: block;
    margin-right: 0px;
  }
  .WhatToExpectWrap .InfoCol .PaddingWrapper {
    padding: 40px 30px;
  }
  .WhatToExpectWrap .InfoCol .Title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  .SpeakingBgWrapper {
    min-height: 300px;
  }
}

@media only screen and (max-width: 640px) {
  /** index **/

  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35% !important;
    height: auto !important;
    top: 73px;
    left: 189px;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 56px;
    left: 70px;
  }
  .VisualVideographyWrap .ImgWrap .GraphicsWrap {
    top: -180px;
  }
  /** general-marketing **/
  /** why-us **/
  .WhatMakesDifferentWrap .GraySepLine {
    margin: 20px auto 28px;
  }
  .TeamWrap li .TeamInfo .Name {
    font-size: 14px;
    line-height: 20px;
  }
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row5 .ImgWrap {
    margin-top: 80px;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .ImgWrap .SayWhatGraphicsWrap {
    left: 0px !important;
    width: 28%;
    top: -120px;
  }
  /** contact **/

  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 513px !important;
    height: inherit !important;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap .PaddingWrap {
    padding: 58px 0px 0px 0px;
  }
}

@media only screen and (max-width: 604px) {
  /** index **/
  /** services **/
  /** web-design **/
  .HowWeCanHelpWrap .ImgWrap .GraphicsWrap {
    right: -190px;
    top: 35px;
    width: 53%;
  }
  .WebDesignDetailsWrap
    .DesignSectionsWrap
    .ResDesigningSection
    .ImgWrap
    .GraphicsWrap {
    top: 45px;
    right: -150px;
    width: 36%;
  }
  .WebDesignTestimonialsWrap .TestimonialsDetailWrap h4 {
    font-size: 20px;
    line-height: 28px;
  }
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35% !important;
    height: auto !important;
    top: 70px;
    left: 177px;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 54px;
    left: 66px;
  }
  /** general-marketing **/
  .MarketingTwoColWrap .MarketingRow.Row1 .ImgWrap .LongArrow {
    position: absolute;
    top: -40px;
    left: 55px;
  }
  /** why-us **/
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row1 .SayWhatGraphicsWrap {
    top: 150px;
    right: -62px;
    width: 34%;
  }
  .SayWhatNewWrap .SayWhatRow.Row2 .ImgWrap {
    margin-top: 65px;
  }
  .SayWhatNewWrap .SayWhatRow.Row2 .ImgWrap .SayWhatGraphicsWrap {
    left: 0px !important;
    width: 25%;
    top: -85px;
  }
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 82px;
    top: 101px;
    width: 402px;
    height: 498px;
  }
  .SayWhatNewWrap .SayWhatRow.Row3 .ImgWrap .SayWhatGraphicsWrap {
    bottom: auto;
    right: -75px;
    top: 90px;
    width: 40%;
  }
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap video {
    top: 50px;
    left: 71px;
    width: 264px;
    height: 505px;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap video {
    position: absolute;
    right: 82px;
    top: 97px;
    transform: rotate(13.3deg);
    width: 405px;
    height: 506px;
    background-color: #000;
  }
  .MadeItAllWrapper h2.Title {
    font-size: 30px;
    line-height: 37px;
  }
  /** contact **/

  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 491px !important;
    height: inherit !important;
  }
}

@media only screen and (max-width: 600px) {
  .Website_Trade_Calculator_Wrap .Right_Trade_Title_Wrapper h1.Title {
    font-size: 40px;
    line-height: 50px;
  }
  .Discover_Website_Wrap h3.Title,
  .Website_Trade2_Wrap h3.Title {
    font-size: 24px;
    line-height: 30px;
  }
  .Website_Trade_Calculator_Wrap .Right_Trade_Title_Wrapper {
    margin-bottom: 0px;
  }
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35% !important;
    height: auto !important;
    top: 69px;
    left: 177px;
  }
  /** visual **/
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  /** contact **/
  .SpeakingOddEvenWrap .VideoWrap img {
    max-width: 90%;
    margin-bottom: -8px;
    transform: rotate(-90deg);
  }
  .SpeakingOddEvenWrap ul li video {
    position: absolute;
    left: 48px;
    top: 60px;
    transform: rotate(13deg);
    width: 386px;
    height: 430px;
    background-color: transparent;
  }
  .SpeakingOddEvenWrap ul li .SoundMutedBtn {
    position: absolute;
    top: 84px;
    left: 88px;
    transform: rotate(13deg);
  }
  .SpeakingOddEvenWrap ul li .ImgWrap .Play,
  .SpeakingOddEvenWrap ul li .ImgWrap .PauseBtn {
    display: block;
    top: 93px;
    left: 123px;
    transform: rotate(13deg);
  }
}

@media only screen and (max-width: 569px) {
  /** index **/
  .Header {
    bottom: auto;
    text-align: center;
    top: auto;
    left: auto;
    right: auto;
    position: relative;
    background-color: #49b6d7; /*rgb(66, 65, 67);*/
  }
  .Header h1 {
    color: #fff;
  }
  .Header .SepLine {
    border-bottom: 1px solid #fff;
    width: 150px;
  }
  .Header .MainWrapper {
    padding: 15px 0px 10px;
  }
  .IdxServiceWrap .SepLine {
    width: 150px;
  }
  .IdxTestimonialsSliderWrap ul li .TastimonialDescWrap .Desc {
    font-size: 18px;
    line-height: 27px;
  }
  .IdxTestimonialsSliderWrap ul li .TastimonialDescWrap {
    padding: 0px 0px;
  }
  /** services **/
  /** web-design **/
  .ContactHeaderWrap .InnerContainWrapper,
  .ServicesHaederWrap .InnerContainWrapper {
    padding: 50px 0px 10px;
  }
  .ContactHeaderWrap .HelloText {
    font-size: 70px;
    line-height: 75px;
  }
  .WebDesignDetailsWrap
    .DesignSectionsWrap
    .ResDesigningSection
    .ImgWrap
    .GraphicsWrap
    .ResGraphics {
    display: block;
  }
  .WebDesignDetailsWrap
    .DesignSectionsWrap
    .ResDesigningSection
    .ImgWrap
    .GraphicsWrap
    .ShowGraphics {
    display: none;
  }
  .WebDesignDetailsWrap
    .DesignSectionsWrap
    .ResDesigningSection
    .ImgWrap
    .GraphicsWrap {
    top: -118px;
    right: -90px;
    width: 46%;
  }
  .DesignSectionsWrap .ResDesigningSection .ImgWrap {
    width: 85%;
    margin-top: 120px;
  }
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35% !important;
    height: auto !important;
    top: 66px;
    left: 167px;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 51px;
    left: 62px;
  }
  .VisualVideoPowerWrap .ImgWrap .PauseBtn,
  .VisualVideoPowerWrap .ImgWrap .Play.PlayBtn1 {
    left: 27%;
    top: 33px;
  }
  .VisualVideographyWrap .ImgWrap .GraphicsWrap {
    top: -180px;
    width: 40%;
    margin-left: -20%;
  }
  .VisualVideographyWrap .ImgWrap {
    margin-top: 170px;
  }
  .VisualGraphicsDesignWrap .ImgWrap .SliderCol {
    display: block;
    width: 100%;
    margin: 0px auto;
    padding: 20px 30px 30px;
  }
  /** general-marketing **/
  .MarketingTwoColWrap .InnerContainWrapper {
    padding: 0 0 60px;
  }
  /** why-us **/
  .TeamWrap li {
    width: 48.5%;
  }
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 76px;
    top: 93px;
    width: 382px;
    height: 475px;
  }
  .SayWhatRow.NewSayWhatRow.Row4 .SayWhatGraphicsWrap {
    bottom: auto !important;
    right: -100px !important;
    left: auto !important;
    top: 85px;
    width: 40%;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap video {
    right: 76px;
    top: 93px;
    width: 381px;
    height: 475px;
  }
  /** contact **/
  .FormWrapper .Col1,
  .FormWrapper .Col2,
  .FormWrapper .Col3,
  .FormWrapper .Col4 {
    width: 100%;
  }
  .FormWrapper .Col2.SecurityCode,
  .FormWrapper .Col2.TAR {
    text-align: center;
  }
  .FormWrapper .Col2.SecurityCode {
    width: 312px;
    margin: 0 auto;
    display: block;
  }
  .ContactFSocialIcon.FSocialIcon li {
    margin: 0px 5px;
  }
  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 468px !important;
    height: inherit !important;
  }
}

@media only screen and (max-width: 568px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  /** visual **/
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  /** contact **/
}

@media only screen and (max-width: 540px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35% !important;
    height: auto !important;
    top: 63px;
    left: 159px;
  }
  /** visual **/
  .VisualVideoPowerWrap .ImgWrap #visual-video1 {
    width: 74%;
    left: 50%;
    margin-left: -37%;
    top: 17px;
  }
  .PhotographySliderWrap {
    width: 45%;
    bottom: 48px;
    left: 59px;
  }
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 73px;
    top: 89px;
    width: 361px;
    height: 450px;
  }
  .SayWhatNewWrap .SayWhatRow.Row3 .ImgWrap .SayWhatGraphicsWrap {
    bottom: auto;
    right: -25px;
    top: 90px;
    width: 34%;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap video {
    right: 74px;
    top: 88px;
    width: 361px;
    height: 451px;
  }
  /** contact **/

  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 449px !important;
    height: inherit !important;
  }
  .SpeakingOddEvenWrap .VideoWrap img {
    max-width: 80%;
  }
  .SpeakingOddEvenWrap ul li video {
    left: 69px;
    top: 26px;
    width: 343px;
  }
  .SpeakingOddEvenWrap ul li .ImgWrap .Play,
  .SpeakingOddEvenWrap ul li .ImgWrap .PauseBtn {
    top: 85px;
    left: 140px;
  }
  .SpeakingOddEvenWrap ul li .SoundMutedBtn {
    top: 76px;
    left: 103px;
  }
}

@media only screen and (max-width: 533px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35% !important;
    height: auto !important;
    top: 59px;
    left: 159px;
  }
  /** visual **/
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 72px;
    top: 86px;
    width: 355px;
    height: 446px;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap video {
    right: 73px;
    top: 88px;
    width: 356px;
    height: 449px;
  }
  /** contact **/

  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 445px !important;
    height: inherit !important;
  }
  .CaseStudiesTestimonialsWrap .flex-direction-nav a {
    top: 27%;
  }
}

@media only screen and (max-width: 480px) {
  .Website_Trade2_Wrap h1.Title {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 5px;
  }
  /** index **/
  div#section2 .ResImg img,
  div#section4 .ResImg img {
    margin-left: -72px;
  }
  /** services **/
  .ServiceListWrap ul li {
    width: 100%;
    margin: 0px auto 20px;
  }
  .ServiceListWrap ul li:last-child {
    margin: 0px auto 0px;
  }
  /** web-design **/
  .HowWeCanHelpWrap .ImgWrap {
    width: 85%;
    padding-top: 70px;
  }
  .HowWeCanHelpWrap .ImgWrap .GraphicsWrap {
    right: -53px;
    top: 0;
    width: 32%;
  }
  .DesignSectionsWrap .ResDesigningSection .ImgWrap {
    width: 100%;
    padding-top: 0;
  }
  .WebDesignDetailsWrap
    .DesignSectionsWrap
    .ResDesigningSection
    .ImgWrap
    .GraphicsWrap {
    top: 0;
    right: 0;
    width: 36%;
  }
  .DesignSectionsWrap .ResDesigningSection .ImgWrap {
    width: 100%;
    padding-top: 70px;
  }
  .WebDesignDetailsWrap
    .DesignSectionsWrap
    .ResDesigningSection
    .ImgWrap
    .GraphicsWrap {
    top: -90px;
    right: 0;
    width: 50%;
  }
  .DesignSectionsWrap .RecentWorkSection .ImgWrap {
    margin-left: 110px;
  }
  .DesignSectionsWrap .RecentWorkSection .ImgWrap .GraphicsWrap {
    top: 40px;
    left: -92px;
    width: 35%;
  }
  .WebDesignDesktopFremWrap ul li .Col .ImgWrap {
    min-height: 260px !important;
  }
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35% !important;
    height: auto !important;
    top: 55px;
    left: 142px;
  }
  /** visual **/
  .VisualVideoPowerWrap .SoundBtnWrap {
    top: 25px;
    left: 19%;
  }
  .VisualVideoPowerWrap .ImgWrap .PauseBtn,
  .VisualVideoPowerWrap .ImgWrap .Play.PlayBtn1 {
    left: 27%;
    top: 25px;
  }
  .VisualVideographyWrap .ImgWrap .GraphicsWrap {
    top: -180px;
    width: 46%;
    margin-left: -23%;
  }
  .PhotographySliderWrap {
    width: 45%;
    bottom: 43px;
    left: 53px;
  }
  .PhotographySliderWrap .flex-direction-nav a {
    width: 12px;
    height: 20px;
    margin: -10px 0 0;
    background-size: 100% !important;
  }
  /** general-marketing **/
  .MarketingTwoColWrap .MarketingRow.Row1 .ImgWrap .LongArrow {
    position: absolute;
    top: -36px;
    left: 42px;
  }
  /** why-us **/
  .FaqTitle h6 {
    font-size: 16px !important;
    line-height: 22px;
  }
  .FaqListWrap .PrimaryDutiesListWrap h5 {
    font-size: 20px;
    line-height: 25px;
  }
  .FaqListWrap .Plus,
  .FaqListWrap .Minus {
    top: 0px;
  }
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row1 .SayWhatGraphicsWrap {
    top: 0;
    right: 0;
    width: 34%;
  }
  .SayWhatNewWrap .SayWhatRow.Row1 .ImgWrap {
    padding-top: 40px;
  }
  .SayWhatNewWrap .SayWhatRow.Row2 .ImgWrap .SayWhatGraphicsWrap {
    left: 0px !important;
    width: 29%;
    top: -85px;
  }
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 64px;
    top: 80px;
    width: 322px;
    height: 399px;
  }
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap .SoundMutedBtn,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap .SoundMutedBtn {
    position: absolute;
    top: 60px;
    left: 117px;
    transform: rotate(14deg);
  }
  .SayWhatNewWrap .SayWhatRow.Row2 .Play,
  .SayWhatNewWrap .SayWhatRow.Row5 .Play,
  .SayWhatNewWrap .SayWhatRow.Row2 .PauseBtn,
  .SayWhatNewWrap .SayWhatRow.Row5 .PauseBtn {
    top: 70px;
    left: 154px;
    transform: rotate(14deg);
  }
  .SayWhatNewWrap .SayWhatRow.Row3 .ImgWrap .SayWhatGraphicsWrap {
    bottom: auto;
    right: 0;
    top: 0;
    width: 34%;
  }
  .SayWhatRow.NewSayWhatRow.Row4 .SayWhatGraphicsWrap {
    bottom: auto !important;
    right: -47px !important;
    left: auto !important;
    top: -18px;
    width: 40%;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap video {
    right: 65px;
    top: 79px;
    width: 321px;
    height: 400px;
  }
  /** contact **/
  .ContactFSocialIcon.FSocialIcon li {
    margin: 5px 18px;
  }
  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 414px !important;
    height: inherit !important;
  }
  div#ConnectThanksMsg h4,
  div#CntThanksMsg h4 {
    font-size: 20px !important;
    line-height: 26px !important;
    margin: 60px auto !important;
  }
  div#ContPopThanksMsg {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  /** 101019 vish **/

  .WhatToExpectWrap .InfoCol .Desc {
    font-size: 16px;
    line-height: 26px;
  }
  .WhatToExpectWrap .InfoCol .Title {
    font-size: 26px;
    line-height: 36px;
  }
  .WhatToExpectWrap .InfoCol .PaddingWrapper {
    padding: 30px 20px;
  }
  .TopicsWrap ul li {
    font-size: 16px;
    line-height: 26px;
  }
  .LetsConnectWrap .InnerContainWrapper {
    padding-bottom: 0px;
  }
  .SpeakingBgWrapper {
    min-height: 250px;
  }
  .SpeakingOddEvenWrap ul li:nth-child(even) .ImgWrap,
  .SpeakingOddEvenWrap ul li .ImgWrap {
    width: 375px !important;
    margin: 0 auto 30px;
  }
  .SpeakingOddEvenWrap ul li video {
    left: 53px;
    top: 22px;
    width: 266px;
    height: 332px;
  }
  .SpeakingOddEvenWrap ul li .SoundMutedBtn {
    top: 55px;
    left: 100px;
  }
  .SpeakingOddEvenWrap ul li .ImgWrap .Play,
  .SpeakingOddEvenWrap ul li .ImgWrap .PauseBtn {
    top: 67px;
    left: 120px;
  }
  .SpeakingOddEvenWrap ul li .SoundMutedBtn {
    top: 59px;
    left: 85px;
  }
	 
/** 290520 vish **/	
	
.contact-container.landing-layout .FormWrapper .moonray-form-element-wrapper.Col2 {
    width: 100%;
}	
.moonray-form .moonray-form-input-type-submit .moonray-form-input {
    font-size: 12px !important;
}	

.contact-container.landing-layout .flex-item.left .fix-container .grid-container ul {
    -ms-grid-columns: (minmax(280px, 1fr))[auto-fit] !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
}	
.fix-container .grid-container ul li .Col {
    padding: 40px 20px !important;
}	
.contact-container.landing-layout h1.Title {
    font-size: clamp(24px, 6vw, 40px) !important;
}	
	
}

@media only screen and (max-width: 435px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .ContactHeaderWrap .HelloText {
    font-size: 50px;
    line-height: 55px;
  }
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35% !important;
    height: auto !important;
    top: 49px;
    left: 129px;
  }
  /** visual **/
  .VisualVideoPowerWrap .ImgWrap .PauseBtn,
  .VisualVideoPowerWrap .ImgWrap .Play.PlayBtn1 {
    left: 28%;
    top: 25px;
  }
  .VisualVideoPowerWrap .ImgWrap #visual-video1 {
    width: 74%;
    left: 50%;
    margin-left: -37%;
    top: 14px;
  }
  .PhotographySliderWrap {
    width: 45%;
    bottom: 40px;
    left: 48px;
  }
  /** general-marketing **/
  /** why-us **/
  .ApplyIframeWrap > div {
    width: 100% !important;
  }
  .ApplyIframeWrap .moonray-form-p2c6927f14 .moonray-form {
    width: 100%;
    border-width: 0;
  }
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row1 .SayWhatGraphicsWrap {
    top: 0;
    right: 0;
    width: 40%;
  }
  .SayWhatNewWrap .SayWhatRow.Row1 .ImgWrap {
    padding-top: 46px;
  }
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 58px;
    top: 73px;
    width: 290px;
    height: 361px;
  }
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap video {
    top: 54px;
    left: 71px;
    width: 261px;
    height: 495px;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap video {
    right: 58px;
    top: 71px;
    width: 291px;
    height: 365px;
  }
  .SayWhatRow.NewSayWhatRow.Row4 .ImgWrap {
    margin-top: 50px;
  }
  .SayWhatRow.NewSayWhatRow.Row4 .SayWhatGraphicsWrap {
    top: -95px;
    right: 0px !important;
  }
  /** contact **/
  .LetsDoWrap .TextWrap {
    font-size: 40px;
    line-height: 50px;
  }
  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 386px !important;
    height: inherit !important;
  }
}

@media only screen and (max-width: 424px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35.5% !important;
    height: auto !important;
    top: 47px;
    left: 124px;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 38px;
    left: 47px;
  }
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 60px;
    top: 36%;
    width: 70.6%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap video {
    top: 24%;
    left: 75px;
    width: 63.5%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap video {
    right: 58px;
    top: 34%;
    width: 70%;
    height: auto;
  }
  .SayWhatRow.NewSayWhatRow.Row4 .SayWhatGraphicsWrap {
    bottom: auto !important;
    right: 0px !important;
    left: auto !important;
    top: -85px;
    width: 45%;
  }
  .SayWhatRow.NewSayWhatRow.Row4 .ImgWrap {
    margin-top: 70px;
  }
  .SayWhatRow.NewSayWhatRow.Row4 .SayWhatGraphicsWrap {
    top: -118px;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .ImgWrap .SayWhatGraphicsWrap {
    left: 0px !important;
    width: 35%;
    top: -89px;
  }
  /** contact **/

  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 378px !important;
    height: inherit !important;
  }
  .SpeakingOddEvenWrap ul li video {
    left: 54px;
    top: 22px;
    width: 266px;
  }
}

@media only screen and (max-width: 414px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35.5% !important;
    height: auto !important;
    top: 43px;
    left: 124px;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 38px;
    left: 45px;
  }
  /** general-marketing **/
  /** why-us **/
  .TeamWrap li {
    width: 48.2%;
  }
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 59px;
    top: 36%;
    width: 70.6%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap video {
    top: 24%;
    left: 72px;
    width: 64.5%;
    height: auto;
  }
  /** contact **/

  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 371px !important;
    height: inherit !important;
  }
  .SpeakingOddEvenWrap ul li video {
    left: 53px;
    top: 22px;
    width: 265px;
  }
}

@media only screen and (max-width: 412px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35.5% !important;
    height: auto !important;
    top: 46px;
    left: 121px;
  }
  /** visual **/
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 58px;
    top: 36%;
    width: 70.6%;
    height: auto;
  }
  /** contact **/
  .SpeakingOddEvenWrap ul li video {
    left: 54px;
    top: 23px;
    width: 265px;
  }
}

@media only screen and (max-width: 411px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  /** visual **/
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  /** contact **/
  .SpeakingOddEvenWrap ul li video {
    left: 54px;
    top: 23px;
    width: 264px;
  }
}

@media only screen and (max-width: 400px) {
  /** index **/
  .FooterLink li {
    padding: 0 8px;
  }
  .Header h1 {
    font-size: 30px;
    line-height: 35px;
  }
  .FooterLink li {
    padding: 8px 10px;
    display: block;
  }
  .FooterLink li.ResLink {
    display: block;
  }
  .FooterLink li.VisualLink {
    display: none;
  }
  .MadeItAllWrapper .SayWhatBottomBtnWrap .ColBtn .TransWhiteBtn {
    margin: 0 auto;
  }
  .IdxTestimonialsSliderWrap ul li .TastimonialDescWrap .Desc {
    font-size: 16px;
    line-height: 26px;
  }
  div#section2 .ResImg img,
  div#section4 .ResImg img {
    margin-left: -57px;
  }
  /** services **/
  /** web-design **/
  .HowWeCanHelpWrap .ImgWrap .GraphicsWrap {
    right: -55px;
    top: 0;
    width: 41%;
  }
  .DesignSectionsWrap .RecentWorkSection .ImgWrap {
    margin-left: 80px;
  }
  .DesignSectionsWrap .RecentWorkSection .ImgWrap .GraphicsWrap {
    top: 40px;
    left: -70px;
    width: 35%;
  }
  .WebDesignTestimonialsWrap .TestimonialsDetailWrap .Desc {
    font-size: 15px;
    line-height: 25px;
    padding: 0;
  }
  .WebDesignTestimonialsWrap .TestimonialsDetailWrap h6 {
    margin-top: 25px;
  }
  .WebDesignDesktopFremWrap ul li .Col .ImgWrap {
    min-height: 200px !important;
  }
  .WebDesignTestimonialsWrap .ImgWrap .PaddingWrap {
    padding: 0px 0 14px 0;
  }
  .WebDesignDetailsWrap
    .DesignSectionsWrap
    .ResDesigningSection
    .ImgWrap
    .GraphicsWrap {
    top: -90px;
    right: 0;
    width: 65%;
  }
  /** get-social **/
  .GetSocialMediaWrap .MediaRow:nth-child(odd) .SocialMediaImgWrap {
    margin-left: -13px;
  }
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35.5% !important;
    height: auto !important;
    top: 44px;
    left: 117px;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 35px;
    left: 44px;
  }
  .VisualVideographyWrap .ImgWrap .GraphicsWrap {
    top: -165px;
    width: 50%;
    margin-left: -25%;
  }
  /** general-marketing **/
  /** why-us **/
  .LinksBtnWrap li {
    width: 100%;
    margin: 6px auto;
  }
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row1 .SayWhatGraphicsWrap {
    top: 0;
    right: -60px;
    width: 51%;
  }
  .SayWhatNewWrap .SayWhatRow.Row1 .ImgWrap {
    padding-top: 46px;
    width: 80%;
  }
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 57px;
    top: 36%;
    width: 70.7%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap video {
    top: 24%;
    left: 69px;
    width: 64.5%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap video {
    right: 56px;
    top: 34%;
    width: 70%;
    height: auto;
  }
  .MadeItAllWrapper .SayWhatBottomBtnWrap .ColBtn {
    display: block;
    vertical-align: top;
    margin: 15px auto;
  }
  /** contact **/
  .ContactHeaderWrap .GraySepLine {
    width: 240px;
  }
  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 287px !important;
    height: inherit !important;
  }
  .CaseStudiesTestimonialsWrap .ImgWrap .PaddingWrap {
    padding: 19px 0px 0px 0px;
  }
  .CaseStudiesTestimonialsWrap .flex-direction-nav a {
    top: 20%;
  }
  .FooterLink li.HideLink {
    display: block;
  }
  .FooterLink li.ShowLink {
    display: none;
  }
  .GetSocialMediaWrap .MediaRow .SocialMediaImgWrap img {
    margin-bottom: 1px;
  }
}

@media only screen and (max-width: 384px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35.5% !important;
    height: auto !important;
    top: 41px;
    left: 114px;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 35px;
    left: 42px;
  }
  .VisualVideoPowerWrap .ImgWrap .PauseBtn,
  .VisualVideoPowerWrap .ImgWrap .Play.PlayBtn1 {
    left: 29%;
    top: 25px;
  }
  /** general-marketing **/
  .MarketingTwoColWrap .MarketingRow.Row1 .ImgWrap .LongArrow {
    position: absolute;
    top: -30px;
    left: 34px;
  }
  /** why-us **/
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 54px;
    top: 36%;
    width: 70.7%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap .SoundMutedBtn,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap .SoundMutedBtn {
    top: 50px;
    left: 94px;
  }
  .SayWhatNewWrap .SayWhatRow.Row2 .Play,
  .SayWhatNewWrap .SayWhatRow.Row5 .Play,
  .SayWhatNewWrap .SayWhatRow.Row2 .PauseBtn,
  .SayWhatNewWrap .SayWhatRow.Row5 .PauseBtn {
    top: 59px;
    left: 130px;
    transform: rotate(14deg);
  }
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap video {
    top: 24%;
    left: 66px;
    width: 64.5%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap video {
    right: 53px;
    top: 34%;
    width: 70%;
    height: auto;
  }
  /** contact **/
  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 276px !important;
    height: inherit !important;
  }
  .SpeakingOddEvenWrap ul li:nth-child(even) .ImgWrap,
  .SpeakingOddEvenWrap ul li .ImgWrap {
    width: 350px !important;
    margin: 0 auto 30px;
  }
  .SpeakingOddEvenWrap ul li video {
    left: 49px;
    top: 23px;
    width: 248px;
    height: 310px;
  }
  .SpeakingOddEvenWrap ul li .SoundMutedBtn {
    top: 54px;
    left: 73px;
  }
  .SpeakingOddEvenWrap ul li .ImgWrap .Play,
  .SpeakingOddEvenWrap ul li .ImgWrap .PauseBtn {
    top: 62px;
    left: 107px;
  }
}

@media only screen and (max-width: 375px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35.5% !important;
    height: auto !important;
    top: 43px;
    left: 109px;
  }
  /** visual **/
  .PhotographySliderWrap {
    width: 45%;
    bottom: 34px;
    left: 41px;
  }
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 53px;
    top: 36%;
    width: 70.6%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap video {
    top: 24%;
    left: 65px;
    width: 64.5%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap video {
    right: 52px;
    top: 34%;
    width: 70%;
    height: auto;
  }
  /** contact **/
  .ContactFSocialIcon.FSocialIcon li {
    margin: 5px 10px;
  }
  .WeServingWrap h2.Title {
    font-size: 25px;
    line-height: 33px;
  }
  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 270px !important;
    height: inherit !important;
  }
}

@media only screen and (max-width: 360px) {
  /** index **/
  /** services **/
  /** web-design **/
  /** get-social **/
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35.5% !important;
    height: auto !important;
    top: 41px;
    left: 104px;
  }
  /** visual **/
  .VisualVideoPowerWrap .ImgWrap #visual-video1 {
    width: 74%;
    left: 50%;
    margin-left: -37%;
    top: 12px;
  }
  .PhotographySliderWrap {
    width: 45%;
    bottom: 32px;
    left: 40px;
  }
  .VisualVideographyWrap .ImgWrap .GraphicsWrap {
    top: -147px;
    width: 50%;
    margin-left: -25%;
  }
  .VisualVideographyWrap .ImgWrap {
    margin-top: 127px;
  }
  /** general-marketing **/
  /** why-us **/
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 51px;
    top: 36%;
    width: 70.6%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap video {
    top: 24%;
    left: 62px;
    width: 64.5%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap video {
    right: 50px;
    top: 34%;
    width: 70%;
    height: auto;
  }
  /** contact **/
  .LetsDoWrap .TextWrap {
    font-size: 32px;
    line-height: 40px;
  }
  .ContactFormWrap h5 {
    font-size: 16px;
    line-height: 23px;
  }
  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 261px !important;
    height: inherit !important;
  }
}

@media only screen and (max-width: 320px) {
  /** index **/
  /** services **/
  /** web-design **/
  .WebDesignDetailsWrap
    .DesignSectionsWrap
    .ResDesigningSection
    .ImgWrap
    .GraphicsWrap {
    width: 75%;
  }
  /** get-social **/
  .ContactHeaderWrap .HelloText {
    font-size: 40px;
    line-height: 45px;
  }
  .GetSocialMediaWrap .MediaRow.SocialFacebook .SocialMediaImgWrap video {
    width: 35.5% !important;
    height: auto !important;
    top: 37px;
    left: 92px;
  }
  /** visual **/
  .VisualVideoPowerWrap .ImgWrap #visual-video1 {
    width: 74%;
    left: 50%;
    margin-left: -37%;
    top: 10px;
  }
  .PhotographySliderWrap {
    width: 45%;
    bottom: 29px;
    left: 35px;
  }
  .VisualVideoPowerWrap .ImgWrap .PauseBtn,
  .VisualVideoPowerWrap .ImgWrap .Play.PlayBtn1 {
    left: 30%;
    top: 25px;
  }
  .VisualVideographyWrap .ImgWrap .GraphicsWrap {
    top: -135px;
    width: 54%;
    margin-left: -27%;
  }
  .VisualVideographyWrap .ImgWrap {
    margin-top: 120px;
  }
  /** general-marketing **/
  /** why-us **/
  .TeamWrap li {
    width: 100%;
    margin: 6px auto;
  }
  .TeamWrap .BgIconsListWrap li {
    width: 100%;
    margin: 6px auto;
  }
  .TeamWrap .BgIconsListWrap li .ImgWrap,
  .TeamWrap .BgIconsListWrap li .TeamInfo {
    min-height: inherit !important;
  }
  .CaptionLineWrap h1 {
    font-size: 26px;
    line-height: 36px;
    padding-top: 8px;
  }
  .FaqTitle h6 {
    font-size: 14px !important;
    line-height: 20px;
  }
  .FaqListWrap .PrimaryDutiesListWrap h5 {
    font-size: 18px;
    line-height: 22px;
  }
  /** say-what **/
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row2 .VideoWrap video {
    right: 45px;
    top: 36%;
    width: 70.6%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row4 .VideoWrap video {
    top: 24%;
    left: 55px;
    width: 64.5%;
    height: auto;
  }
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap iframe,
  .SayWhatNewWrap .SayWhatRow.Row5 .VideoWrap video {
    right: 44px;
    top: 34%;
    width: 70%;
    height: auto;
  }
  .SayWhatRow.NewSayWhatRow.Row4 .ImgWrap {
    margin-top: 60px;
  }
  .SayWhatRow.NewSayWhatRow.Row4 .SayWhatGraphicsWrap {
    top: -100px;
  }
  /** contact **/
  .FormWrapper .Col2.SecurityCode {
    width: 300px;
  }
  .g-recaptcha {
    -moz-transform: scale(0.96);
    -ms-transform: scale(0.96);
    -o-transform: scale(0.96);
    -moz-transform-origin: 0;
    -ms-transform-origin: 0;
    -o-transform-origin: 0;
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
    -webkit-transform-origin: 0 0;
    transform-origin: 0;
    filter: progid: DXImageTransform.Microsoft.Matrix(M11=0.96, M12=0, M21=0, M22=0.96, SizingMethod='auto expand');
  }
  .ContactFSocialIcon.FSocialIcon li {
    margin: 2px 4px;
  }
  .CaseStudiesTestimonialsWrap ul li .Col .ImgWrap {
    min-height: 236px !important;
    height: inherit !important;
  }
  .CaseStudiesTestimonialsWrap .flex-control-nav li {
    margin: 0 3px;
  }
  div#ConnectThanksMsg h4,
  div#CntThanksMsg h4 {
    font-size: 18px !important;
    line-height: 24px !important;
    margin: 60px auto !important;
  }
  div#ContPopThanksMsg {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .SpeakingOddEvenWrap ul li:nth-child(even) .ImgWrap,
  .SpeakingOddEvenWrap ul li .ImgWrap {
    width: 300px !important;
    margin: 0 auto 30px;
  }
  .SpeakingOddEvenWrap ul li video {
    left: 42px;
    top: 21px;
    width: 213px;
    height: 266px;
  }
  .SpeakingOddEvenWrap ul li .SoundMutedBtn {
    top: 45px;
    left: 63px;
  }
  .SpeakingOddEvenWrap ul li .ImgWrap .Play,
  .SpeakingOddEvenWrap ul li .ImgWrap .PauseBtn {
    top: 53px;
    left: 96px;
  }
}