﻿.desktop{display: block;}
.mobile{display: none;}
@media screen and (max-width: 860px) { 
.logo1{display:none;}
.logo{display:none;}

.desktop{display:none;}
.mobile_logo{display:block;}
.mobile{display:block;}

/*LOADER*/
.trackbar:after{    right: -74px;top: -19px;width: 50px;height: 50px;    background-size: contain;}
.trackbar:before{left: -62px;top: -20px;width: 50px;height: 50px;    background-size: contain;}

.slider_list1 ul li{transition: none;}	
.slider_list1 ul li:hover{opacity:1;width:340px !important; -webkit-transform:none; z-index:2;
                         -moz-transform: none;-o-transform:none;margin-top:-20px !important;
                         transform: none;}

section{overflow:hidden;}
.mobile_logo{ float:left; margin:5px 0px 0px 20px;}
.mobile_logo img{height:60px;}
header{position:fixed; top:0px; left:0px; background:#fff !important; height:70px; z-index:10; }
.btn--menu{right:15px; top:10px !important;}
.home{background:#fff !important; margin-top:20px;}
.blackshade{opacity:0;}
.page2{overflow:hidden;}
.homeVideoContainer{height:100% !important;}

.loader, .percentage{max-width:230px !important;}

.v_1_btn,.v_2_btn {display: block;position: relative;width: 100%;text-align: center;right: inherit;left: inherit;bottom: inherit;float: left;margin-top:-19px;background:#000;}
.v_1_btn img{height:40px;}
.v_2_btn img{height:40px;}
.soundonoff{display:none;}
.gifimg{padding-bottom:50px;}
.gifimg img{width:80% !important; margin:0px 10%;}
.giftxt{color:#fff; font-size:28px;    width: 100%;float: left;text-align: center;font-weight: bold;}
.page3_content p{font-size:21px !important}
.swiper-pagination-bullet-active{background:#f7bd14 !important}
.swiper-pagination-bullet{background:#f7bd14 !important; }
.page2{height:600px;}
.page3{height:auto;padding-bottom: 100px}
.page6{height: 600px;overflow: hidden;width: 100%}

.videoRight{margin-top:-20px;}
.videoLeft{margin-top:50px;}
.hm_1{top:50px;}
.hm_2{top:50px;}
.hm_3{bottom:40px;}
.hm_4{bottom:40px;}

.lSAction > a{top:250px !important;}

.mob_title{width:100%; float:left; background:rgba(67, 183, 73,1); padding:10px 0px;}
.h_1{position: relative;width:100%;margin: 0px;text-align: center;color: #fff; font-size:17px;}
.h_a:before{}
.h1bg1{background:rgba(67, 183, 73,1);}
.h1bg2{background:rgba(247, 189, 20, 1);}
.h1bg3{background:rgba(0, 0, 0, 1);}
.h1bg4{background:rgba(33, 165, 249, 1);}
.h1bg5{background:rgba(67, 183, 73, 1);}

.h_a:before {content: none;width: 50px;height: 20px;background: url(../images/icon1.png) center center no-repeat;background-size: cover;top: -10px;left: 10px;}
.h_a:after {content: none;width: 100px;height: 50px;background: url(../images/icon2.png) center center no-repeat;position: absolute;top: -4px;right: -100px;}

/*GALLERY*/
.videoiframe iframe{width: 90%;height: 100%;margin: 5%;}
.video_frame_close{right:5%;top: 0px;}
.slider_thumb_left {width: 100% !important;padding: 20px 5%;position: relative;float: left;left: inherit;}
.slider_list1 ul li p{color:#fff; font-family:Arial; width:80%; float:left; margin:10px 10%;    font-size: 13px;letter-spacing: 1px;line-height: 18px;}
.slider_list1 ul li h5{color: #fff;font-size: 22px;width: 80%;float:left;margin: 0px 10%;}
.playnow_btn {margin-top: 10px;font-size:12px;padding: 8px 30px;margin: 10px 0px 30px 10%;float: left;}

.slider_thumb_right{display:none;}
.tbg{display:none;}
.slider_thumb{height:auto;}
.agencybg1{display:none;}



/*CLIENT*/
.cloudGrp{margin-top:150px;}
.cloud1{ width:150px; height:100px;}
.cloud1 img{width:100%;}

.cloud2{ float:left; width:80px; height:100px; position:relative;}
.cloud2 img{width:100%;}



.c_1{ margin:-50px 220px;}
.c_2{ margin:0px 120px 10px;}
.c_3{ margin:-20px 50px 0px;}
.c_4{ margin:-40px 50px 0px;}
.c_5{ margin:-50px 50px 0px;}
.c_6{ margin:0px 50px 0px;}
.c_7{ margin:-50px 50px 0px;}
.c_8{ margin:0px 50px 0px;}
.c_9{ margin:0px 50px 0px;}
.c_10{ margin:0px 50px 0px;}


.ca1{ right:-10px; top:120px;}
.ca2{ left:5px; top:60px;}
.ca3{ right:-10px; top:115px;}
.ca4{ left:5px; top:60px;}
.ca5{ right:-4px; top:115px;}
.ca6{ left:5px; top:60px;}
.ca7{ right:-18px; top:115px;}
.ca8{ left:10px; top:58px;}
.ca9{ right:-10px; top:115px;}
.ca10{ left:0px; top:60px;}



/*CONTACT*/
.contact{width:90%; margin:10px 5%;}
.contact_right{width:100%;}
.contact_right h4{font-size:23px; margin-top:40px;}
.contact_right p{font-size:20px;}
.contact_left{padding-top:40px;width:100%;}


}