.mobile-show { display:none }
.mobile-hide { display:block }

/*RESPONSIVE*/
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px) { 
.row { margin:0px; }
.comman-container { width:100%; }
.mobile-banner { display:block; }
/*#banner-container { display:none; }*/
#banner { background-image:url(../images/mobile-banner.jpg); background-repeat:no-repeat; background-size:cover; }
#banner h2 {width: 84%;margin: auto;font-size: 30px;height: auto; top:45%;background-color: transparent;}
#banner h2 span {font-size: 36px;}

#what-brand {padding-top: 30px;}
.mt-50 {
    margin-top: 20px;
}
.mt-50.pr-4 {padding-right: 0rem!important;}

.cd-intro {
    width: 100%;
    transform: translate(0px, 0px);
}

.cd-headline.slide span {
    font-size: 18px;
}

.cd-headline {
    margin-bottom: 18px; height: 60px; word-wrap:break-word; margin-right:0;
}

.pl-3, .px-3 {
    padding-left: 0rem!important;
}

.what-brand-rhs .brand-bt {font-size: 20px;}

#what-brand {
    padding-bottom: 30px;
}

#no-container {
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
}

.no-box {
    height: auto;
	padding-bottom:10px;
	padding-top:15px;
}
.no-box br { display:none; }

.no-box h2 {line-height: 70px;} 

.r-bor {
    border-right:none;  border-bottom: solid 1px #FFF;
}

#our-services {
    padding-top: 35px; padding-bottom: 35px;
}

#our-services .comman-container { width:90%; margin:auto; } 
#our-services .comman-container p br ,.services-box h2 br{ display:none; }


.services-container {margin-top: 40px; text-align: center;}

.services-box {
    border-bottom: solid 1px #000;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.services-icon {
    padding-bottom: 8px;
    margin-bottom: 14px;
	border-bottom:none;
}

.services-box h2 {
    margin-bottom: 20px; display: inline; padding-right: 5px;
}
#our-services .page-title-1 {
    margin-bottom: 21px;
}

.about-pic1 {
    transform: translateX(0px);
}
.about-pic1 img,.owner-name img { width:100%; }
#brand-own .page-title-1 {
    text-align: center;
    margin-bottom: 34px;
    padding-right: 0px;
}

.owner-name {
    margin-top: 30px;
    margin-bottom: 19px;
}

.ex-no {
    background-color: transparent;
    font-size: 51px;
    position: relative;
    left: 0;
    top: 0;
    height: auto;
}

#brand-own {
    padding-bottom: 26px;
    margin-bottom: 26px;
}


.and {
    display: block;
    transform: translate(0px,0px);
    padding: 10px 0px;
}

#tuining-brand .col-xs-6 { width:50%; }
.flip-container {
    perspective: 1000;
    position: relative;
    width: 100%;
    height: 190px;
}


.fameh1-flip,.fameh1,
.fameh2-flip,.fameh2,
.fameh3-flip,.fameh3,
.fameh4-flip,.fameh4,
.fameh5-flip,.fameh5,
.fameh6-flip,.fameh6,
.fameh7-flip,.fameh7,
.fameh8-flip,.fameh8,
.fameh9-flip,.fameh9,
.fameh10-flip,.fameh10,
.fameh11-flip,.fameh11,
.fameh12-flip,.fameh12,
.fameh13-flip,.fameh13,
.fameh14-flip,.fameh14,
.fameh15-flip,.fameh15,
.fameh16-flip,.fameh16,
.fameh17-flip,.fameh17,
.fameh18-flip,.fameh18,
.fameh19-flip,.fameh19,
.fameh20-flip,.fameh20

{
    height: 190px;background-size: cover;
}

#tuining-brand {
    position: relative;
    padding-bottom: 42px;
	border-bottom: solid 1px #000;
}

.footer-lhs { word-wrap:break-word; text-align: center; margin-top: 20px;}

#footer {
    padding-top:15px;
    padding-bottom: 15px;
}

.fs-36 {
    font-size: 24px !important;
    line-height: 30px;
}

.copyright {padding-bottom: 0; padding-top: 0; text-align: center;}

.our-talent{padding-top: 20px; margin-top: 20px; padding-bottom: 0;}
.success-story-box .three-stars{display:none;}
.success-story-box .yellow-box-close{display:none;}
.success-story-box h2{position: relative; font-size: 20px; padding: 10px; bottom: 0; left: 0px;}
.success-story-box .read-case:before{display:none;}
.success-story-box{margin-bottom: 15px;}
.success-story .comman-container{width:100%;}
.wall-of-fame{margin-top: 10px; padding-top: 30px;}
.success-story{margin-top: 30px;}
#product-details-tabs .card-header h5 a{position:relative; font-size: 22px; color: #000000; border-top: none; text-decoration:none; text-transform: capitalize;}
#product-details-tabs .card-header h5 a.collapsed{font-size: 22px; color: #000000; border-top: none; background:none;text-transform: capitalize;}
#product-details-tabs .card-header h5 a:after{ content: "-"; position: absolute; top: 5px; right: 0px; font-size:50px;line-height: 12px;}
#product-details-tabs .card-header h5 a.collapsed:after{content: "+"; position: absolute; top: 1px; right: 0px; font-size: 50px;line-height: 22px;}
.front, .back{background:none;}
.col-sm-15 {width: 100%; float: left;}
.our-talent .common-box{margin-bottom:20px;}
.h73{height: auto;}
.number-list li{width: 100%; padding-left:0px; height: auto;}
.other-sponsorship-box{margin-bottom:0px;padding-bottom: 10px;}
#other-sponsorship h2{padding-bottom:10px;}
.fs-33 {
    font-size: 27px !important;
    line-height: 37px;
}
.number-list li:before{left: 5px;}
.h-1060{height:auto;}
.n-val2 .fs-30 {
    font-size: 25px !important;
    line-height: 37px;
}
.n-val1{transform: translate(0px, 0px);padding: 1px 0px;}
.mt-40 {
    margin-top: 0px;
}
.mt-360{margin-top:0;}
.fancybox-slide>*{width: 100%; height: auto;}
#product-details-tabs .tabs-title{display:none;}
#product-details-tabs .card-header h5 a p{font-weight: 600; font-family: 'Barlow Condensed'; font-size: 22px; margin-bottom: 0;}
#product-details-tabs{margin-top: 90px;}
.mt-60, .mt-85{margin-top:30px;}
.h-1450, .h-350, .h-545, .h-1180{height:auto;}
.digital-img{position:relative; left:0; top:0;}
.case-study-con{ width:100%; }
.case-study-box .yellow-box-close, .case-study-img:before{display:none;}
.case-study-box h2{position: relative; font-size: 20px; bottom: 0; left: 0px; width: 100%;}
.case-study-img{margin-bottom:0;}
.case-study-box a{margin-bottom: 20px;}
.case-study-box{margin-bottom: 30px;}
.banner-txt{width: 100%; position: relative; bottom: 0; left: 0;}
.mt-320{margin-top:10px;}
.mb-320{margin-bottom:10px;}
.mb-60{margin-bottom: 10px;}
.case-study-con{margin-top:17px;}
.mt-5, .my-5 {
    margin-top: 1rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 2rem!important;
}
#product-details-tabs .card-header h5{font-weight: 600; font-family: 'Barlow Condensed';}
#product-details-tabs .card-header{background-color: #fcd00d;padding-right: 30px;border-bottom: none;}
.w800{width:100%;}
#solutioncarousel .carousel-control-prev{left: 0;}
#solutioncarousel .carousel-control-next{right: 0;}
#solutioncarousel .carousel-control-next, #solutioncarousel .carousel-control-prev{opacity: 0.8; top: -50px;}
#solutioncarousel .carousel-control-next img, #solutioncarousel .carousel-control-prev img{width: 30px;}
.fancybox-button--left, .fancybox-button--right{display:block !important;}
.home-nav .nav-link{color: #000 !important;}
.cd-words-wrapper{width:100% !important;}
#top-section{padding:10px; padding-top: 30px; padding-bottom: 10px;}
#sec-section {padding: 20px 10px; text-align: center;}
.what-we-do-img{height: 200px;}
#third-sec{padding:10px; text-align: center;}
.mr-t-88{margin-top: 10px;}
.wall-of-fame .flip-container{height: 180px;}
#how-its-work .tab p{margin-top: 30px; font-size: 18px;}
#how-its-work .tab p.title{transform:none;}
#how-its-work .tab p.title{transform: rotate(-270deg) translateX(-10px) translateY(-20px); font-size: 18px;}
#how-its-work .panelHolder{background: #fab349 none; height: 220px !important;}
#how-its-work .content p{font-size: 16px; line-height:24px;}
#how-its-work .content{padding: 5px;}
#contact-us{margin-top: 90px; text-align: center;}
#top-section .lhs-top .fs-50{font-size: 30px !important;}
#sec-section h3.fs-36{font-size: 24px !important;}
#third-sec h2.fs-36{font-size: 30px !important;}
#pc-solution .success-story-box-pc{width:100%; transform:none;}
#pc-solution p{line-height:26px!important;}
#pc-solution{margin-top: 0px; padding: 0 0 30px;}
.success-story-box-pc h2{width:100%;}
#pc-solution .success-story-box-pc h2{bottom: 0px; position:relative; font-size: 22px;}
#pc-solution .success-story-box-pc:before{display:none;}
#pc-solution h3{font-size:22px!important; margin-top: 20px; line-height: 28px;}
#pc-pro{padding:20px 0;}
#pc-pro h3{font-size:22px!important; line-height:26px;}
.brand-pc{margin:30px 0;}
.brand-pc h3{font-size:22px!important; line-height:26px;}
.brand-pc span{font-size:22px!important; line-height:26px;}
#sha-soluction{margin-top: 0px; padding-bottom:170px;}
#sha-soluction .success-story-box{ width:100%; transform:none; padding-bottom: 20px;}
.width-580{width:100%;}
#sha-soluction .success-story-box p{font-size: 36px; top: 135px;}
#top-section h2{font-size:22px!important; line-height:26px;}
.what-brand-lhs, .what-brand-rhs{text-align:center;}
.cd-headline.slide .cd-words-wrapper{vertical-align: middle; text-align: center; word-wrap:break-word;}
.cd-headline.slide b{word-wrap:break-word; white-space: normal;}
.services-box a{font-size: 36px; vertical-align: top;}
.brand-own-rhs{text-align:center;}
.fs-104{font-size: 34px !important; line-height: 36px;}
.page-title-1{font-size: 24px; line-height: 30px;text-transform: capitalize !important;}
.social-link{text-align:center; margin-bottom:10px;}
.width-990, .width-1050{width:100%;}
.inner-page-title h2{font-size: 25px;}
.inner-footer{padding-top: 35px !important; margin-top: 35px !important;}
#sec-section .mt-5{margin-top: 1rem!important;}
.brand-style2{font-size: 25px;}
.lhs-top{padding-top:10px; text-align: center;}
.lhs-top.mt-40{margin-top:0;}
.mt-80{margin-top: 30px;}
.how-its-work-lhs h2{text-align: center;}
.how-its-work-lhs h2.mt-40{margin-top:20px;}
.how-its-work-lhs h2.mb-5{margin-bottom:10px !important;}
#how-its-work{margin-top: 20px;}
.how-acc{padding-top: 20px;}
.brand-bt3{font-size: 20px;}
.brand-bt3 .readmore{vertical-align: top;}
p{font-size: 20px; line-height:26px;}
#product-details-tabs .card-body{padding:10px 0px;}
#product-details-tabs .card-body .fs-30 { font-size:24px !important; text-transform:capitalize !important } 
#product-details-tabs .card-body h2,#product-details-tabs .card-body p { padding-left:13px; padding-right:13px; }
#product-details-tabs .card-body .mt-60{margin-top: 16px;margin-bottom: 10px;}
.ab-mob{padding:20px 0;}
.success-story-box .read-case{font-size: 22px;padding-left: 13px;}
.success-story-box .read-case .readmore{vertical-align: top; font-size: 30px;}
.sticky{display: none;}
.accordion-mob .card:nth-child(odd) .card-header{background-color: #ffd735;}
.accordion-mob .card:nth-child(even) .card-header{background-color: #fab349;}
.accordion-mob .card-body{padding:10px; background-color: #fff5cc;}
.accordion-mob .card-header{text-align:center; padding:10px;}
.accordion-mob .card-header a:hover{text-decoration:none;}
.accordion-mob .card-header a:after{font-family: 'FontAwesome'; content: "\f068"; position: absolute; top: 25px; right: 20px; color: #000;}
.accordion-mob .card-header a.collapsed:after{content: "\f067"; position: absolute; top: 25px; right: 20px; color: #000;}
#tuining-brand:before{display:none;}
.mobile-mt-20 { margin-top:20px; }
.photo-gallery-pic {
    margin-bottom:0px !important;overflow:auto;
}
.other-sponsorship-box .fs-26 {
    font-size: 18px !important;
}

.number-list li h2{height: auto;}
#product-details-tabs #content{margin-top:0px !important;}
.client-img{height: 220px; background-size: 100%;}



.how-acc form { 
    position: relative; 
    top:0px; 
    left:0px; 
    padding:0px;
    display: inline-block;
    box-shadow:none;
    border-radius: 3px;
    border:none;
    width: 100%; 
    height: auto;
}
.how-acc input { display: none; }
.how-acc input:checked + label { 
    border:none;
    color: white; 
    box-shadow: none;
    text-shadow: none;
}
.how-acc label { 
    font-family: helvetica;
    cursor: pointer; 
    display: block; 
    border: solid 1px transparent;
    width: 100%;
    height: auto; 
    text-align: center; 
    line-height: 40px; 
    border-radius: 3px; 
    margin-bottom: 2px;
    border:none; margin-left: 0px;
}
.how-acc label:last-child { margin-right: 0; }

.how-acc article { 
    height: 0; 
    overflow: hidden; 
    -webkit-transition: height .25s linear, opacity .15s linear; 
    position: relative; 
    top: 5px;
    margin-bottom: 0;
    padding: 0 10px;
    color: #333;
    font-family: helvetica;
    font-size: 12px;
    line-height: 18px;
    opacity: 0;margin-left: 0;
}

div > .how-acc input:checked ~ article { height: auto; opacity: 1; width: 100%;margin-bottom: 12px;}



.how-acc label p {
    font-size:26px;
    -webkit-transform: rotate(0deg) translateX(0px) translateY(0px);
    transform: rotate(0deg) translateX(0px) translateY(0px);
    color: #000;
    margin-top:3px;
    width:100%;
    text-align: left;
    position: relative;
   /* background: url(../images/plus-black.png) no-repeat 94% 10px;
    background-size: 20px;*/
	padding-left: 21px;
	padding-top: 7px;margin-bottom: 10px;
}

.how-acc label p span {
    font-family: 'Barlow Condensed';
    font-size: 28px;
    font-weight: 200;
    line-height: 32px;
    color: #FFF;
    display: inline-block;
    position: relative;
    margin-left: 24px;
    /* padding-bottom: 1px; */
    top: 0;
    left: 0;
	display:none;
    transform: rotate(0deg);
}

.how-acc label p:before {
    left: inherit;
    top: 5px;
    right: 22px;
}

.how-acc div > input:checked ~ label p:before  { background: url(../images/min-black.png) no-repeat 0% center;transform: rotate(0deg);}

.how-acc article p {
    font-size: 22px;
    font-family: 'Barlow';
    font-weight: 400;
    line-height: 28px;
    width: 100%;
    padding: 5px 10px;
}

#banner {
    height: calc(100vh - 190px);
}
#banner-container{height:100%; background-image:url(../images/home-mobile-banner.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}
#tvBorder{width:100%; height:auto; background-size: 100%; background-image:none;padding-left: 0;
    padding-top: 0;}
#tvBorder video{width:100%; padding-left:0; height: auto;}
.h-1150{height:auto;}
.mb-230{margin-bottom:0px;}
.services-box .services-icon img{width:100px;}
#sha-soluction .success-story-box:before{display:none;}
.check-list{font-size:16px; margin-bottom: 30px;}
.pointer-title{    width: 100% !important;
    position: relative !important;
    top: 0!important;
    left: 0!important;
    margin-bottom: 23px !important;
    height: auto !important;
    border-bottom: solid 1px #000;
    padding-bottom: 0;
    padding-top: 0;}
	.fouth-point,.fifth-point {
    left:0px !important;
}
#approach-box { height:auto; background-image: none !important; display:none;}
#nokia-pro{padding:20px;}
.result-wrp{padding:20px;}
.srk-wrp{padding:20px;}
.csr-banner-img{padding:0px;}

iframe { height:300px !important; width:100% !important}

#bg-video { display:none; }

.mobile-show { display:block !important }
.mobile-hide { display:none !important }

.video-box {
    transform: scale(1);
}

.photo-gallery-pic a:before {
    opacity: 1;
    transform: scale(1);
}


.photo-gallery-pic a:before,.branded-content-pic a:before,.photo-gallery-pic a:before { opacity:1 !important; transform: scale(1) !important;}

.check-list img {width: 24px;height: auto;}
.fs-40 {
    font-size: 33px !important;
}

.branded-content-pic a:before {height: calc(100% - 67px);}

.mobile-margin-bottom-10 {margin-bottom: 10px !important;}
.mobile-margin-bottom-20 {margin-bottom:20px !important;}
.mobile-margin-top-40 {margin-top:40px !important;}
.mobile-margin-top-20 {margin-top:20px !important;}

.work .photo-gallery-pic {margin-bottom: 10px !important;}

.inner-digital {
    text-align: center;
}


#approach-box .pointer-title {
    position: relative;
    z-index: 9;
    width: 100%;
    height: auto;
    border-radius: 0;
    background-color: rgba(255,255,255,1);
    display: block;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#approach-box .tooltip-box {
    text-align: left;
    width: 100%;
    opacity: 1;
    visibility: visible;
    position: relative;
    font-size: 22px;
    left: 0;
	text-align: center;
	color: #000;
}

#approach-box .pointer-title h3 {
    font-weight: 600;
    font-family: 'Barlow Condensed';
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    line-height: 28px;
    height: auto;
}

#approach-box .pointer-title h3 br { display:none; }

#approach-box .pointer-title:hover .tooltip-box {
    opacity: 1;
    visibility: visible;
    left: 0;
}

#approach-box .pointer-title:hover .tooltip-box.fouth-point {
    left: 0px !important;
}

.marry-kom-vid { position:relative; left:0px; top:0px; width: 100%;
    height: auto; }
#ytbg { display:none; }


#footer .fs-36 {font-size: 26px !important;} 

#footer .brand-bt {
    margin-top: 3px;
    font-size: 25px;
}

.footer-lhs p {
    padding-bottom: 10px;
    margin-bottom: 0px;
    font-size: 16px;
}


.col-no-pad { padding-left:0px !important; padding-right:0px !important; }

.pl-5, .px-5 {
    padding-left: 1rem!important;
}

.pr-5, .px-5 {
    padding-right: 1rem!important;
}

.lr-mobile-15-pd { padding-left:15px; padding-right:15px; }

.fs-26 {
    font-size: 20px !important;
}

.work-section p { padding-left:15px; padding-right:15px; }

.fs-30 {
    font-size: 24px !important;
    line-height: 37px;
}

.pointer-title h2 {
    font-size: 22px;
}

.number-list li:after {left: 6px;}

li.common-box a.readmore {margin-left: 10px;}
.mobile-loader { transform: scale(0.7); }
#brand .common-box a.readmore {
    position: relative;
    right: 0px !important;
    top: 0px !important;
    display: block;
}
.footer-lhs1 p {
    margin-left: 83px;
}
.footer-lhs1 {transform: translate(-10px, 0px);}
.mt-162 {
    margin-top: 42px;
}
#srkvideo,#priyanka-inter { height:auto !important }
#mc-video .video-box {
    transform: scale(2);
}

#tvBorder video {margin-top:0px;}
.footer-logo img {
    width: 220px;
}
}

@media only screen 
and (min-device-width: 481px) 
and (max-device-width: 767px) { 
.row { margin:0px; }
.comman-container { width:100%; }
.mobile-banner { display:block; }
/*#banner-container { display:none; }*/
#banner h2 {width: 84%;margin: auto;font-size: 30px;height: auto; top:45%;background-color: transparent;}
#banner h2 span {font-size: 36px;}

#what-brand {padding-top: 30px;}
.mt-50 {
    margin-top: 20px;
}
.mt-50.pr-4 {padding-right: 0rem!important;}

.cd-intro {
    width: 100%;
    transform: translate(0px, 0px);
}

.cd-headline.slide span {
    font-size: 18px;
}

.cd-headline {
    margin-bottom: 18px; height: 60px; word-wrap:break-word; margin-right:0;
}

.pl-3, .px-3 {
    padding-left: 0rem!important;
}

.what-brand-rhs .brand-bt {font-size: 20px;}

#what-brand {
    padding-bottom: 30px;
}

#no-container {
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
}

.no-box {
    height: auto;
	padding-bottom:10px;
	padding-top:15px;
}
.no-box br { display:none; }

.no-box h2 {line-height: 70px;} 

.r-bor {
    border-right:none;  border-bottom: solid 1px #FFF;
}

#our-services {
    padding-top: 35px; padding-bottom: 35px;
}

#our-services .comman-container { width:90%; margin:auto; } 
#our-services .comman-container p br ,.services-box h2 br{ display:none; }


.services-container {margin-top: 40px; text-align: center;}

.services-box {
    border-bottom: solid 1px #000;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.services-icon {
    padding-bottom: 8px;
    margin-bottom: 14px;
	border-bottom:none;
}

.services-box h2 {
    margin-bottom: 20px; display: inline; padding-right: 5px;
}
#our-services .page-title-1 {
    margin-bottom: 21px;
}

.about-pic1 {
    transform: translateX(0px);
}
.about-pic1 img,.owner-name img { width:100%; }
#brand-own .page-title-1 {
    text-align: center;
    margin-bottom: 34px;
    padding-right: 0px;
}

.owner-name {
    margin-top: 30px;
    margin-bottom: 19px;
}

.ex-no {
    background-color: transparent;
    font-size: 51px;
    position: relative;
    left: 0;
    top: 0;
    height: auto;
}

#brand-own {
    padding-bottom: 26px;
    margin-bottom: 26px;
}


.and {
    display: block;
    transform: translate(0px,0px);
    padding: 10px 0px;
}

#tuining-brand .col-xs-6 { width:50%; }
.flip-container {
    perspective: 1000;
    position: relative;
    width: 100%;
    height: 190px;
}


.fameh1-flip,.fameh1,
.fameh2-flip,.fameh2,
.fameh3-flip,.fameh3,
.fameh4-flip,.fameh4,
.fameh5-flip,.fameh5,
.fameh6-flip,.fameh6,
.fameh7-flip,.fameh7,
.fameh8-flip,.fameh8,
.fameh9-flip,.fameh9,
.fameh10-flip,.fameh10,
.fameh11-flip,.fameh11,
.fameh12-flip,.fameh12,
.fameh13-flip,.fameh13,
.fameh14-flip,.fameh14,
.fameh15-flip,.fameh15,
.fameh16-flip,.fameh16,
.fameh17-flip,.fameh17,
.fameh18-flip,.fameh18,
.fameh19-flip,.fameh19,
.fameh20-flip,.fameh20

{
    height: 190px;background-size: cover;
}

#tuining-brand {
    position: relative;
    padding-bottom: 42px;
	border-bottom: solid 1px #000;
}

.footer-lhs { word-wrap:break-word; text-align: center; margin-top: 20px;}

#footer {
    padding-top:15px;
    padding-bottom: 15px;
}

.fs-36 {
    font-size: 24px !important;
    line-height: 30px;
}

.copyright {padding-bottom: 0; padding-top: 0; text-align: center;}

.our-talent{padding-top: 20px; margin-top: 20px; padding-bottom: 0;}
.success-story-box .three-stars{display:none;}
.success-story-box .yellow-box-close{display:none;}
.success-story-box h2{position: relative; font-size: 20px; padding: 10px; bottom: 0; left: 0px;}
.success-story-box .read-case:before{display:none;}
.success-story-box{margin-bottom: 15px;}
.success-story .comman-container{width:100%;}
.wall-of-fame{margin-top: 10px; padding-top: 30px;}
.success-story{margin-top: 30px;}
#product-details-tabs .card-header h5 a{position:relative; font-size: 22px; color: #000000; border-top: none; text-decoration:none; text-transform: capitalize;}
#product-details-tabs .card-header h5 a.collapsed{font-size: 22px; color: #000000; border-top: none; background:none;text-transform: capitalize;}
#product-details-tabs .card-header h5 a:after{ content: "-"; position: absolute; top: 5px; right: 0px; font-size:50px;line-height: 12px;}
#product-details-tabs .card-header h5 a.collapsed:after{content: "+"; position: absolute; top: 1px; right: 0px; font-size: 50px;line-height: 22px;}
.front, .back{background:none;}
.col-sm-15 {width: 100%; float: left;}
.our-talent .common-box{margin-bottom:20px;}
.h73{height: auto;}
.number-list li{width: 100%; padding-left: 25px; height: auto;}
.other-sponsorship-box{margin-bottom:0px;padding-bottom: 10px;}
#other-sponsorship h2{padding-bottom:10px;}
.fs-33 {
    font-size: 27px !important;
    line-height: 37px;
}
.number-list li:before{left: 5px;}
.h-1060{height:auto;}
.n-val2 .fs-30 {
    font-size: 25px !important;
    line-height: 37px;
}
.n-val1{transform: translate(0px, 0px);padding: 1px 0px;}
.mt-40 {
    margin-top: 0px;
}
.mt-360{margin-top:0;}
.fancybox-slide>*{width: 100%; height: auto;}
#product-details-tabs .tabs-title{display:none;}
#product-details-tabs .card-header h5 a p{font-weight: 600; font-family: 'Barlow Condensed'; font-size: 22px; margin-bottom: 0;}
#product-details-tabs{margin-top: 90px;}
.mt-60, .mt-85{margin-top:30px;}
.h-1450, .h-350, .h-545, .h-1180{height:auto;}
.digital-img{position:relative; left:0; top:0;}
.case-study-con{ width:100%; }
.case-study-box .yellow-box-close, .case-study-img:before{display:none;}
.case-study-box h2{position: relative; font-size: 20px; bottom: 0; left: 0px; width: 100%;}
.case-study-img{margin-bottom:0;}
.case-study-box a{margin-bottom: 20px;}
.case-study-box{margin-bottom: 30px;}
.banner-txt{width: 100%; position: relative; bottom: 0; left: 0;}
.mt-320{margin-top:10px;}
.mb-320{margin-bottom:10px;}
.mb-60{margin-bottom: 10px;}
.case-study-con{margin-top:17px;}
.mt-5, .my-5 {
    margin-top: 1rem!important;
}
.mb-5, .my-5 {
    margin-bottom: 2rem!important;
}
#product-details-tabs .card-header h5{font-weight: 600; font-family: 'Barlow Condensed';}
#product-details-tabs .card-header{background-color: #fcd00d;padding-right: 30px;border-bottom: none;}
.w800{width:100%;}
#solutioncarousel .carousel-control-prev{left: 0;}
#solutioncarousel .carousel-control-next{right: 0;}
#solutioncarousel .carousel-control-next, #solutioncarousel .carousel-control-prev{opacity: 0.8; top: -50px;}
#solutioncarousel .carousel-control-next img, #solutioncarousel .carousel-control-prev img{width: 30px;}
.fancybox-button--left, .fancybox-button--right{display:block !important;}
.home-nav .nav-link{color: #000 !important;}
.cd-words-wrapper{width:100% !important;}
#top-section{padding:10px; padding-top: 30px; padding-bottom: 10px;}
#sec-section {padding: 20px 10px; text-align: center;}
.what-we-do-img{height: 200px;}
#third-sec{padding:10px; text-align: center;}
.mr-t-88{margin-top: 10px;}
.wall-of-fame .flip-container{height: 180px;}
#how-its-work .tab p{margin-top: 30px; font-size: 18px;}
#how-its-work .tab p.title{transform:none;}
#how-its-work .tab p.title{transform: rotate(-270deg) translateX(-10px) translateY(-20px); font-size: 18px;}
#how-its-work .panelHolder{background: #fab349 none; height: 220px !important;}
#how-its-work .content p{font-size: 16px; line-height:24px;}
#how-its-work .content{padding: 5px;}
#contact-us{margin-top: 90px; text-align: center;}
#top-section .lhs-top .fs-50{font-size: 30px !important;}
#sec-section h3.fs-36{font-size: 24px !important;}
#third-sec h2.fs-36{font-size: 30px !important;}
#pc-solution .success-story-box-pc{width:100%; transform:none;}
#pc-solution p{line-height:26px!important;}
#pc-solution{margin-top: 0px; padding: 0 0 30px;}
.success-story-box-pc h2{width:100%;}
#pc-solution .success-story-box-pc h2{bottom: 0px; position:relative; font-size: 22px;}
#pc-solution .success-story-box-pc:before{display:none;}
#pc-solution h3{font-size:22px!important; margin-top: 20px; line-height: 28px;}
#pc-pro{padding:20px 0;}
#pc-pro h3{font-size:22px!important; line-height:26px;}
.brand-pc{margin:30px 0;}
.brand-pc h3{font-size:22px!important; line-height:26px;}
.brand-pc span{font-size:22px!important; line-height:26px;}
#sha-soluction{margin-top: 0px; padding-bottom:170px;}
#sha-soluction .success-story-box{ width:100%; transform:none; padding-bottom: 20px;}
.width-580{width:100%;}
#sha-soluction .success-story-box p{font-size: 36px; top: 135px;}
#top-section h2{font-size:22px!important; line-height:26px;}
.what-brand-lhs, .what-brand-rhs{text-align:center;}
.cd-headline.slide .cd-words-wrapper{vertical-align: middle; text-align: center; word-wrap:break-word;}
.cd-headline.slide b{word-wrap:break-word; white-space: normal;}
.services-box a{font-size: 36px; vertical-align: top;}
.brand-own-rhs{text-align:center;}
.fs-104{font-size: 34px !important; line-height: 36px;}
.page-title-1{font-size: 24px; line-height: 30px;text-transform: capitalize !important;}
.social-link{text-align:center; margin-bottom:10px;}
.width-990, .width-1050{width:100%;}
.inner-page-title h2{font-size: 25px;}
.inner-footer{padding-top: 35px !important; margin-top: 35px !important;}
#sec-section .mt-5{margin-top: 1rem!important;}
.brand-style2{font-size: 25px;}
.lhs-top{padding-top:10px; text-align: center;}
.lhs-top.mt-40{margin-top:0;}
.mt-80{margin-top: 30px;}
.how-its-work-lhs h2{text-align: center;}
.how-its-work-lhs h2.mt-40{margin-top:20px;}
.how-its-work-lhs h2.mb-5{margin-bottom:10px !important;}
#how-its-work{margin-top: 20px;}
.how-acc{padding-top: 20px;}
.brand-bt3{font-size: 20px;}
.brand-bt3 .readmore{vertical-align: top;}
p{font-size: 20px; line-height:26px;}
#product-details-tabs .card-body{padding:10px 0px;}
#product-details-tabs .card-body .fs-30 { font-size:24px !important; text-transform:capitalize !important } 
#product-details-tabs .card-body h2,#product-details-tabs .card-body p { padding-left:13px; padding-right:13px; }
#product-details-tabs .card-body .mt-60{margin-top: 16px;margin-bottom: 10px;}
.ab-mob{padding:20px 0;}
.success-story-box .read-case{font-size: 22px;padding-left: 13px;}
.success-story-box .read-case .readmore{vertical-align: top; font-size: 30px;}
.sticky{display: none;}
.accordion-mob .card:nth-child(odd) .card-header{background-color: #ffd735;}
.accordion-mob .card:nth-child(even) .card-header{background-color: #fab349;}
.accordion-mob .card-body{padding:10px; background-color: #fff5cc;}
.accordion-mob .card-header{text-align:center; padding:10px;}
.accordion-mob .card-header a:hover{text-decoration:none;}
.accordion-mob .card-header a:after{font-family: 'FontAwesome'; content: "\f068"; position: absolute; top: 25px; right: 20px; color: #000;}
.accordion-mob .card-header a.collapsed:after{content: "\f067"; position: absolute; top: 25px; right: 20px; color: #000;}
#tuining-brand:before{display:none;}
.mobile-mt-20 { margin-top:20px; }
.photo-gallery-pic {
    margin-bottom:0px !important;overflow:auto;
}
.other-sponsorship-box .fs-26 {
    font-size: 18px !important;
}

.number-list li h2{height: auto;}
#product-details-tabs #content{margin-top:0px !important;}
.client-img{height: 220px; background-size: 100%;}



.how-acc form { 
    position: relative; 
    top:0px; 
    left:0px; 
    padding:0px;
    display: inline-block;
    box-shadow:none;
    border-radius: 3px;
    border:none;
    width: 100%; 
    height: auto;
}
.how-acc input { display: none; }
.how-acc input:checked + label { 
    border:none;
    color: white; 
    box-shadow: none;
    text-shadow: none;
}
.how-acc label { 
    font-family: helvetica;
    cursor: pointer; 
    display: block; 
    border: solid 1px transparent;
    width: 100%;
    height: auto; 
    text-align: center; 
    line-height: 40px; 
    border-radius: 3px; 
    margin-bottom: 2px;
    border:none; margin-left: 0px;
}
.how-acc label:last-child { margin-right: 0; }

.how-acc article { 
    height: 0; 
    overflow: hidden; 
    -webkit-transition: height .25s linear, opacity .15s linear; 
    position: relative; 
    top: 5px;
    margin-bottom: 0;
    padding: 0 10px;
    color: #333;
    font-family: helvetica;
    font-size: 12px;
    line-height: 18px;
    opacity: 0;margin-left: 0;
}

div > .how-acc input:checked ~ article { height: auto; opacity: 1; width: 100%;margin-bottom: 12px;}



.how-acc label p {
    font-size:26px;
    -webkit-transform: rotate(0deg) translateX(0px) translateY(0px);
    transform: rotate(0deg) translateX(0px) translateY(0px);
    color: #000;
    margin-top:3px;
    width:100%;
    text-align: left;
    position: relative;
   /* background: url(../images/plus-black.png) no-repeat 94% 10px;
    background-size: 20px;*/
	padding-left: 21px;
	padding-top: 7px;margin-bottom: 10px;
}

.how-acc label p span {
    font-family: 'Barlow Condensed';
    font-size: 28px;
    font-weight: 200;
    line-height: 32px;
    color: #FFF;
    display: inline-block;
    position: relative;
    margin-left: 24px;
    /* padding-bottom: 1px; */
    top: 0;
    left: 0;
	display:none;
    transform: rotate(0deg);
}

.how-acc label p:before {
    left: inherit;
    top: 5px;
    right: 22px;
}

.how-acc div > input:checked ~ label p:before  { background: url(../images/min-black.png) no-repeat 0% center;transform: rotate(0deg);}

.how-acc article p {
    font-size: 22px;
    font-family: 'Barlow';
    font-weight: 400;
    line-height: 28px;
    width: 100%;
    padding: 5px 10px;
}

#banner {
    height: calc(100vh - 140px);
}
#banner-container{height:100%; background-image:url(../images/home-mobile-banner.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}
#tvBorder{width:100%; height:auto; background-size: 100%; background-image:none;padding-left: 0;
    padding-top: 0;}
#tvBorder video{width:100%; padding-left:0; height: auto;}
.h-1150{height:auto;}
.mb-230{margin-bottom:0px;}
.services-box .services-icon img{width:100px;}
#sha-soluction .success-story-box:before{display:none;}
.check-list{font-size:16px; margin-bottom: 30px;}
.pointer-title{    width: 100% !important;
    position: relative !important;
    top: 0!important;
    left: 0!important;
    margin-bottom: 23px !important;
    height: auto !important;
    border-bottom: solid 1px #000;
    padding-bottom: 0;
    padding-top: 0;}
	.fouth-point,.fifth-point {
    left:0px !important;
}
#approach-box { height:auto; background-image: none !important; display:none;}
#nokia-pro{padding:20px;}
.result-wrp{padding:20px;}
.srk-wrp{padding:20px;}
.csr-banner-img{padding:0px;}

iframe { height:300px !important; width:100% !important}

#bg-video { display:none; }

.mobile-show { display:block !important }
.mobile-hide { display:none !important }

.video-box {
    transform: scale(1);
}

.photo-gallery-pic a:before {
    opacity: 1;
    transform: scale(1);
}


.photo-gallery-pic a:before,.branded-content-pic a:before,.photo-gallery-pic a:before { opacity:1 !important; transform: scale(1) !important;}

.check-list img {width: 24px;height: auto;}
.fs-40 {
    font-size: 33px !important;
}

.branded-content-pic a:before {height: calc(100% - 67px);}

.mobile-margin-bottom-10 {margin-bottom: 10px !important;}
.mobile-margin-bottom-20 {margin-bottom:20px !important;}
.mobile-margin-top-40 {margin-top:40px !important;}
.mobile-margin-top-20 {margin-top:20px !important;}

.work .photo-gallery-pic {margin-bottom: 10px !important;}

.inner-digital {
    text-align: center;
}


#approach-box .pointer-title {
    position: relative;
    z-index: 9;
    width: 100%;
    height: auto;
    border-radius: 0;
    background-color: rgba(255,255,255,1);
    display: block;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#approach-box .tooltip-box {
    text-align: left;
    width: 100%;
    opacity: 1;
    visibility: visible;
    position: relative;
    font-size: 22px;
    left: 0;
	text-align: center;
	color: #000;
}

#approach-box .pointer-title h3 {
    font-weight: 600;
    font-family: 'Barlow Condensed';
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    line-height: 28px;
    height: auto;
}

#approach-box .pointer-title h3 br { display:none; }

#approach-box .pointer-title:hover .tooltip-box {
    opacity: 1;
    visibility: visible;
    left: 0;
}

#approach-box .pointer-title:hover .tooltip-box.fouth-point {
    left: 0px !important;
}

.marry-kom-vid { position:relative; left:0px; top:0px; width: 100%;
    height: auto; }
#ytbg { display:none; }


#footer .fs-36 {font-size: 26px !important;} 

#footer .brand-bt {
    margin-top: 3px;
    font-size: 25px;
}

.footer-lhs p {
    padding-bottom: 10px;
    margin-bottom: 0px;
    font-size: 16px;
}


.col-no-pad { padding-left:0px !important; padding-right:0px !important; }

.pl-5, .px-5 {
    padding-left: 1rem!important;
}

.pr-5, .px-5 {
    padding-right: 1rem!important;
}

.lr-mobile-15-pd { padding-left:15px; padding-right:15px; }

.fs-26 {
    font-size: 20px !important;
}

.work-section p { padding-left:15px; padding-right:15px; }

.fs-30 {
    font-size: 24px !important;
    line-height: 37px;
}

.pointer-title h2 {
    font-size: 22px;
}

.number-list li:after {left: 6px;}

li.common-box a.readmore {margin-left: 10px;}
.mobile-loader { transform: scale(0.7); }

#brand .common-box a.readmore {
    position: relative;
    right: 0px !important;
    top: 0px !important;
    display: block;
}

}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
.row { margin:0px; }
.comman-container,.w800 { width:100%; }
.mobile-banner { display:block; }
#banner-container { display:none; }
#banner h2 {width: 95%;margin: auto;font-size: 30px;height: auto;top: 35%;}
#banner h2 span {font-size: 36px;}

#what-brand {padding-top: 120px;}
.mt-50 {
    margin-top: 20px;
}
.mt-50.pr-4 {padding-right: 0rem!important;}

.cd-intro {
    width: 100%;
    transform: translate(0px, 0px);
}

.cd-headline.slide span {
    font-size: 20px; width: 100% !important;
}

.cd-headline {
    margin-bottom: 18px; height: 60px; margin-right: 20px;
}

.pl-3, .px-3 {
    padding-left: 0rem!important;
}

.what-brand-rhs .brand-bt {margin-top: 11px;}

#what-brand {
    padding-bottom: 30px;
}

#no-container {
    padding-top: 12px;
}

.no-box {
    height: auto;
	padding-bottom:10px;
	padding-top:15px;
}
.no-box br { display:none; }

.no-box h2 {font-size:40px; line-height: 50px;} 

.r-bor {
    border-right:none;  border-bottom: solid 1px #FFF;
}

#our-services {
    padding-top: 35px;
}

#our-services .comman-container { width:90%; margin:auto; } 
#our-services .comman-container p br ,.services-box h2 br{ display:none; }


.services-container {margin-top: 40px;}
.services-icon {
    padding-bottom: 8px;
    margin-bottom: 14px;
	height: 135px;
}
.services-icon-hide{height:0;}
.services-icon img{height:100px;}
.services-box h2 {
    margin-bottom: 20px; display:inline;
}

#product-details-tabs .nav-tabs{margin-top:20px;}
#product-details-tabs #content{margin-top:320px;}

#celebrity .mt-60{margin-top:30px;}



#our-services .page-title-1 {
    margin-bottom: 21px;
}

.about-pic1 {
    transform: translateX(0px);
}
.about-pic1 img,.owner-name img { width:100%; }
#brand-own .page-title-1 {
    text-align: center;
    margin-bottom: 34px;
    padding-right: 0px;
}

.owner-name {
    margin-top: 30px;
    margin-bottom: 19px;
}

.ex-no {
    background-color: transparent;
    font-size: 51px;
    position: relative;
    left: 0;
    top: 0;
    height: auto;
}

#brand-own {
    padding-bottom: 26px;
    margin-bottom: 26px;
}

.and {
    display: block;
    transform: translate(0px,0px);
    padding: 10px 0px;
}

#tuining-brand .col-xs-6 { width:50%; }
.flip-container {
    perspective: 1000;
    position: relative;
    width: 100%;
    height: 190px;
}

#tuining-brand {
    position: relative;
    padding-bottom: 42px;
}

.footer-lhs { word-wrap:break-word; }

#footer {
    padding-top: 27px;
    padding-bottom: 30px;
}

.copyright {padding-bottom: 14px;padding-top: 0;}

.services-box h2{font-size:20px; line-height:24px;}
.our-talent .common-box h2{font-size:20px !important; line-height:30px;}
.success-story .comman-container{ width:100%; }
.success-story-box .three-stars{right: 0;}
.wall-of-fame .page-title-1{padding-bottom:30px;}
.navbar-dark .navbar-toggler{color: #fcd00d !important; border-color: #000000 !important; background-color: #000 !important;}
#header{ background-color: #fff;}
#product-details-tabs{margin-top: 120px; padding: 10px;}
#top-section{padding-bottom: 40px;}
#sha-soluction .success-story-box{width:100%;}
#sha-soluction{height:auto;}
.number-list li{width: 50%; padding-right: 10px;}
.fancybox-slide>*{width: 100%;}
.h-1450{height:auto;}
.other-sponsorship-box{margin-bottom:0;}
.digital-img{position: relative; left: 20%;}
#solutioncarousel .carousel-control-next{right: 0;}
#solutioncarousel .carousel-control-prev{left: 0;}
.case-study-con{width:100%;}
.mb-320{margin-bottom: 0;}
.h-350 {height: 450px;}
#brand .common-box a.readmore {
    position: relative;
    right: 0px !important;
    top: 0px !important;
    display: block;
}
.what-we-do-img{height:450px;}
#third-sec.mr-t-88{margin-top:30px;}

.how-acc form { 
    position: relative; 
    top:0px; 
    left:0px; 
    padding:0px;
    display: inline-block;
    box-shadow:none;
    border-radius: 3px;
    border:none;
    width: 100%; 
    height: auto;
}
.how-acc input { display: none; }
.how-acc input:checked + label { 
    border:none;
    color: white; 
    box-shadow: none;
    text-shadow: none;
}
.how-acc label { 
    font-family: helvetica;
    cursor: pointer; 
    display: block; 
    border: solid 1px transparent;
    width: 100%;
    height: auto; 
    text-align: center; 
    line-height: 40px; 
    border-radius: 3px; 
    margin-bottom: 2px;
    border:none; margin-left: 0px;
}
.how-acc label:last-child { margin-right: 0; }

.how-acc article { 
    height: 0; 
    overflow: hidden; 
    -webkit-transition: height .25s linear, opacity .15s linear; 
    position: relative; 
    top: 5px;
    margin-bottom: 0;
    padding: 0 10px;
    color: #333;
    font-family: helvetica;
    font-size: 12px;
    line-height: 18px;
    opacity: 0;margin-left: 0;
}

div > .how-acc input:checked ~ article { height: auto; opacity: 1; width: 100%;margin-bottom: 12px;}



.how-acc label p {
    font-size:26px;
    -webkit-transform: rotate(0deg) translateX(0px) translateY(0px);
    transform: rotate(0deg) translateX(0px) translateY(0px);
    color: #000;
    margin-top:3px;
    width:100%;
    text-align: left;
    position: relative;
   /* background: url(../images/plus-black.png) no-repeat 94% 10px;
    background-size: 20px;*/
	padding-left: 21px;
	padding-top: 7px;margin-bottom: 10px;
}

.how-acc label p span {
    font-family: 'Barlow Condensed';
    font-size: 28px;
    font-weight: 200;
    line-height: 32px;
    color: #FFF;
    display: inline-block;
    position: relative;
    margin-left: 24px;
    /* padding-bottom: 1px; */
    top: 0;
    left: 0;
	display:none;
    transform: rotate(0deg);
}

.how-acc label p:before {
    left: inherit;
    top: 5px;
    right: 22px;
}

.how-acc div > input:checked ~ label p:before  { background: url(../images/min-black.png) no-repeat 0% center;transform: rotate(0deg);}

.how-acc article p {
    font-size: 22px;
    font-family: 'Barlow';
    font-weight: 400;
    line-height: 28px;
    width: 100%;
    padding: 5px 10px;
}
.how-acc{padding-top:0px;}
.navbar-expand-lg .navbar-nav{margin-left: 0!important; padding-top: 30px;}
.width-1050{width:90%;}
.tab-pd-10{padding:10px;}
.client-img{height:500px;}
.ttl-mob5{left: 10px!important;}
.ttl-mob1{left: 282px!important;}
.ttl-mob4{left: 135px!important;}
.ttl-mob3{left:448px!important;}
.ttl-mob2{left: 552px!important;}
.fouth-point{left:0!important;top:160px !important;}
.second-point{left: -240px!important; top: 40px;}
.fifth-point{left:180px!important;}
.third-point{left:0!important; top:160px !important;}
.marry-kom-vid{width:100%; left: 0;}
.photo-gallery-pic img{width:100%;}
#chandon{width:73%;}
#tvBorder{width:100%; background-size: 100%; height: 600px; padding-left: 65px; padding-top: 3px;}
.tab-hide { display:none !important }
#tvBorder video{padding-left: 0; padding-top: 0; margin-left: -30px;}
.case-study-box h2{bottom: 40px;}
.mt-85{margin-top:30px !important;}
.banner-txt{left: 0;}
.tab-show{display:block;}
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
.comman-container { width:100%; }
.row{margin:0px !important;}
#product-details-tabs{padding: 10px;}
.flip-container{width: auto;}
.navbar-expand-lg .navbar-nav{margin-left: 80px!important;}
.services-box h2{font-size: 28px;}
#footer{padding: 10px;}
.ttl-mob1{left: 395px!important;}
.ttl-mob2{left: 664px!important; top: 222px!important;}
.ttl-mob3{left: 548px!important;}
.ttl-mob4{left: 244px!important;}
.ttl-mob5{left: 106px!important;}
.width-1050{width:90%;}
.how-acc form { 
    position: relative; 
    top:0px; 
    left:0px; 
    padding:0px;
    display: inline-block;
    box-shadow:none;
    border-radius: 3px;
    border:none;
    width: 100%; 
    height: auto;
}
.how-acc input { display: none; }
.how-acc input:checked + label { 
    border:none;
    color: white; 
    box-shadow: none;
    text-shadow: none;
}
.how-acc label { 
    font-family: helvetica;
    cursor: pointer; 
    display: block; 
    border: solid 1px transparent;
    width: 100%;
    height: auto; 
    text-align: center; 
    line-height: 40px; 
    border-radius: 3px; 
    margin-bottom: 2px;
    border:none; margin-left: 0px;
}
.how-acc label:last-child { margin-right: 0; }

.how-acc article { 
    height: 0; 
    overflow: hidden; 
    -webkit-transition: height .25s linear, opacity .15s linear; 
    position: relative; 
    top: 5px;
    margin-bottom: 0;
    padding: 0 10px;
    color: #333;
    font-family: helvetica;
    font-size: 12px;
    line-height: 18px;
    opacity: 0;margin-left: 0;
}

div > .how-acc input:checked ~ article { height: auto; opacity: 1; width: 100%;margin-bottom: 12px;}



.how-acc label p {
    font-size:26px;
    -webkit-transform: rotate(0deg) translateX(0px) translateY(0px);
    transform: rotate(0deg) translateX(0px) translateY(0px);
    color: #000;
    margin-top:3px;
    width:100%;
    text-align: left;
    position: relative;
   /* background: url(../images/plus-black.png) no-repeat 94% 10px;
    background-size: 20px;*/
	padding-left: 21px;
	padding-top: 7px;margin-bottom: 10px;
}

.how-acc label p span {
    font-family: 'Barlow Condensed';
    font-size: 28px;
    font-weight: 200;
    line-height: 32px;
    color: #FFF;
    display: inline-block;
    position: relative;
    margin-left: 24px;
    /* padding-bottom: 1px; */
    top: 0;
    left: 0;
	display:none;
    transform: rotate(0deg);
}

.how-acc label p:before {
    left: inherit;
    top: 5px;
    right: 22px;
}

.how-acc div > input:checked ~ label p:before  { background: url(../images/min-black.png) no-repeat 0% center;transform: rotate(0deg);}

.how-acc article p {
    font-size: 22px;
    font-family: 'Barlow';
    font-weight: 400;
    line-height: 28px;
    width: 100%;
    padding: 5px 10px;
}
.how-acc{padding-top:0px;}
.what-we-do-img{height:600px;}
#third-sec.mr-t-88{margin-top:30px;}
.tab-pd-10{padding:10px;}
.services-icon img{height:100px;}
.services-icon{height:130px;}
.navbar-expand-lg .navbar-nav{margin-left:170px !important;}
.services-icon-hide{height:0;}
.cd-intro{width:100%; transform: translate(0px, 0px);;}
.tab-show{display:block;}
.cd-headline.slide span{font-size:22px;}
.home-nav .nav-link{color: #000!important;}
.home-nav .logo2{opacity:1;}


}


@media only screen and (min-device-width :1024px) and (max-device-width :1366px) and (orientation :portrait) {
.comman-container { width:100%; }
.ttl-mob1{left: 395px!important;}
.ttl-mob2{left: 664px!important; top: 222px!important;}
.ttl-mob3{left: 548px!important;}
.ttl-mob4{left: 244px!important;}
.ttl-mob5{left: 106px!important;}
.navbar-expand-lg .navbar-nav{margin-left: 80px!important;}
.h-1060 {height: auto;}
#approach-box .tooltip-box{opacity: 1; width:100%;}


}

@media (max-width: 320px) {
}

/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {
    /* insert styles here */
}