@media (min-width:100px) and (max-width: 767px){
    footer.footer{display:none}
    footer.accordion{display:block}
    html, body {overflow-x: hidden;}
    .section-padding{padding:50px 0;}
    .navbar-toggle{margin-right:0px;background:linear-gradient(45deg , #142164 , #1e2ab0);border:1px solid lightblue ;display:block;}
    .navbar-toggle .icon-bar{background:#fff;}
    .navbar-collapse{background:#000;}
    section.wwo .tabs ul.nav{flex-wrap:wrap;margin-top: -85px;}
    section.hbw .expertis-tickets .ticket-upper:before{display:none;}
    .header ul.nav li,
    .header .row {display: block;}
    section.wce .row{flex-direction:column;}
    .header.fixed{position:absolute;}
    nav.navbar ul.nav li .dropdown-menu li a{line-height:10px;font-size: 12px;}    
    section.contact-us form .field select, section.contact-us form .field input{padding:5px;}
    section.contact-us form input[type=submit]{padding: 5px 15px;}
    section.hbw .expertis-tickets .ticket-lower{margin:20px 0 !important;}
    section.wwo .tabs ul.nav li a{width: 80px;font-size: 10px;line-height: 12px;height: 80px;transform: rotate(0deg);margin-bottom: 20px;}
    .dropdown-menu>li>a{color:#fff!important;}
    section.hbw .desc{margin-bottom:50px;}
    section.cftwd-main-dual .tab-content .divider{flex-direction:column;}
    section.cftwd-main-dual:before{    position: absolute;
        content: "";
        width: 70px;
        height: 250px;
        background: url(../images/portfolio-btn-bg.png);
        top: 45%;
        right: 0;
        z-index: -1;}
    section.cftwd-main-dual .tab-content{height:auto;z-index:99}
    section.sew .desc h5 {text-align: left;}
    section.hbw .expertis-tickets .ticket-lower h6{max-width:100%;}
    footer.footer .col-md-4{margin-top:50px;}
    .header{background:rgba(0,0,0,0.5);height: auto;}
    section.wce .desc h4{font-size:32px;line-height:30px;}
    section.wce .desc p{line-height:20px;}
    section.hbw .desc p{line-height:16px;max-width: 100%;}
    .header .navbar .navbar-brand{padding:8px 0;}
    .header .navbar .navbar-brand img{width:60px;height:auto;}
    section.wce .world{display:none;}
    footer.footer .col-md-4:after{height:110%}
    .header .col-md-5.col-xs-9 {padding: 0;}
    .header ul.landing-ul li a, .header ul.landing-ul li, .header ul.landing-ul li p{font-size:12px;}
    .header ul.landing-ul li a.btn{font-size:8px;padding:10px;}
    section.hero video#myVideo{height:100vh;width:auto; left:-490px;}
    section.landing-hero .landing-hero-outer .desc .contact-info a,
    section.landing-hero .landing-hero-outer .desc .contact-info a.btn{width:150px;height: auto;white-space: pre-wrap;font-size: 10px;padding: 5px;}
    section.hero .hero-outer{height:100vh}
    section.hero .hero-outer .desc h3{font-size:15px;line-height: 18px;}
    section.hero .hero-rightbar{height: 65px;width: 100%;bottom: 0;top: inherit;}
    section.hero .hero-rightbar ul{height: 70px;width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;}
    section.hero .hero-outer .desc h2{font-size:18px;line-height: 20px;}
    section.hero .hero-outer .desc a{padding:5px 15px;font-size:8px;margin:10px;}
    section.hero .hero-outer .desc:after{height: 200px;width: 280px;left:-13%;top:-80px;}
    section.hero .hero-rightbar ul li:last-child{height: 60px;width:auto;}
    section.hero .hero-rightbar ul li a {font-size:20px;}
    section.hero .hero-rightbar ul li:last-child a i:before{font-size:30px;margin-top: 0!important;}
    section.hero .hero-rightbar ul li:last-child a span{margin-top:5px;}
    
    
    section.banner .banner-rightbar{height: 65px;width: 100%;bottom: 0;top: inherit;}
    section.banner .banner-rightbar ul{height: 60px;width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;}
    section.banner .banner-rightbar ul li:last-child{height: 70px;width:auto;}
    section.banner .banner-rightbar ul li a {font-size: 20px;}
    section.banner .banner-rightbar ul li:last-child a i:before{font-size: 30px;margin-top: 0!important;}
    section.banner .banner-rightbar ul li:last-child a span{margin-top:5px;}

    section.dge .desc h3{font-size:22px;line-height: 23px;padding: 0;margin-bottom: 5px;}
    section.dge .desc p{font-size:10px;line-height:15px;}

    section.bw .round-bw-left-inner .nav li{height:30px;width:30px;}
    section.bw .round-bw-left-inner h4{left:30%;top:33%;font-size: 12px;line-height:12px;}
    section.bw .round-bw-left-inner .nav li a i:before,
    section.bw .round-bw-left-inner .nav li:hover a i:before, section.bw .round-bw-left-inner .nav li:focus a i:before, section.bw .round-bw-left-inner .nav li.active a i:before{font-size:20px;}
    section.bw{height:130px;}
    section.bw .col4,
    section.bw .round-bw-left-outer{width:130px;height:130px;}
    section.bw .col7{flex-basis:100%;}
    section.bw .col7{flex-basis:100%;}
    section.bw .tab-content .desc{height:130px;display: block;padding: 5px;}
    section.bw .tab-content .desc h3{font-size:12px;line-height:12px;margin-bottom: 5px;}
    section.bw .tab-content .desc p{font-size: 10px;line-height: 9px;margin-bottom: 5px;}
    section.bw .col4:after{height:130px;}
    section.bw .tab-content .desc a{padding:5px;font-size: 5px;line-height: 6px;margin:0 5px;font-weight: 500;}
    section.hc .pricing-tables .nav{margin-top:15px;}
    section.hc .pricing-tables .nav li a{padding:5px;font-size: 10px;line-height: 6px;margin:0 5px;font-weight: 500;}
    
    section.cl-ww .row{flex-direction: column;}
    section.cl-ww .tabs__content .row{display:block}
    section.sew .desc ul.half li{width:100%;}

    section.jd .desc-left{padding:50px 0;text-align: center;}
    section.jd .desc-left h2{font-size: 22px;line-height: 23px;margin-bottom: 5px;}
    section.jd .desc-left p{font-size: 14px;line-height: 14px;margin: 0;margin-bottom: 5px;}
    section.jd .desc-left a{font-size:14px;}
    section.jd .desc-right .premium-features .premium-features-inner{flex-direction:column;}
    section.digital img {
        width: 100%;
        height: auto;
    }
    
    /*=====================Contact=====================*/
    section.banner .banner-outer{height: 70vh;}
    section.banner .banner-outer .desc .desc-heading h3 {font-size: 15px;line-height:18px;}
    section.banner .banner-outer .desc .desc-heading h4 {font-size: 18px;line-height:20px;}
    section.banner .banner-outer .desc a {text-align: center;float: none;font-size: 13px;line-height:15px;margin-top:15px;}
    section.contact-us form{padding: 100px 20px;}
    section.contact-us a {font-size: 18px;line-height: 20px;}
    section.our-recent-work:before{top:0;width:60px;height:180px;z-index: -1;}
    section.our-recent-work:after{bottom:0;width:50px;height:180px;z-index: -1;}
    section.hbw .brands-work-content-box h3 {font-size: 15px;line-height: 18px;margin-top:10px}
    section.mmo {background-size: 0% 90% , 300px 100%;padding-top: 0px;}
    section.mmo .mmo-icon-outer {padding: 0px 0px 40px 0px;}
    section.wtr .wtr-logo-outer {display: none;}
    section.cds .desc h4 {font-size: 30px;line-height: 32px;}
    section.cds .cds-col {height: 250px;}
    section.cds ul {padding: 10px 10px 0px 22px;}
    section.cds ul li h5 {font-size: 16px;line-height: 18px;}
    section.gallery .gallery-inner img {width: 48%;}
    section.mai .images-outer:before{left: 0%;}
    section.upc .tickets .tickets-upper {width: 100%;}
    section.upc .desc {margin-bottom: 0px;}
    .valued-clients .row .row {display: inline-flex;margin: 0;padding: 0;}
    .valued-clients .row .row img {min-width: 100%;width: 75%;}
    section.testi .prev {left: 75%;font-size:40px!important;top:3%!important}
    .fa-chevron-right:before {padding: 0px 22px;}
    section.testi .next {left: 85%;top:3%!important;font-size:40px!important}
    section.cont a {font-size: 18px;}
    section.cont h4 {font-size: 14px;}
    section.hbw .heading-desc h4 {font-size: 22px;line-height: 23px;}
    section.hbw .heading-desc h4 span {font-size: 22px;}
    section.mmo .desc {text-align:center;}
    section.mmo .desc h4 {font-size: 22px;line-height: 23px;margin-bottom: 0px;}
    section.mmo .desc h4 span {font-size: 22px;}
    section.cl-ww .desc-left {text-align: center;}
    section.mmo .mmo-icon-outer i:before{font-size:70px;}
    section.hbw .brands-work-content-box{height:180px;}
    section.cl-ww .desc-left {padding: 59px 0;}
    section.hc .pricing-tables .pricing-box .pricing-footer a.order-now{clip-path:polygon(0% 0%, 660px 0%, 710px 40px, 720px 340px, 0% 340px, 0% 0%);-webkit-clip-path:polygon(0% 0%, 660px 0%, 710px 40px, 720px 340px, 0% 340px, 0% 0%);}
    .cl-ww ul.nav {display: flex;margin-top: 0 !important;}
    section.cl-ww .desc-left .tabs-button-right{margin-top: 25px !important;}
    section.sew img.bounceInRight {width: 100%;}
    section.mmo .mmo-logo-outer{margin: 35px;padding: 6% 0 6%;background-size: 70% 100%;background-repeat: no-repeat;}
    section.mmo .mmo-logo-outer img {width: 50%;}
    section.cftwd-main-dual .icon-box,
    section.brnd-sol .icon-box{margin: 25px auto;}
    section.cl-ww .desc-left .tab-outer-btn a {width: 100%;}
    section.jd .desc-left h2 strong {font-size: 22px;}
    section.hc .pricing-tables .pricing-box .pricing-head {height: 120px;clip-path:polygon(0% 0%, 90% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%)}
    section.jd .desc-right .premium-package-head,section.hc .pricing-tables .pricing-box .pricing-head {height: 120px;}
    section.jd .desc-right .premium-package-head h3,section.hc .pricing-tables .pricing-box .pricing-head h3 {font-size: 38px;}
    section.jd .desc-right .premium-package-head p,section.hc .pricing-tables .pricing-box .pricing-head p {font-size: 15px;}
    section.hc .pricing-tables .pricing-box .pricing-body {padding: 10px 25px 0;}
    section.hc .desc h3,
    section.orw .desc h4,
    section.hbw .desc h4,
    section.digital .desc h4,
    section.digital .desc h3,
    section.cftwd-main-dual .desc h4,
    section.landing-hero .landing-hero-outer .desc h3,
    section.gyb .desc h4,
    section.our-recent-work .desc h4,
    section.our-recent-work .desc h4 span,
    section.upc .desc h4,
    section.valued-clients .desc h4 span,
    section.valued-clients .desc h4,
    section.sew .desc h4,
    section.testi .heading h4 span,
    section.ars .desc h4,
    section.brnd-sol .head-desc h4,
    section.cl-ww .desc-left h4,
    section.cl-ww .desc-left h4 span,
    section.adp .desc h4,
    section.our-expertise .desc h4,
    section.testi .heading h4,
    .remodal-wrapper .remodal h2,
    section.mai .desc h5,
    section.lcf .desc h4,
    section.dte .desc h4 ,
    section.sew .desc h4 span,
    section.brnd-sol .head-desc h4 span,
    section.cftwd-main-dual .desc h4 span,
    section.ars .desc h4 span,
    section.dte .desc h4 span {font-size: 22px;line-height: 24px;}
    section.contact-us .row {display: flex;flex-direction: column-reverse;}
    section.contact-us .col-md-6 .row {display: flex;flex-direction: column;}
    section.brnd-sol .btns-box:before,
    section.brnd-sol .btns-box span,
    section.brnd-sol .btns-box:after,
    section.brnd-sol .icon-box:before,
    section.brnd-sol .icon-box span,
    section.brnd-sol .icon-box:after,
    section.brnd-sol .row:before{display:none;}
    section.contact-us .desc h4,section.portfolio .desc h4 {font-size: 22px;line-height: 23px;padding: 0;margin-bottom: 5px;}
    section.contact-us .desc h4 span {font-size: 25px;}
    section.hc .pricing-tables .tab-content{margin-top:25px;}
    section.hc .pricing-tables .pricing-box .pricing-body .features ul li{border-bottom:1px solid #ddd;}
    section.hc .pricing-tables .tab-content .row {display: flex;flex-direction: column;}
    section.hc .pricing-tables .tab-content .row .col-xs-4{width:100%;}
    section.contact-us .desc p,
    section.portfolio .desc p,
    section.jd .desc-left p,
    section.brnd-sol .head-desc p,
    section.cftwd-main-dual .desc p,
    section.mai .desc p,
    .remodal-wrapper .remodal p,
    section.testi .testimonials .desc p,
    section.valued-clients .desc p,
    section.our-expertise .desc p,
    section.upc .desc p,
    section.landing-hero .landing-hero-outer .desc p,
    section.hbw .heading-desc p,
    section.orw-slider .desc p,
    section.lcf .desc p,
    section.landing-hero .landing-hero-outer .desc ul li,
    section.adp .desc p,
    section.sew .desc p,
    section.ars a,
    section.our-recent-work .desc p,
    section.sew .desc p span,
    section.hc .desc p,
    section.portfolio a.load-More,
    section.mmo .desc p {font-size: 12px;line-height: 17px;max-width: 100%;}
    section.portfolio .portfolio-tabs .nav li a{font-size: 12px;line-height: 17px;padding:5px;margin:0;}
    section.contact-us .desc p span {font-size: 10px;line-height: 15px;}
    section.jd .desc-right .premium-features .col li {font-size: 12px;}
    section.jd .desc-right .premium-features .col h4 {font-size: 15px;}
    section.hc .pricing-tables .pricing-box .pricing-body p {font-size: 12px;line-height: 15px;margin-bottom: 10px;}
    section.hc .pricing-tables .pricing-box .pricing-body .features ul li {line-height: 30px;font-size: 12px;}
    section.hc .pricing-tables .pricing-box .pricing-footer .details h4 {font-size: 12px;}
    section.hc .pricing-tables .pricing-box .pricing-footer .details a {font-size: 12px;}
    section.mmo .mmo-icon-outer h1 {font-size: 30px;}
    section.cftwd-main-dual .row,
    section.brnd-sol .row{padding:0}
    section.upc .desc h4{margin-bottom:5px}
    section.cftwd-main-dual .col-xs-6 h4{margin-bottom:15px;font-size:12px;line-height:14px;}
    /* section.cftwd-main-dual .col-xs-3,
    section.brnd-sol .row .col-xs-3{width:80%;margin:auto;} */
    section.digital .nav li{max-width:}
    section.hc .pricing-tables .pricing-box .pricing-footer .row{flex-direction:row;}
    section.hbw .brands-work-anchor,
    section.brnd-sol .btns-box{display:flex;}
    section.hbw .brands-work-anchor a.btn-right,
    section.hbw .brands-work-anchor a.btn-left,
    section.sew .desc a,
    section.brnd-sol .btns-box a.btn-left,
    section.brnd-sol .btns-box a.btn-right{font-size:11px;margin:0 auto;}
    section.cont{background:linear-gradient(to bottom,#13205b ,#13205b 40%, #101d42 40%, #101d42);text-align:center;}
    section.cl-ww .desc-left ul.tabs-button-right:before{width:80%;margin:auto;bottom:92px;left:8%;}
    section.cl-ww .desc-left .tab-outer-btn a:before,
    section.cl-ww .desc-left .tab-outer-btn.active a:before{left:47.5%;}
    section.hbw .brands-work-content-box:after{display:none;}
    section.main-twd .icon-box{min-height: 220px;background:url(../images/brnd-sol-border-img.html);background-size: 100% 70%;background-repeat: no-repeat;margin-bottom: 60px;}
    section.main-twd .icon-box h4{top: 50%;font-size: 12px;}
    section.hbw .brands-work-main-box .row{display:flex;flex-direction:column;}
    section.hbw .brands-work-main-box .col-xs-3{width:100%;}
    section.valued-clients #form-right{display:none;}
    section.landing-hero .landing-hero-outer .col-md-5 {display: none;}
    .remodal-wrapper .remodal .field select, .remodal-wrapper .remodal .field input{margin:}
    .remodal-wrapper .remodal .remodal-close{background:#252525;border:none;top: 15px;right: 15px;border-radius:0;}
    .remodal-wrapper .remodal .col-md-12.col-xs-12, 
    .remodal-wrapper .remodal .col-md-10.col-xs-9, 
    .remodal-wrapper .remodal .col-md-2.col-xs-3, 
    .remodal-wrapper .remodal .col-md-6.col-xs-6{padding:0 5px} 
    section.landing-hero .landing-hero-outer{height: 80vh;}

    section.portfolio .video-an-box:hover span, section.our-recent-work .video-an-box:hover span{border:none;top: 33%;left: 0;right: 0;margin: auto;border: none;}
    section.portfolio .video-an-box:hover span, section.our-recent-work .video-an-box:hover span i{font-size:30px;}

    footer.footer .newsletter input[type=email]{width:80%}
    footer.footer .newsletter input[type=submit]{left:70%;}
    section.adp .desc,
    section.wtr .desc,
    section.sew .desc,
    section.mai .desc,
    section.dte .desc{height:auto;text-align: center;}
    section.dte .dte-right-img img{display:none;}
    section.wtr .desc h5{line-height: 35px;font-size: 30px;}
    section.mai .desc a{margin: auto;width:auto;font-size:12px;}
    section.mai .col-md-5{display:none;}
    section.upc .tickets {margin-top:0!important;}
    section.upc .desc p{margin-bottom:25px;}
    section.upc .tickets .tickets-upper{height:100px;}
    section.upc .tickets .tickets-upper h6{font-size: 12px;}
    section.upc .tickets .tickets-lower p{font-size: 12px;line-height: 16px;}
    section.upc .tickets .tickets-upper i:before,
    section.upc .tickets .tickets-upper i{line-height: 30px;font-size: 30px;}
    section.upc{background-size: 100% 18%;background-position: 100% 4%;}
    section.upc .tickets .tickets-upper span{font-size:65px;}
    section.gyb .ticket-desc h6{line-height:20px;margin:5px 0}
    section.gyb .ticket-desc p{font-size: 12px;line-height: 14px;margin-bottom:15px;}
    section.gyb .ticket-desc i:before{line-height: 50px;font-size: 50px;}
    section.gyb .ticket-desc.third:before, section.gyb .ticket-desc.second:before{left: -2.5%;bottom:5%;}
    section.gyb .ticket-desc.third:after, section.gyb .ticket-desc.second:after{height:170%}
    section.orw .slider-bg{display: none;}
    section.cftwd-main-dual .nav{margin-bottom:5px;}
    section.cftwd-main-dual .nav li a{font-size: 12px;line-height: 14px;padding:0;height: 50px;display:flex;justify-content: center;align-items:center;}
    section.cftwd-main-dual .nav-tabs>li.active>a:before{top: 45px;left: 49.5%;}
    section.cftwd-main-dual .nav-tabs>li.active>a:after{top: 85px;left:40.5%;}
    section.cftwd-main-dual .nav li a i:before{font-size: 50px;display: block;margin: 0 10px;}
    section.cftwd-main-dual .nav-tabs>li>a:after,
    section.cftwd-main-dual .nav li a span:after{display: none;}
    section.cftwd-main-dual .nav-tabs>li>a:after{left:40.5%;}
    section.cftwd-main-dual .tab-content .name h4{max-width:90%;font-size:16px;}
    section.cftwd-main-dual .tab-content .tab-desc p{font-size: 10px;line-height: 15px;word-break: break-all;max-width: 80%;}
    section.orw-slider .desc{max-width:100%;}
    section.orw-slider .desc h4 span,
    section.orw-slider .desc h4{font-size:22px;line-height: 24px;}
    section.orw-slider .slick-list:before{width:83%;height:110%;}
    section.orw-slider .site-slide .websiteslider .site-portfolio-inner img{padding:13px 0 50px;}
    section.orw-slider .carousel-controls .control{display:none!important;}
    section.lcf img{width:100%;}
    section.our-expertise .expertis-tickets .ticket-upper:before{display:none;}
    section.our-expertise .col-md-3:nth-child(odd) .ticket-lower,
    section.our-expertise .expertis-tickets .ticket-lower{margin-top:5px;margin-bottom:15px;}
    section.ars .links a.btn-right,
    section.ars .links a.btn-left{margin: 0 5px;padding:5px 10px;font-size: 12px;width:auto}
    section.portfolio .portfolio-tabs #mobileapp .fancybox{max-height: 100px;}
    section.bw .col1{display:none}
    section.gyb .ticket-desc.fifth:before, section.gyb .ticket-desc.sixth:before,
    section.gyb .ticket-desc.third:after, section.gyb .ticket-desc.second:after,
    section.gyb .ticket-desc.first:after{display:none;}
    section.gyb .ticket-desc{min-height:200px;}
    section.cftwd-main-dual .icon-box h4,
    section.brnd-sol .icon-box h4{font-size:12px;}
    section.cftwd-main-dual .col-md-3.col-xs-3, 
    section.brnd-sol .col-md-3.col-xs-3{padding:0 2px;}
    section.cl-ww .prev{left:80%}
    section.cl-ww .next{left:85%}
    section.cl-ww .carousel-controls{margin-top:15%}
    section.landing-sponser .desc{height: auto;}
    section.landing-sponser ul{flex-wrap: wrap;}
    section.landing-sponser ul li{flex-basis:50%;width:50%;}
    section.hc .pricing-tables .pricing-box .pricing-head h3 i{font-size:15px;padding-right:15px;}
}

@media (min-width:100px) and (max-width:767px) and (orientation: landscape){
    section.hc .pricing-tables .tab-content .row .col-md-4{flex:1;}
    section.landing-hero .landing-hero-outer{height:100vh;}
    .header ul.landing-ul{text-align:right;}
    section.landing-hero .landing-hero-outer .desc .trusted-partners img{width: 45%;height: auto;margin-top: 0px; margin-bottom:25px}
    section.hero video#myVideo{left:0;}
    section.hbw .brands-work-main-box .col-xs-3{width:25%;}
    section.hbw .brands-work-main-box .row{display:flex;flex-direction:row;}
    section.hero .hero-outer{height:100vh;}
    section.bw .col1{display:none}
    section.hbw .brands-work-content-box h3 {font-size: 15px;line-height: 18px;}    
    section.bw{height:220px;}
    section.upc .tickets .tickets-upper span{font-size:100px;}
    section.bw .col4,
    section.bw .round-bw-left-outer{width: 220px;height: 220px;}
    section.main-twd .icon-box{min-height:220px;margin-bottom:60px;background: url(../images/brnd-sol-border-img.html);background-size: 100% 100%;background-repeat: no-repeat;}
    section.main-twd .icon-box h4{top:70%;}
    section.bw .tab-content .desc{height: 220px;display: flex;padding: 5px;}
    section.bw .round-bw-left-inner h4{left: 28%;top: 30%;font-size: 22px;line-height: 22px;}
    section.bw .tab-content .desc h3{font-size: 15px;line-height: 17px;margin-bottom: 5px;}    
    section.bw .tab-content .desc p{font-size: 10px;line-height: 12px;margin-bottom: 5px;}
    section.bw .tab-content .desc a{padding: 10px;font-size: 9px;line-height: 10px;margin: 5px;font-weight: 500;}
    section.hc .desc h3{font-size: 22px;line-height: 23px;margin-bottom: 5px;}
    section.hc .desc p{font-size: 10px;line-height: 15px;margin-bottom: 5px;}
    section.jd .desc-right .premium-package-head h3,section.hc .pricing-tables .pricing-box .pricing-head h3 {font-size: 28px;line-height: 30px;margin-bottom: 5px;}
    section.hc .pricing-tables .pricing-box .pricing-body{padding:10px;}
    section.hc .pricing-tables .pricing-box .pricing-body p{color:#252525;font-size: 12px;font-weight:400;line-height: 16px;margin-bottom:15px;}
    section.hc .pricing-tables .pricing-box .pricing-body .features ul li{border-bottom:1px solid #ddd;line-height: 20px;font-size: 8px;}
    section.hc .pricing-tables .pricing-box .pricing-body span{font-size:8px;line-height: 10px;}
    section.hc .pricing-tables .pricing-box .pricing-footer .details h4{font-size:10px;line-height: 12px;margin:0;}
    section.hc .pricing-tables .pricing-box .pricing-footer .details a{font-size:12px;line-height:14px;}
    section.hc .pricing-tables .tab-content .row{flex-direction:row;}
    section.hc .pricing-tables .tab-content .row .col-xs-4{width:33.33333333%;}
    section.cl-ww .desc-left .tabs-button-right{display:flex;}
    section.cl-ww .desc-left .tab-outer-btn{flex:1;}
    section.cl-ww .desc-left ul.tabs-button-right:before{bottom:90px;left:9%;width:80%;}
    section.cl-ww .desc-left .tab-outer-btn a:before{left:43%;}
    section.cl-ww .desc-left .tab-outer-btn.active a:before{left:43%;}
    section.cl-ww .carousel-controls{margin:8% 0 5%;}
    section.cftwd-main-dual .icon-box h4,
    section.brnd-sol .icon-box h4{font-size:12px;}
    section.cftwd-main-dual .row,
    section.brnd-sol .row{display:flex;flex-direction: row;padding-bottom:0;}
    section.hc .pricing-tables .pricing-box .pricing-footer .row{flex-direction:row;}
    section.cftwd-main-dual .col-xs-3,
    section.brnd-sol .row .col-xs-3{width:25%;}
    section.valued-clients #form-right{width:600px!important;z-index:9;padding:25px 10px;top:0.5%;right:-65%}
    section.valued-clients #form-right .form-btn-trigger{line-height: 15px;font-size: 10px;padding:15px 10px;height: 80px;width: 80px;left: -13%;top: 40%;}
    section.valued-clients #form-right .row {display:block;}
    section.valued-clients #form-right .head h3{line-height: 35px;font-size: 30px;}
    section.valued-clients #form-right .head p{line-height: 12px;font-size:10px;}
    section.hbw .brands-work-anchor a.btn-right, 
    section.hbw .brands-work-anchor a.btn-left, 
    section.brnd-sol .btns-box a.btn-left, 
    section.brnd-sol .btns-box a.btn-right{margin:0 auto;}
    section.cl-ww .tabs__content .row{max-width:80%;margin:auto;}
    section.mmo{max-width: 80%;margin: 15px auto;}
    section.mmo .mmo-logo-outer{padding: 10% 0;}
    section.orw-slider .site-slide .websiteslider .site-portfolio-inner img {padding: 25px 0 70px;}
    section.banner .banner-outer{height:100vh}
    section.wce .world{display:none;}
    section.testi .testimonials .desc p{min-height:50px;}
    section.hbw .expertis-tickets .ticket-upper{height:100px;}
    section.orw-slider .slick-list:before {width: 100%;height: 115%;}    
}


@media (min-width:768px) and (max-width:850px){
    
    section.hc .pricing-tables .pricing-box .pricing-head h3 i{font-size:15px;padding-right:15px;}
    section.landing-hero .landing-hero-outer{height:80vh;}   
    .section-padding{padding:50px 0;}
    section.hc .pricing-tables .pricing-box:last-child{margin-bottom:0;}
    .header .col-md-5.col-xs-9 {padding: 0;}
    .header ul.landing-ul li a, 
    .header ul.landing-ul li, 
    .header ul.landing-ul li p{font-size:12px;}
    section.main-twd .icon-box{min-height: 180px;background:url(../images/brnd-sol-border-img.html);background-size: 100% 70%;background-repeat: no-repeat;margin-bottom: 60px;}
    section.main-twd .icon-box h4{top: 50%;font-size: 12px;}
    section.landing-hero .landing-hero-outer .col-md-5 {display: none;}
    section.landing-hero .landing-hero-outer .desc h3{font-size: 22px;line-height: 24px;margin-bottom:5px;}
    .header ul.landing-ul{text-align:right;}
    section.landing-hero .landing-hero-outer .desc .trusted-partners img{width: 45%;height: auto;margin-top: 0px; margin-bottom:25px}
    .header{background:rgba(0,0,0,0.5);}
    .header .navbar .navbar-brand{padding:8px 0;}
    .header .navbar .navbar-brand img{width:60px;}
    .header ul.landing-ul li a.btn{font-size:8px;padding:10px;}
    section.hero .hero-rightbar ul li a{font-size:15px;padding:0;}
    section.landing-hero .landing-hero-outer .desc .contact-info a,
    section.landing-hero .landing-hero-outer .desc .contact-info a.btn{width:150px;height: auto;white-space: pre-wrap;font-size: 10px;padding: 5px;margin-top:5px;}
    section.hero .hero-rightbar ul li:last-child a span{font-size:9px;margin-top:5px;}
    section.hero .hero-rightbar ul li:last-child a i:before{margin-top:15px!important;font-size:30px}
    section.hero .hero-rightbar{width:50px;}
    section.hero .hero-rightbar ul li{width:30px;height:30px;}
    section.bw .col1{display:none}
    section.hero .hero-rightbar ul li:last-child{height:100px}
    section.hero .hero-outer .desc h3{font-size:20px;line-height: 30px;}
    section.hero .hero-outer .desc h2{font-size:30px;line-height: 40px;}
    section.hero .hero-outer .desc a{padding:5px 15px;font-size:12px;margin-top:5px;}
    section.hero .hero-outer .desc {margin-top:55px;}
    section.hero .hero-outer .desc:after{top: -60%;height: 250px;width: 550px;left: -15%;}
    section.bw .round-bw-left-inner .nav li{height:30px;width:30px;}
    section.bw .round-bw-left-inner h4{left: 22%;top: 25%;font-size: 27px;line-height: 28px;}
    section.bw .round-bw-left-inner .nav li a i:before,
    section.bw .round-bw-left-inner .nav li:hover a i:before,
    section.bw .round-bw-left-inner .nav li:focus a i:before,
    section.bw .round-bw-left-inner .nav li.active a i:before{font-size:20px;}
    section.bw{height:220px;}
    section.bw .col4,
    section.bw .round-bw-left-outer{width:220px;height:220px;}
    section.bw .col7{flex-basis:100%;}
    section.hbw .brands-work-content-box h3 {font-size: 15px;line-height: 18px;}
    section.bw .col7{flex-basis:100%;}
    section.bw .tab-content .desc{height:220px;padding: 5px;}
    section.bw .tab-content .desc h3{font-size: 22px;line-height: 22px;margin-bottom: 5px;}
    section.bw .tab-content .desc p{font-size: 14px;line-height: 17px;margin-bottom: 5px;}
    section.bw .col4:after{height:220px;}
    section.bw .tab-content .desc a{padding: 10px 15px;font-size: 10px;line-height: 10px;margin:0 5px;font-weight: 500;}
    section.hc .desc h3{font-size:22px;line-height:22px;margin-bottom: 5px;}
    section.hc .desc p{font-size: 12px;line-height: 14px;margin-bottom: 5px;}
    section.hc .pricing-tables .nav{margin-top:15px;}
    section.hc .pricing-tables .nav li a{padding:5px;font-size: 10px;line-height: 6px;margin:0 5px;font-weight: 500;}
    section.hc .pricing-tables .pricing-box .pricing-head h3{font-size:42px;}
    section.hc .pricing-tables .pricing-box .pricing-head p{font-size:16px;}
    section.hc .pricing-tables .pricing-box .pricing-body{padding:25px 5px 0;}
    section.hc .pricing-tables .pricing-box .pricing-body p{font-size:12px;line-height:15px;}
    section.hc .pricing-tables .pricing-box .pricing-body .features ul li{line-height:25px;font-size:10px}
    section.hc .pricing-tables .pricing-box .pricing-body span{font-size:10px;line-height:15px;}
    section.hc .pricing-tables .pricing-box .pricing-footer .details{padding:0}
    section.hc .pricing-tables .pricing-box .pricing-footer .details h4{font-size:10px;margin:0;}
    section.hc .pricing-tables .pricing-box .pricing-footer .details a {font-size: 12px;}
    section.brnd-sol .row{padding-bottom:55px}
    section.brnd-sol .row:before{width:75.3%;bottom:-2%;left:12.4%;}
    section.brnd-sol .icon-box:after,
    section.brnd-sol .icon-box span,
    section.brnd-sol .icon-box:before{top:175px;bottom:inherit}
    section.brnd-sol .icon-box:before{height:24%;}
    section.cl-ww .desc-left ul.tabs-button-right:before{width:80%;margin:auto;bottom: 112px;left: 11%;}
    section.cl-ww .desc-left .tab-outer-btn a:before,
    section.cl-ww .desc-left .tab-outer-btn.active a:before{left:47.5%;}
    section.cl-ww .desc-left .tab-outer-btn a{background:transparent;width: 70px;padding:5px;text-align:center;margin:0;padding-bottom: 30px;font-size: 12px;border:none;}
    section.cl-ww .desc-left .tab-outer-btn a:after{width:20px;height:20px;}
    section.cl-ww .desc-left p{font-size:12px;line-height: 15px;}
    section.cl-ww .desc-left a{font-size: 12px;}
    section.mmo .mmo-logo-outer{width:400px;margin:auto;padding:5% 0;}
    section.mmo{max-width: 100%;margin: 15px auto;}
    section.mmo .desc h4 {font-size: 22px;line-height: 23px;margin-bottom: 0px;}
    section.mmo .desc h4 span {font-size: 22px;}
    section.mmo .desc {text-align:center;}
    section.mmo .mmo-icon-outer i:before{font-size:70px;}
    section.cont{background:linear-gradient(to bottom,#13205b ,#13205b 40%, #101d42 40%, #101d42);text-align:center;}
    section.cont .row{display:flex;flex-direction: column;}
    section.mmo{max-width: 80%;margin: 15px auto; background-size: 0% 90% , 300px 100%;}
    section.contact-us .desc p,
    section.portfolio .desc p,
    section.jd .desc-left p,
    section.our-expertise .desc p,
    section.hbw .heading-desc p,
    section.orw-slider .desc p,
    section.lcf .desc p,
    section.sew .desc p,
    section.landing-hero .landing-hero-outer .desc p,
    section.landing-hero .landing-hero-outer .desc ul li,
    section.sew .desc p span,
    section.hc .desc p,
    section.portfolio a.load-More,
    section.mmo .desc p {font-size: 14px;line-height: 17px;max-width: 100%;}
    section.valued-clients #form-right{width: 600px!important;z-index: 4;padding: 25px 30px;right: -65%;top: 0.5%;}
    section.valued-clients #form-right .form-btn-trigger{line-height: 15px;font-size: 14px;padding: 20px 10px;height: 100px;width: 100px;left: -13%;top: 40%;}
    section.valued-clients #form-right .row {display:block;}
    section.valued-clients #form-right .head h3{line-height: 35px;font-size: 30px;}
    section.valued-clients #form-right .head p{line-height: 12px;font-size:10px;}
    section.mmo .col-md-6 .row{display:flex;}
    section.valued-clients .col-md-7 .desc{max-width:85%}
    section.valued-clients .col-md-7 .desc .row{display:flex;}
    footer.footer .newsletter input[type=email]{width:80%}
    footer.footer .newsletter input[type=submit]{left:70%;}section.adp .desc,
    section.wtr .desc,
    section.sew .desc,
    section.mai .desc,
    section.dte .desc{height:auto;text-align: center;}

    footer.footer{display:none}
    footer.accordion{display:block}

    section.hbw .brands-work-main-box .col-xs-3{width:25%;}
    section.hbw .brands-work-main-box .row{display:flex;flex-direction:row;}
    section.hero .hero-outer{height:100vh;}
    section.bw .col1{display:none}
    section.hbw .brands-work-content-box h3 {font-size: 15px;line-height: 18px;}    
    section.bw{height:220px;}
    section.upc .tickets .tickets-upper span{font-size:100px;}
    section.bw .col4,
    section.bw .round-bw-left-outer{width: 220px;height: 220px;}
    section.bw .tab-content .desc{height: 220px;display: flex;padding: 5px;}
    section.bw .round-bw-left-inner h4{left: 28%;top: 30%;font-size: 22px;line-height: 22px;}
    section.bw .tab-content .desc h3{font-size: 15px;line-height: 17px;margin-bottom: 5px;}    
    section.bw .tab-content .desc p{font-size: 10px;line-height: 12px;margin-bottom: 5px;}
    section.bw .tab-content .desc a{padding: 10px;font-size: 9px;line-height: 10px;margin: 5px;font-weight: 500;}
    section.hc .desc h3{font-size: 22px;line-height: 23px;margin-bottom: 5px;}
    section.hc .desc p{font-size: 10px;line-height: 15px;margin-bottom: 5px;}
    section.jd .desc-right .premium-package-head h3,section.hc .pricing-tables .pricing-box .pricing-head h3 {font-size: 28px;line-height: 30px;margin-bottom: 5px;}
    section.hc .pricing-tables .pricing-box .pricing-body{padding:10px;}
    section.hc .pricing-tables .pricing-box .pricing-body p{color:#252525;font-size: 12px;font-weight:400;line-height: 16px;margin-bottom:15px;}
    section.hc .pricing-tables .pricing-box .pricing-body .features ul li{border-bottom:1px solid #ddd;line-height: 20px;font-size: 8px;}
    section.hc .pricing-tables .pricing-box .pricing-body span{font-size:8px;line-height: 10px;}
    section.hc .pricing-tables .pricing-box .pricing-footer .details h4{font-size:10px;line-height: 12px;margin:0;}
    section.hc .pricing-tables .pricing-box .pricing-footer .details a{font-size:12px;line-height:14px;}
    section.hc .pricing-tables .tab-content .row{flex-direction:row;}
    section.hc .pricing-tables .tab-content .row .col-xs-4{width:33.33333333%;}
    section.cl-ww .desc-left .tabs-button-right{display:flex;}
    section.cl-ww .desc-left .tab-outer-btn{flex:1;}
    section.cl-ww .desc-left ul.tabs-button-right:before{bottom:79px;left:9%;width:80%;}
    section.cl-ww .desc-left .tab-outer-btn a:before{left:43%;}
    section.cl-ww .desc-left .tab-outer-btn.active a:before{left:43%;}
    section.brnd-sol .icon-box h4{font-size:12px;}
    section.cftwd-main-dual .row,
    section.brnd-sol .row{display:flex;flex-direction: row;padding-bottom:0;}
    section.hc .pricing-tables .pricing-box .pricing-footer .row{flex-direction:row;}
    section.cftwd-main-dual .col-xs-3,
    section.brnd-sol .row .col-xs-3{width:25%;}
    section.valued-clients #form-right{width:600px!important;z-index:9;padding:25px 10px;top:0.5%;right:-65%}
    section.valued-clients #form-right .form-btn-trigger{line-height: 15px;font-size: 10px;padding:15px 10px;height: 80px;width: 80px;left: -13%;top: 40%;}
    section.valued-clients #form-right .row {display:block;}
    section.valued-clients #form-right .head h3{line-height: 35px;font-size: 30px;}
    section.valued-clients #form-right .head p{line-height: 12px;font-size:10px;}
    section.hbw .brands-work-anchor a.btn-right, 
    section.hbw .brands-work-anchor a.btn-left, 
    section.brnd-sol .btns-box a.btn-left, 
    section.brnd-sol .btns-box a.btn-right{margin:0 auto;}
    section.cl-ww .tabs__content .row{max-width:80%;margin:auto;}
    section.mmo{max-width: 80%;margin: 15px auto;}
    section.mmo .mmo-logo-outer{padding: 10% 0;}

    section.banner .banner-outer{height:70vh} 
    section.cftwd-main-dual .col-xs-3,
    section.brnd-sol .row .col-xs-3{width:25%;}

}
@media (min-width:810px) and (max-width:820px) and (orientation: landscape){
    section.landing-hero .landing-hero-outer{height:100vh;}   
    section.wce .world{display:none;}
    .section-padding{padding:50px 0;}
    section.hc .pricing-tables .pricing-box:last-child{margin-bottom:0;}
    .header .col-md-5.col-xs-9 {padding: 0;}
    .header ul.landing-ul li a, 
    .header ul.landing-ul li, 
    .header ul.landing-ul li p{font-size:12px;}
    section.main-twd .icon-box{min-height: 180px;background:url(../images/brnd-sol-border-img.html);background-size: 100% 70%;background-repeat: no-repeat;margin-bottom: 60px;}
    section.main-twd .icon-box h4{top: 50%;font-size: 12px;}
    section.landing-hero .landing-hero-outer .col-md-5 {display: none;}
    section.landing-hero .landing-hero-outer .desc h3{font-size: 22px;line-height: 24px;margin-bottom:5px;}
    .header ul.landing-ul{text-align:right;}
    section.landing-hero .landing-hero-outer .desc .trusted-partners img{width: 45%;height: auto;margin-top: 0px; margin-bottom:25px}
    .header{background:rgba(0,0,0,0.5);}
    .header .navbar .navbar-brand{padding:8px 0;}
    .header .navbar .navbar-brand img{width:60px;}
    .header ul.landing-ul li a.btn{font-size:8px;padding:10px;}
    section.hero .hero-rightbar ul li a{font-size:15px;padding:0;}
    section.landing-hero .landing-hero-outer .desc .contact-info a,
    section.landing-hero .landing-hero-outer .desc .contact-info a.btn{width:150px;height: auto;white-space: pre-wrap;font-size: 10px;padding: 5px;margin-top:5px;}
    section.hero .hero-rightbar ul li:last-child a span{font-size:9px;margin-top:5px;}
    section.hero .hero-rightbar ul li:last-child a i:before{margin-top:15px!important;font-size:30px}
    section.hero .hero-rightbar{width:50px;}
    section.hero .hero-rightbar ul li{width:30px;height:30px;}
    section.bw .col1{display:none}
    section.hero .hero-rightbar ul li:last-child{height:100px}
    section.hero .hero-outer .desc h3{font-size:20px;line-height: 30px;}
    section.hero .hero-outer .desc h2{font-size:30px;line-height: 40px;}
    section.hero .hero-outer .desc a{padding:5px 15px;font-size:12px;margin-top:5px;}
    section.hero .hero-outer .desc {margin-top:55px;}
    section.hero .hero-outer .desc:after{top: -60%;height: 250px;width: 550px;left: -15%;}
    section.bw .round-bw-left-inner .nav li{height:30px;width:30px;}
    section.bw .round-bw-left-inner h4{left: 22%;top: 25%;font-size: 27px;line-height: 28px;}
    section.bw .round-bw-left-inner .nav li a i:before,
    section.bw .round-bw-left-inner .nav li:hover a i:before,
    section.bw .round-bw-left-inner .nav li:focus a i:before,
    section.bw .round-bw-left-inner .nav li.active a i:before{font-size:20px;}
    section.bw{height:220px;}
    section.bw .col4,
    section.bw .round-bw-left-outer{width:220px;height:220px;}
    section.bw .col7{flex-basis:100%;}
    section.hbw .brands-work-content-box h3 {font-size: 15px;line-height: 18px;}
    section.bw .col7{flex-basis:100%;}
    section.bw .tab-content .desc{height:220px;padding: 5px;}
    section.bw .tab-content .desc h3{font-size: 22px;line-height: 22px;margin-bottom: 5px;}
    section.bw .tab-content .desc p{font-size: 14px;line-height: 17px;margin-bottom: 5px;}
    section.bw .col4:after{height:220px;}
    section.bw .tab-content .desc a{padding: 10px 15px;font-size: 10px;line-height: 10px;margin:0 5px;font-weight: 500;}
    section.hc .desc h3{font-size:22px;line-height:22px;margin-bottom: 5px;}
    section.hc .desc p{font-size: 12px;line-height: 14px;margin-bottom: 5px;}
    section.hc .pricing-tables .nav{margin-top:15px;}
    section.hc .pricing-tables .nav li a{padding:5px;font-size: 10px;line-height: 6px;margin:0 5px;font-weight: 500;}
    section.hc .pricing-tables .pricing-box .pricing-head h3{font-size:42px;}
    section.hc .pricing-tables .pricing-box .pricing-head p{font-size:16px;}
    section.hc .pricing-tables .pricing-box .pricing-body{padding:25px 5px 0;}
    section.hc .pricing-tables .pricing-box .pricing-body p{font-size:12px;line-height:15px;}
    section.hc .pricing-tables .pricing-box .pricing-body .features ul li{line-height:25px;font-size:10px}
    section.hc .pricing-tables .pricing-box .pricing-body span{font-size:10px;line-height:15px;}
    section.hc .pricing-tables .pricing-box .pricing-footer .details{padding:0}
    section.hc .pricing-tables .pricing-box .pricing-footer .details h4{font-size:10px;margin:0;}
    section.hc .pricing-tables .pricing-box .pricing-footer .details a {font-size: 12px;}
    section.brnd-sol .row{padding-bottom:55px}
    section.brnd-sol .row:before{width:75.3%;bottom:-2%;left:12.4%;}
    section.brnd-sol .icon-box:after,
    section.brnd-sol .icon-box span,
    section.brnd-sol .icon-box:before{top:175px;bottom:inherit}
    section.brnd-sol .icon-box:before{height:24%;}
    section.cl-ww .desc-left ul.tabs-button-right:before{width:80%;margin:auto;bottom: 112px;left: 11%;}
    section.cl-ww .desc-left .tab-outer-btn a:before,
    section.cl-ww .desc-left .tab-outer-btn.active a:before{left:47.5%;}
    section.cl-ww .desc-left .tab-outer-btn a{background:transparent;width: 70px;padding:5px;text-align:center;margin:0;padding-bottom: 30px;font-size: 12px;border:none;}
    section.cl-ww .desc-left .tab-outer-btn a:after{width:20px;height:20px;}
    section.cl-ww .desc-left p{font-size:12px;line-height: 15px;}
    section.cl-ww .desc-left a{font-size: 12px;}
    section.mmo .mmo-logo-outer{width:400px;margin:auto;padding:5% 0;}
    section.mmo{max-width: 100%;margin: 15px auto;}
    section.mmo .desc h4 {font-size: 22px;line-height: 23px;margin-bottom: 0px;}
    section.mmo .desc h4 span {font-size: 22px;}
    section.mmo .desc {text-align:center;}
    section.mmo .mmo-icon-outer i:before{font-size:70px;}
    section.cont{background:linear-gradient(to bottom,#13205b ,#13205b 47%, #101d42 47%, #101d42);text-align:center;}
    section.cont .row{display:flex;flex-direction: column;}
    section.mmo{max-width: 80%;margin: 15px auto; background-size: 0% 90% , 300px 100%;}
    section.contact-us .desc p,
    section.portfolio .desc p,
    section.jd .desc-left p,
    section.our-expertise .desc p,
    section.hbw .heading-desc p,
    section.orw-slider .desc p,
    section.lcf .desc p,
    section.sew .desc p,
    section.landing-hero .landing-hero-outer .desc p,
    section.landing-hero .landing-hero-outer .desc ul li,
    section.sew .desc p span,
    section.hc .desc p,
    section.portfolio a.load-More,
    section.mmo .desc p {font-size: 14px;line-height: 17px;max-width: 100%;}
    section.valued-clients #form-right{width: 600px!important;z-index: 4;padding: 25px 30px;right: -65%;top: 0.5%;}
    section.valued-clients #form-right .form-btn-trigger{line-height: 15px;font-size: 14px;padding: 20px 10px;height: 100px;width: 100px;left: -13%;top: 40%;}
    section.valued-clients #form-right .row {display:block;}
    section.valued-clients #form-right .head h3{line-height: 35px;font-size: 30px;}
    section.valued-clients #form-right .head p{line-height: 12px;font-size:10px;}
    section.mmo .col-md-6 .row{display:flex;}
    section.valued-clients .col-md-7 .desc{max-width:85%}
    section.valued-clients .col-md-7 .desc .row{display:flex;}
    footer.footer .newsletter input[type=email]{width:80%}
    footer.footer .newsletter input[type=submit]{left:70%;}section.adp .desc,
    section.wtr .desc,
    section.sew .desc,
    section.mai .desc,
    section.dte .desc{height:auto;text-align: center;}

    footer.footer{display:none}
    footer.accordion{display:block}

    section.hbw .brands-work-main-box .col-xs-3{width:25%;}
    section.hbw .brands-work-main-box .row{display:flex;flex-direction:row;}
    section.hero .hero-outer{height:100vh;}
    section.bw .col1{display:none}
    section.hbw .brands-work-content-box h3 {font-size: 15px;line-height: 18px;}    
    section.bw{height:220px;}
    section.upc .tickets .tickets-upper span{font-size:100px;}
    section.bw .col4,
    section.bw .round-bw-left-outer{width: 220px;height: 220px;}
    section.bw .tab-content .desc{height: 220px;display: flex;padding: 5px;}
    section.bw .round-bw-left-inner h4{left: 28%;top: 30%;font-size: 22px;line-height: 22px;}
    section.bw .tab-content .desc h3{font-size: 15px;line-height: 17px;margin-bottom: 5px;}    
    section.bw .tab-content .desc p{font-size: 10px;line-height: 12px;margin-bottom: 5px;}
    section.bw .tab-content .desc a{padding: 10px;font-size: 9px;line-height: 10px;margin: 5px;font-weight: 500;}
    section.hc .desc h3{font-size: 22px;line-height: 23px;margin-bottom: 5px;}
    section.hc .desc p{font-size: 10px;line-height: 15px;margin-bottom: 5px;}
    section.jd .desc-right .premium-package-head h3,section.hc .pricing-tables .pricing-box .pricing-head h3 {font-size: 28px;line-height: 30px;margin-bottom: 5px;}
    section.hc .pricing-tables .pricing-box .pricing-body{padding:10px;}
    section.hc .pricing-tables .pricing-box .pricing-body p{color:#252525;font-size: 12px;font-weight:400;line-height: 16px;margin-bottom:15px;}
    section.hc .pricing-tables .pricing-box .pricing-body .features ul li{border-bottom:1px solid #ddd;line-height: 20px;font-size: 8px;}
    section.hc .pricing-tables .pricing-box .pricing-body span{font-size:8px;line-height: 10px;}
    section.hc .pricing-tables .pricing-box .pricing-footer .details h4{font-size:10px;line-height: 12px;margin:0;}
    section.hc .pricing-tables .pricing-box .pricing-footer .details a{font-size:12px;line-height:14px;}
    section.hc .pricing-tables .tab-content .row{flex-direction:row;}
    section.hc .pricing-tables .tab-content .row .col-xs-4{width:33.33333333%;}
    section.cl-ww .desc-left .tabs-button-right{display:flex;}
    section.cl-ww .desc-left .tab-outer-btn{flex:1;}
    section.cl-ww .desc-left ul.tabs-button-right:before{bottom:79px;left:9%;width:80%;}
    section.cl-ww .desc-left .tab-outer-btn a:before{left:43%;}
    section.cl-ww .desc-left .tab-outer-btn.active a:before{left:43%;}
    section.brnd-sol .icon-box h4{font-size:12px;}
    section.cftwd-main-dual .row,
    section.brnd-sol .row{display:flex;flex-direction: row;padding-bottom:0;}
    section.hc .pricing-tables .pricing-box .pricing-footer .row{flex-direction:row;}
    section.cftwd-main-dual .col-xs-3,
    section.brnd-sol .row .col-xs-3{width:25%;}
    section.valued-clients #form-right{width:600px!important;z-index:9;padding:25px 10px;top:0.5%;right:-65%}
    section.valued-clients #form-right .form-btn-trigger{line-height: 15px;font-size: 10px;padding:15px 10px;height: 80px;width: 80px;left: -13%;top: 40%;}
    section.valued-clients #form-right .row {display:block;}
    section.valued-clients #form-right .head h3{line-height: 35px;font-size: 30px;}
    section.valued-clients #form-right .head p{line-height: 12px;font-size:10px;}
    section.hbw .brands-work-anchor a.btn-right, 
    section.hbw .brands-work-anchor a.btn-left, 
    section.brnd-sol .btns-box a.btn-left, 
    section.brnd-sol .btns-box a.btn-right{margin:0 auto;}
    section.cl-ww .tabs__content .row{max-width:80%;margin:auto;}
    section.mmo{max-width: 80%;margin: 15px auto;}
    section.mmo .mmo-logo-outer{padding: 10% 0;}

    section.banner .banner-outer{height:70vh} 
    section.cftwd-main-dual .col-xs-3,
    section.brnd-sol .row .col-xs-3{width:25%;}

}



/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
    html,body{overflow-x: hidden;}
    section.hero video#myVideo {
    
        width: auto;
        height: 100%;
        left: -35%;
    }
    section.hero .hero-rightbar ul,
    section.hero .hero-rightbar,
    section.hero .hero-outer{
        height: 60vh;
    }
    section.cl-ww .carousel-controls{margin-top:0;padding-bottom:20px;}
    section.cl-ww .row{display:block;}
    section.cl-ww .desc-left ul.tabs-button-right:before{display:none;}
    section.valued-clients #form-right{padding:25px 40px;right:-66%}
    section.valued-clients #form-right .form-btn-trigger{left:-11%;width: 100px;height: 100px;font-size: 18px;line-height: 20px;padding: 10px 0px;}
    section.hero .hero-outer .desc:after{width:470px;left:17%;}
    footer.footer .col-md-4:after{height:110%}
    footer.footer .col-md-4{margin-top:10px;}
    section.brnd-sol .row:before,
    section.brnd-sol .icon-box:after,
    section.brnd-sol .icon-box span,
    section.brnd-sol .icon-box:before{display:none}
    section.hero .hero-outer .desc:after {width: 370px;left: 0;}
    section.cl-ww .cl-web-inner{height:500px;margin-top:40px;}
    section.cl-ww .desc-left{padding-bottom:0px;}
    section.banner .banner-outer .desc {width: 80%;margin-left: -50px;}
    section.wtr .wtr-logo-outer{position:relative;margin:0 auto;}
    section.cds ul{width: 90%;margin-left: auto;}
    section.gallery .gallery-inner {display:flex}
    section.gallery .gallery-inner .col-md-3{width:25%}
    section.mai .images-outer {display: none;}
    section.gyb .ticket-desc{min-height:300px;}
    section.gyb .ticket-desc.third:after, section.gyb .ticket-desc.second:after,
    section.gyb .ticket-desc.first:after,
    section.gyb .ticket-desc.fifth:before, section.gyb .ticket-desc.sixth:before{display:none;}
    section.upc .row{display:flex;}
    section.upc .col-md-3:nth-child(odd) .tickets{margin-top:45px}
    section.orw .divider .logo-slider-outer{display:none;}
    section.orw .slider-bg{background-size:100%}
    section.orw .slide-main .slides .name-layer {display: flex;}
    section.orw .slide-main .slides{height:500px;}
    section.orw .slide-main .slides .info-layer ul li{margin:0 5px;}



}
/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1025px) and (orientation: landscape) {
    section.hero video#myVideo {    
        width: auto;
        height: 100%;
        left:0;
    }
    section.gyb:before{display:none;}
    section.orw .divider .col-md-8{width:100%}
    section.cds ul li h5{max-width:85%;}
    section.mai .images-outer {display: flex;}
    .header .navbar .navbar-brand img {
        width: 70px;
    }.header {
        background: rgba(0,0,0,0.5);
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        /* margin-left: -15px; */
        margin-top: -8px;
    }
    footer.footer .col-md-4:after {
        height: 140%;
    }
    section.valued-clients #form-right {
        right: -45%;
        padding:28px;
    }
    section.hero .hero-outer .desc:after {
        width: 440px;
        left: 0;
        right:0;
        margin:0 auto;
    }
    section.hero .hero-rightbar ul,
    section.hero .hero-rightbar,
    section.hero .hero-outer{
        height: 100vh;
    }
    section.cl-ww .desc-left ul.tabs-button-right:before{display:none;}

}

/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {

}