/** Common Style **/
@font-face {
    font-family: "Hero";
    src: url('fonts/Hero.eot') format("eot"), url('fonts/Hero.woff') format('woff'), url('fonts/Hero.ttf') format('truetype'), url('fonts/Hero.svg') format('svg');
    font-weight:normal;
    font-style:normal
}
/** Typography **/

    body{font-family: 'Heebo',sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5em; color: #333;margin: auto;}
    h1,h2,h3,h4,h5,h6{font-family: 'Heebo',Arial,sans-serif; font-size: 2.5em; font-weight: bold; line-height: 1.10em; font-weight: 400}
    p{line-height: 1.25em; font-weight: 400}
    .top-sticky-menu{margin:0; list-style-type: none; padding: 0}
    .margin-top-20{margin-top:20px;}
    .img-circle{border-radius: 500px; -moz-border-radius:500px; -webkit-border-radius:500px; border:2px solid #eee;}


/** loading **/
section#first { background: #eb1d4d;height: 805px;}
.story {height: 1000px;padding: 0;width: 100%;margin: 0 auto;}
section#first .canvaslogo {
    background-size: 80% auto;
    height: 805px;
    padding: 0;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
section#first .canvaslogo #fade_marker {
    height: 1px;
    width: 100%;
    position: absolute;
    top: 10px;
}
section#first .canvaslogo img.fadeout {
    opacity: 0;
    filter: alpha(opacity=0);
}
section#first .canvaslogo img {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 0;
    right:0;
    -webkit-transition: all 0.08s;
    -moz-transition: all 0.08s;
    -ms-transition: all 0.08s;
    -o-transition: all 0.08s;
    transition: all 0.08s;
    opacity: 1;
    margin: auto;
}
section#first_b.fixed, #first_b .canvaslogo.fixed, section#first_c.fixed {
    background-attachment: fixed;
}
section#first_b.story {
    height: 800px;
}
section#first_b {
    border-top: 2px solid #CB2148;
}
section#first_b.fixed, #first_b .canvaslogo.fixed, section#first_c.fixed {
    background-attachment: fixed;
}
section#first_b .canvaslogo {
    background-size: 80% auto;
    height: 800px;
    padding: 0;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
section#first_b.scroll, #first_b .canvaslogo.scroll, section#first_c.scroll {
    background-attachment: scroll;
}
/** Structure **/

    .wrapper{max-width: 1500px; margin: auto;     box-shadow: 0px 0px 22px 3px #000;}
    .home header{background: #1d1d1d; padding: 0; height: 100%; position: fixed; width: 152px;}
    .home .content-area-contianer.submenu-closed{margin-left: 152px; max-width: 100%}
    .home .content-area-contianer.submenu-opened{margin-left: 152px; max-width: 100%; position: relative; left: 200px}    
    .home .content-area-contianer .columns{padding: 0;}

/** Home Sidebar menu **/

    ul.menu{ list-style: none}
    .home .menu li{display: block; width: 100%}
    .home .menu li.logo{padding: 0; margin: 0;}
    .home .menu li.logo a{margin: 0;width: 100%; height: 153px;position: relative;display: block}
    /*.home .menu li.logo  img{position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0}*/
    .home .menu li.logo  img{position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 90%}
    /*.home li.logo.active a,.home .menu li.logo a:hover{background: #eb1d4d}*/
    .home li.logo.active a,.home .menu li.logo a:hover{background: #fff}
    .home .menu li a{font-size: 1.4em; color: #fff; text-decoration: none; padding: 0;padding: 20px 15px; font-weight: 400}
    .home .menu li a:hover{background:#4b4b4b; color: #fff;  transition: 0.8s;}
    .home .menu li .fa{ color: #c7c7c7; font-size:1.25em; width: 20px;margin-right: 10px; display: none}
    .home .menu li.current-menu-item a,.home .menu li.current-menu-parent a{background: #4b4b4b; color: #fff;}
    /* Inner page Menu */

    .innerpage header{background: none; padding: 0; position: initial;overflow: none}

    .innerpage .left-menu{display: none}
    .innerpage .top-menu{display: block}
    .innerpage .top-menu ul{margin: 0}
    .innerpage .top-menu .sticky{position: fixed; background: none; z-index: 9; right: 50px; top: 30px}
    .innerpage li.menu-toggle img{height: 30px}
    .innerpage .top-sticky-menu li.menu-toggle a{width: auto; text-align: center; display: inline-block;}
    .innerpage li.menu-toggle a{color: #4b4b4b; background: #eb1d4d; padding: 10px 15px 10px; box-shadow: 0px 0px 11px 2px #333; border-radius: 500px}
    /** overlay Menu **/
    
    .submenu.hide{display: none}
    .submenu{width: 200px; position: fixed; background: #fff; height: 100%; left: 152px}
    .home .menu.submenu li a{color: #1d1d1d; border-bottom: 1px solid #4d4d4d}
    .home .menu.submenu li a:hover{background: #ddd}
    .home .menu.submenu li.current-menu-item a{color: #fff}
    .off-canvas{background: #eb1d4d}
    .js-off-canvas-overlay{background: rgba(255,255,255,.8); z-index: 99}
    .off-canvas-wrapper{}
    .off-canvas.is-open{    box-shadow: 0px 0px 10px 3px #333; z-index: 999}

    .off-canvas-wrapper .off-canvas.is-open.position-left,.off-canvas-wrapper .row{width:100%; max-width: 100%; margin:0;}
    .off-canvas-wrapper .menu li a,.off-canvas-wrapper .menu li .fa{font-size: 2em;line-height: 2.3em; color: #1d1d1d}
    .off-canvas-wrapper .large-2,.off-canvas-wrapper .large-10{}
    .off-canvas-wrapper .menu li{display: block; }
    .off-canvas-wrapper .large-9{background: #fff}
    
    .top-logo{margin-top: 15px; margin-bottom: 30px}
    .off-canvas.position-left .content-section{position: absolute; bottom: 10%;}
    .off-canvas.position-left .content-section h3{font-size: 2em; font-weight: 700; color: #fff; margin-bottom: 20px}
    .off-canvas.position-left .content-section h4{font-size: 1.6em; font-weight: 700; color: #fff; margin-bottom: 20px; margin-top: 20px}
    .off-canvas.position-left .content-section h5{font-size: 1.2em; font-weight: 700; color: #fff; margin-bottom: 10px}
    .off-canvas.position-left .content-section p{color: #fff; margin-bottom: 10px}
    /** Social media Icons **/

    .social-media{padding: 0; margin: 0; position: fixed; right: 0; top: 40%; list-style-type: none}
    .social-media li{width: 40px; height: 40px; text-align: center;}
    .social-media li a{color: #fff;padding: 5px; display: block; padding: 9px;}
    .facebook a{background: #3b5998;}
    .twitter a{background: #1dcaff;}
    .linkedin a{background: #0077B5;}

    /** home Page style **/

    figure{padding: 0; margin:0;line-height: 0; position: relative;}
    figcaption  h1{margin: 0; margin-bottom: 15px;font-size: 2em;}
    figcaption ul.fa-ul{line-height: normal; margin-left: 15px}
    figcaption ul.fa-ul .fa-li{width: auto; left: -15px}
    figcaption .read-more{color: #fff; text-decoration: none; font-weight: bold; bottom:15px; top:auto;left:auto; right:15px; font-size: 16px; display: none}
    .image-holder img{width: 100%}

    .initial-title{height: 0; position: absolute; background: rgba(0,0,0,.4); height: 100%; width: 100%; top:0;}
    /*.initial-title h1{padding: 15px; margin: 0; position: absolute; color: #fff;}*/
    .initial-title h1 {padding: 15px; margin: 0; position: absolute; color: #fff; top: 33%; text-align: center; width: 100%;}
    .initial-title h1 a{position: static; color: #fff}
    .initial-title h1.top{top: 0}
    .initial-title h1.bottom{bottom: 0}

    .image-holder figcaption {line-height: normal; padding: 10px 15px 15px}
    .image-holder figcaption a{position: static !important;}
    /**reset**/

    /** Inner Page content **/


    .bg-white{background: #fff}
    .content-inner-main{padding: 50px}
    
    .banner{background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}

    .banner-image,.content-inner-intro{padding: 60px 50px 40px 30px}
    .banner-image.no-bg{padding:0px;}
    .top-section .content-inner-intro,.middle-data .content-inner-intro{padding:60px 60px 40px;}
    .banner-image{position: relative; height: 100%;min-height: 290px;}
    .banner-image .banner-overlay-black{position: absolute; top: 0; left:0; width: 100%; height: 100%; background: rgba(33,33,33,.5)}
    .banner-image figcaption{/*position: absolute;top: 50px; margin:auto; left: 50px;*/ position: relative;top: -5px }
    .banner-image figcaption h1,.banner_content h2{color: #fff; font-size: 4.5em;margin: 0; font-weight: 700}
    .banner_content h2{color: #333; margin-bottom: 20px}

    .content-inner-infographics,.content-inner-third-section,.content-inner-fourth-section{padding:60px 0 40px; background: #fff}

    .content-inner-intro h2{margin-bottom: 50px; font-size: 2.9em; line-height: 1; font-weight: 500; color: #333}
    .content-inner-intro p{color: #454444; font-size: 1em; margin-bottom: 20px}
    .content-inner-intro ul li{font-size:1.3em; color: #333; list-style-type: none; line-height: 1.3em; margin-bottom: 15px; margin-right: 30px }

    .middle-data .content-inner-intro{padding: 100px 60px}
    .content-inner-infographics{background:#2c2b2c;}
    .content-inner-infographics .big-text{font-size: 4.25em; line-height: 1;color: #eb1d4d; font-weight: 700}
    .content-inner-infographics .big-text.no-bold{font-weight: 500; line-height: 1;}
    .content-inner-infographics .small-text{font-size: 1em; line-height: normal;color: #fff; font-weight: 500; margin-left: 30px}
    .content-inner-infographics .medium-text{font-size: 1.5em; line-height: normal;color: #fff; font-weight: 500; text-align: center;}
    .content-inner-third-section{text-align:center; padding: 100px 0 90px}
    .content-inner-third-section h3{font-weight: 700; font-size: 3em; margin:0;}
    .content-inner-infographics .medium-text.description{font-size: 1.2em}
    .content-inner-fourth-section ul{padding: 0; margin: 0; list-style-type: none}
    .content-inner-fourth-section ul li{color: #fff; font-weight: 600; font-size: 1.5em; display: inline-block; width: 100%;margin:25px 0px;text-align: center;vertical-align: top; line-height: 1}
    .content-inner-fourth-section ul li.text-right{text-align: right;}


    .banner-image.no-bg{position: relative;}
    .banner-image.no-bg .img-holder{position: absolute;right: 30px; left:0; max-width: 100%;top: 30px;bottom: 30px;margin: auto;margin: auto; text-align: center;}
    .banner-image.no-bg .img-holder img{max-height: 100%;max-width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}



    /**  page slider **/

    .orbit-bullets{padding: 50px 0 0;margin: 0;background: #2c2b2c;color: #fff;height: 205px;}
    .button-text{position: relative;}
    .orbit-bullets button{width: 10%; margin: 0; margin-right: 3%; margin-left: 3%;height: auto; background:none !important;}
    .orbit-bullets button h5{font-weight: 500; font-size: 1.5em; line-height: 1; margin-bottom: 60px; height: 54px; color: #fff}
    .orbit-bullets .img-container,.slider-img-container .icon-image-container{width: 120px; background: #fff; height: 120px; margin: auto; border-radius: 500px;position: absolute; bottom: 0px; left: 0; right: 0; margin: auto; z-index: 99; box-shadow: 0px 0px 5px 1px #000;}
    .orbit-bullets .img-container{top: 150px;}
    .orbit-bullets .is-active .img-container{background:#eb1d4d;}
    .orbit-bullets button img{width: 100%;    padding: 25px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: AUTO;}
    .orbit-container{width: 92%; margin:100px auto auto;}
    .orbit-slide h2{font-size: 1.4em; font-weight: 500; text-align: center; }
    .orbit-slide hr{margin-bottom: 60px; width: 20%}
    .orbit-slide h4{color:#eb1d4d; font-weight: 700; text-align: left; margin-bottom: 10px; font-size: 1.5em;margin-top: 40px}

    .orbit-slide .right-section h4{text-align: right;}
    .orbit-slide .right-section p{text-align: right;}

    .orbit-slide .large-8 h4{font-size: 2.5em; margin-bottom: 20px}
    .orbit-slide p{font-size: 1.1em; color: #000}
    .cotent-section{margin-bottom: 20px;}
    .home .content-area-contianer .orbit-slide .columns,.home .content-area-contianer #enquire .columns {padding-right: 0.9375rem; padding-left: 0.9375rem;}

    .slider-img-container img.big-image{width: 100%;}
    .slider-img-container .icon-image-container{ width: 130px; height: 130px; bottom: 12%}
    .slider-img-container .icon-image-container img{width: 100%; padding: 25px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: AUTO;}
    .slider-img-container .icon-image-container.right{right:-25px; left: auto;}
    .slider-img-container .icon-image-container.left{left:-25px; right: auto;}
    .slider-img-container .icon-image-container.blue{background:#4b5aa7;}
    .slider-img-container .icon-image-container.yellow{background:#efc84a;}
    .slider-img-container .icon-image-container.teal{background:#FF7421;}
    .slider-img-container .icon-image-container.green{background:#AACA56;//#3EAB58;*/}

    /** footer**/
    .home .content-area-contianer #enquire .collapse .columns {padding: 0}
    #enquire{background:#eee;padding: 50px 0}
    #enquire h5{color:#000; font-weight: 700; text-align: left; margin-bottom: 20px; font-size: 2em}
    #enquire[type="checkbox"]{display: block; width: 100%}
    #enquire label,#enquire p{font-size: 1em; color: #333; font-weight: 500}
    textarea{height: 150px}

    [type='text'],[type='text']:focus{    background: none;border: none;box-shadow: none;border-bottom: 2px solid #999;}
    [type='text']:focus{border-bottom: 2px solid #000}
    textarea{border:2px solid #999;}
    textarea:focus{border: 2px solid #000}
    
    .blackbutton{background:none; color: #333; border:2px solid #333; padding: 5px 20px; font-weight: 500}
    .blackbutton:focus,.blackbutton:hover{background:#000; color: #fff;}

    input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #333; font-weight: 500}
    input::-moz-placeholder,textarea::-moz-placeholder {color: #333; font-weight: 500}
    input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #333; font-weight: 500}
    input::placeholder,textarea::placeholder {color: #333; font-weight: 500}


    .prefix i{position: relative; top: 5px}

    .tiles_layout .big-text{text-align: center; font-weight: 500; font-size: 3.5em}
    .outer-container {padding: 0}
    .outer-container .tiles{height:275px; float: left; padding: 40px; position: relative;}
    .outer-container .tiles.even{background: #fff}
    .outer-container .tiles.odd{background: #eb1d4d}
    .outer-container .tiles .tiles_intro h3{font-size: 1.8em; text-align: left; margin-bottom: 20px; font-weight: 600}
    .outer-container .tiles.odd .tiles_intro{color: #fff}
    .outer-container .tiles.portfolio{padding: 0; background:none; height: auto; border:1px solid #1d1d1d;}
    .outer-container .tiles.portfolio img{width: 100%;/*filter: gray;-webkit-filter: grayscale(1);*/}

    .outer-container .tiles.portfolio figcaption{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,.8)} 
    .outer-container .tiles.portfolio figcaption img{width: auto;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;filter: none;-webkit-filter: grayscale(0);}
    .outer-container .tiles.portfolio figcaption a{display: none}
    .outer-container .tiles.portfolio figcaption:hover{background: none}
    .outer-container .tiles.portfolio figcaption:hover img{display: none}
    .outer-container .tiles.portfolio figcaption:hover a{display: block;width: auto;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;filter: none;-webkit-filter: grayscale(0);}
    .outer-container .tiles.portfolio.text-box{padding: 50px; text-align: center;}
    .outer-container .tiles.portfolio.text-box img{width: auto}
    .outer-container .tiles.portfolio .tiles_intro h3{font-size: 1.8em; text-align: left; margin-bottom: 20px; font-weight: 600; position: absolute; bottom: 0}

    .img-contianer-box{padding: 20px;}
    .img-contianer-box img{width: auto !important; max-width: 100%; height: auto}
    .columns:last-child:not(:first-child){float: left}
    /** tabs **/
    .pricing{padding: 50px}
    .tabs{border:none;}
    .tabs-title{width: 33.333%}
    .tabs-title>a{font-size: 1em; background: #1d1d1d; color: #fff}
    .tabs-title:nth-child(2) a{border-right: 1px solid #eee; border-left: 1px solid #eee; }
    .tabs-title>a:focus, .tabs-title>a[aria-selected='true'],.tabs-title>a:hover{background: #eb1d4d; color: #fff}

    .tabs-content{border: none; background: #fff; margin-top: 50px}
    .tabs-panel{padding: 0}
    .tabs-panel p{padding: 0; margin:0;}
    /** footer **/

    footer.footer{background:#2c2b2c;padding: 50px 0 20px}
    footer .large-3{margin-bottom: 30px}
    footer h4{color: #fff; font-size: 1.25em; font-weight: 700; margin-bottom:20px; text-transform: uppercase;}
    footer ul{list-style-type: none; color: #fff; padding: 0; margin:0;}
    footer ul a{color: #fff}
    footer ul a:hover{color: #fff; text-decoration: underline}

    footer.copyright{background:#000; padding:0; color: #fff}
    footer.copyright figure{text-align: right;}
    footer.copyright p{margin:0; padding: 11px 10px 0}
    footer.copyright figure img{height: 35px; margin: 0 10px 0 ;margin-top: 5px; }
    
    .accordion-item{border-bottom: 1px solid #aaa}
    .accordion-title{font-size: 1em; font-weight: 500; color: #000 !important; background: #e6e6e6; text-align: left; padding: 12px 15px;}
    .accordion-content{padding: 0}
    .accordion-item table{margin:0;}
    .seo-pricing td{width: 15%;}
    .seo-pricing td:first-child{width: 25%;}
    .smm-pricing td{width: 19%}
    .smm-pricing td:first-child{width:24%}
    .ppc-pricing td{width: 14%}
    .ppc-pricing td:first-child{width: 16%}
    .ppc-pricing .extra-info label{font-weight: bold; color:#fff;line-height: 1}
    .ppc-pricing .extra-info.border-top-bottom{border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin: 10px 0; padding: 10px 0}
    .social{list-style-type: none;padding: 10px 0px; margin: 0px}
    .social li{display: inline-block; padding-right: 5px; padding-left: 5px}
    td.pricing-contianer{background: #1d1d1d; padding: 0; color: #fff}
    .pricing-contianer .package-title h3{padding: 8px 10px; font-size: 1.25em; text-align: center; color: #fff; background: #eb1d4d; margin:0; font-weight: 500}
    .pricing-contianer .price{color: #fff; font-size: 1.2em; padding: 20px 10px}
    .seo-pricing table,.smm-pricing table{margin-bottom: 0}

    .video-heading strong{color: #eb1d4d}
    .faq-container{width: 80%; margin: 50px auto; }
    .faq-container .faq-item{margin-bottom: 30px;padding: 0px 20px}
    .faq-container .faq-item-title,.faq-container .faq-item-content{color: #1d1d1d; margin: 0;}
    .faq-container .faq-item h4{font-size: 1.6em; margin:0;border-bottom: 5px solid #eb1d4d; margin: 0; margin-bottom: 15px; font-weight: 700; padding-bottom: 5px}

    .faq-container .faq-item-content{font-size: 1.1em}
    .text-input {display: inline-block;}

    figure video{width: 100%; position: relative;}
    .initial-title h1.video-heading {font-size: 3.87em; line-height: 1}
    /*.orbit-bullets button.is-active img{transform: scale(1.5, 1.5)}*/

    .container-404{padding: 60px 50px 50px; text-align: center; background: url('http://hardtoignore.com/wp-content/uploads/2017/04/shutterstockvector2-1.jpg') center center; background-size: cover}
    .container-404 img{max-width: 560px}
    .text-404{font-size: 1.5em; color: #fff; margin-top: 60px}

    .show-above-990{display: block;}
    .show-below-990{display: none;}

    /** respossive css **/
    .tablet-portrait{display: none}
    .mobile-portrait{display: none}
    .tablet-landscape{display: none}
    .mobile-landscape{display: none}
    .desktop{display: block}
    .sub-menu{display: none}
    /** Parallax **/
    .home h1{font-size: 2em}
    .portfolio_home figure {position: relative;}

    
    .portfolio_home figcaption {position: absolute; z-index: 1;background: rgba(235, 29, 77,.8);left: 0;right: 0;top: 0;bottom: 0;}
    .portfolio_home figcaption{display: none}
    .portfolio_home .item:hover figcaption,.portfolio_home .item:active figcaption{display: block;}

    .portfolio_home figcaption a img {max-width: 200px;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

    .portfolio_home .owl-nav.disabled {display: block !important;}

    .portfolio_home .owl-prev,.portfolio_home .owl-next {position: absolute;top: 50%;color: #fff;border: 1px solid #fff;height: 35px;width: 35px;text-align: center;}
    .portfolio_home .owl-prev {left: 10px;}
    .portfolio_home .owl-next {right: 10px;}

    .bigg-text h2{font-family:'Heebo',sans-serif;text-align: center;font-weight: 500;font-size: 3.0em;line-height: 1;color: #eb1d4d !important;}

    .testimonial_content {color: #fff; font-size: 21px; line-height: 1.5; height: 300px; vertical-align: middle; display: flex; align-items: center; flex-wrap: wrap;}
    .testimonial_message { margin-bottom: 20px; width: 100%; }
    .testimonial_message_by { font-weight: bold; width: 100%;  display: block; padding-top: 15px;}
    .testimonial_home .owl-prev,.testimonial_home .owl-next { position: absolute; top: 40%; color: #fff;}
    .testimonial_home .owl-prev { left: -4%; }
    .testimonial_home .owl-next { right: -4%; }

    .home_banner{background: url('https://www.hardtoignore.com/wp-content/uploads/2021/04/banner-bg-11.jpg') no-repeat center center;padding: 50px 50px 40px;}
    .banner_content_wrap {display: flex;flex-wrap: wrap;align-items: center;}
    .banner_content {width: 40%; margin-left: 1%}
    .banner-img {width: 58%; margin-right: 1%}
    .banner-img img{height: 400px !important; width: auto !important; margin: auto; text-align: right; margin-right: 0}

    .home_banner .owl-prev,.home_banner .owl-next { position: absolute; top: 40%; color: #333;border: 1px solid #333;height: 35px;width: 35px;text-align: center;}
    .home_banner .owl-prev { left: -3%; }
    .home_banner .owl-next { right: -3%; }
    .grecaptcha-badge{display: none !important}
    @media only screen and (max-width:1200px)
    {
        .home header{background: #eb1d4d; padding: 0; height: 100%; position: initial; width: 100%; overflow: none}
        .home .content-area-contianer.submenu-closed{margin-left: 0; max-width: 100%; margin-top: 70px}
        .off-canvas{background: #eb1d4d}
        .show-below-990 .menu li a{margin: 0;width: 100%; position: relative;display: block; border-bottom: 1px solid #4b4b4b}
        .top-sticky-menu{margin: 0; padding: 0; list-style: none}
        .top-sticky-menu li.logo{float: left;}
        .top-sticky-menu li.menu-toggle{float: right;}
        .top-sticky-menu li.logo a,.top-sticky-menu li.menu-toggle a{width: auto; height: 70px;text-align: center; display: inline-block;}
        /*.top-sticky-menu li.logo img{padding: 12px 10px 5px; max-height: 100%}*/
        /*.top-sticky-menu li.logo img{padding: 5px 10px 5px; max-height: 100%}*/
        .top-sticky-menu li.logo img{padding: 14px 10px 5px; max-height: 100%; max-width: 300px}
        .top-sticky-menu li.menu-toggle a{background: #4b4b4b; color: #eb1d4d; padding: 20px}
        .js-off-canvas-overlay{background: rgba(255,255,255,.8); z-index: 99}
        .off-canvas-wrapper{}
       .off-canvas.is-open{    box-shadow: 0px 0px 10px 3px #333; z-index: 999}
       /*.sticky{position: fixed; width: 100%; background: #eb1d4d; z-index: 9;box-shadow: 0px 0px 20px 2px #333; z-index: 99999}*/
       .sticky{position: fixed; width: 100%; background: #fff; z-index: 9;box-shadow: 0px 0px 20px 2px #333; z-index: 99999}
       [class^='imghvr-'] a, [class*=' imghvr-'] a{position: relative;}
    }

    /** mobile screen portrait **/

    @media only screen and  (max-width:499px) and (orientation : portrait)
    {
        .top-menu.show-below-990{display: block}
        .left-menu.show-above-990{display: none}
        .desktop{display: none}
        .mobile-portrait{display: block}
       /*.initial-title h1.top,.initial-title h1.bottom{top: 0%}*/
       .initial-title h1.top,.initial-title h1.bottom{top: 25%}
       #first,#first_b{display: none !important}
        .top-sticky-menu li.logo img{max-width: 290px !important}
        .testimonial_home .owl-prev { left: -8%; }
        .testimonial_home .owl-next { right: -8%; }
        .testimonial_content {height: auto !important}

    }

    @media only screen and  (max-width:340px) and (orientation : portrait)
    {
       .top-sticky-menu li.logo img{max-width: 250px !important; padding: 18px 10px;}
    }
    /** mobile screen landscape **/

    @media only screen and (max-width:799px) and (orientation : landscape)
    {
        .top-menu.show-below-990{display: block}
        .left-menu.show-above-990{display: none}
        .desktop{display: none}
        .mobile-landscape{display: block}
       /*.initial-title h1.top,.initial-title h1.bottom{top: 0}*/
       .initial-title h1.top,.initial-title h1.bottom{top: 25%}

    }

    /** tablet screen landscape **/

    @media only screen and  (min-width:800px) and (max-width:1200px) and (orientation : landscape)
    {
        body{font-size: 16px}
        .top-menu.show-below-990{display: block}
        .left-menu.show-above-990{display: none}
        .desktop{display: none}
        .tablet-landscape,.mobile-landscape{display: block}
    }

    /** tablet screen portrait **/

    @media only screen and  (min-width:500px) and (max-width:1024px) and (orientation : portrait)
    {
        body{font-size: 16px}
        .top-menu.show-below-990{display: block}
        .left-menu.show-above-990{display: none}
        .tablet-landscape,.mobile-landscape{display: block}
    }

    @media only screen and (max-width: 799px)
    {
        .initial-title h1.video-heading,#enquire h5{font-size: 1.5em; line-height: 1; font-weight: 500 !important}

        .banner-image, .content-inner-intro,.top-section .content-inner-intro, .middle-data .content-inner-intro,#enquire{padding: 20px;}
        #enquire .columns{padding: 0}
        .banner-image figcaption h1,.content-inner-infographics .big-text{font-size: 2.5em; font-weight: 500 !important; margin-bottom: 20px}

        .content-inner-infographics  .big-text{margin-bottom: 0px}
        .content-inner-intro h2,.orbit-slide h4{font-size: 2em; font-weight: 500 !important; margin-bottom: 20px}
        .orbit-slide h4,.orbit-slide .large-8 h4{font-size: 1.5em; font-weight: 400 !important; margin-bottom: 10px}
        .content-inner-infographics, .content-inner-third-section, .content-inner-fourth-section{padding: 20px}
        .content-inner-infographics .small-text{ margin: 0; margin-bottom: 30px; font-weight: 400}
        .content-inner-intro ul li,.content-inner-infographics .medium-text.description,.orbit-slide h2,.cotent-section p,.orbit-slide p{font-size: 1em; font-weight: 400!important}

        .content-inner-infographics .row,#enquire .columns,.row .row{padding: 0 !important; margin:0 !important;}

        .cotent-section{margin-bottom: 20px}
        .orbit-bullets {height: 140px; padding-top: 20px;}
        .orbit-bullets button{display: none; width: 100%; margin:auto;}
        .orbit-bullets button.is-active{display: block}
        .orbit-bullets button h5{height: auto;}
        .orbit-bullets .img-container{top: 200px}
        .slider-img-container{width: 70%; margin: auto;}
        .orbit-bullets .img-container, .slider-img-container .icon-image-container{width: 110px; height: 110px}
        [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {background: rgba(0,0,0,.2);}

        .off-canvas .large-3{display: none}
        .off-canvas-wrapper .off-canvas.is-open.position-left, .off-canvas-wrapper .row{margin-top: 70px}
        .off-canvas-wrapper .menu li a, .off-canvas-wrapper .menu li .fa{font-size: 1.2em;padding: 10px;display: block;border-bottom: 1px solid #ddd;}
        .off-canvas .large-9{padding: 0}
        .faq-container{width: 100%}
        .banner-image{min-height: 200px}
        .outer-container .tiles{height: auto; padding: 20px}
        .menu.submenu.hide{display: none}
        .off-canvas {background: #fff}

        .banner-image.no-bg,.banner-image.no-bg .img-holder,.banner-image.no-bg .img-holder img{position: initial;}
        .banner-image.no-bg .img-holder img{padding: 20px}
       #box-blog{display: none}
        .pricing{padding: 50px 15px}
        .tabs-title{width: 100%}
        .tabs-title>a{border-bottom: 1px solid #fff}
        .ppc-pricing td,.smm-pricing td,.seo-pricing td{width: 100%}
        .accordion{display: none}
        .pricing-contianer{margin-bottom: 15px}
        .hide-show-mine{display: none}

        .home_banner{padding: 30px 30px 10px;}
        .banner_content_wrap {flex-wrap: wrap;align-items: center;flex-direction: column-reverse;}
        .banner_content {width: 100%; margin: 30px auto; text-align: center;}
        .banner-img {width: 100%; margin: 30px auto 0}
        .banner-img img{height: auto !important; width: auto !important;text-align: center; margin: 0 auto !important}
        .banner_content h2 {font-size: 2em;}
        .home_banner .owl-prev,.home_banner .owl-next { position: absolute; top: 40%; color: #333;border: 1px solid #333;height: 35px;width: 35px;text-align: center;}
        .home_banner .owl-prev { left: -4%; }
        .home_banner .owl-next { right: -4%; }

        .menu-item-has-children a {position: relative;}
        .menu-item-has-children a:after { content: "\f078"; font-family: FontAwesome; position: absolute; font-size: 16px; top: 10px; right: 15px; z-index: 1;}

        .menu-item-has-children li a:after {display: none;}
        .menu-item-has-children:active a:after {content: "\f077";}
        .bigg-text h2{font-size: 2em}
    }