/****our work****/
.swiper-container {
      width: 100%;
      height: 100%;
    }
	@viewport{ width: auto !important; }
	.oddcast_logo_secction img{
	width: 190px;
	}
    .swiper-slide ,.lessthree{
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	.privacy-policy li{
	    font-size: 19px;
    color: #7b7b7b;
    font-weight: 490;
	
	}
/*        .swiper-slide img{
            width:211px;
            height:159px;
        }*/
        
.privacy-policy p{

	margin-bottom: 5px !important;
}
.swiper-container {
   height: auto !important;
    /* height: 100%; */
}
.swiper-wrapper {
    height: auto !important;
}

.swiper-button-next{
right: 0px !important;
    /* background-image: url(http://www-vd2.oddcast.com/public/images/right-arrow.png) !important; */
    background-image: url('/public/images/right-shadow.png') !important;
    top: 11% !important;
	/* background-size: auto !important; */
	    background-size: 100% 100% !important;
    background-position: center !important;
    height: 211px !important;
	opacity:1 !important;
	width: 40px !important;

}
.swiper-slide{
background:transparent !important;
}
.swiper-button-prev{
left:0px !important;
/* background-image:url('http://www-vd2.oddcast.com/public/images/left_arrow.png') !important; */
background-image:url('/public/images/left-shadow.png') !important;
/* background-size: auto !important; */
    background-size: 100% 100% !important;
    background-position: center !important;
    height: 211px !important;
    top: 11% !important;
	opacity:1 !important;
	width: 40px !important;

}
.swiper-button-prev:focus,.swiper-button-next:focus{
 outline: 0 !important;
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(3n+2) .collapse-div {margin-left: calc(-100% - 10px);}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(3n+3) .collapse-div {margin-left: calc(-200% - 20px);}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(2n+2) .collapse-div {margin-left: calc(-100% - 10px);}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(4n+2) .collapse-div {margin-left: calc(-100% - 10px);}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(4n+3) .collapse-div {margin-left: calc(-200% - 20px);}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(4n+4) .collapse-div {margin-left: calc(-300% - 30px);}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+2) .collapse-div {margin-left: calc(-105% - 10px);}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+3) .collapse-div {margin-left: calc(-215% - 20px);}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+4) .collapse-div {margin-left: calc(-325% - 30px);}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+5) .collapse-div {margin-left: calc(-435% - 40px);}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+6) .collapse-div {margin-left: calc(-550% - 40px);}

 .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb057 .i {position:absolute;cursor:pointer;}
        .jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
        .jssorb057 .i:hover .b {stroke-opacity:.7;}
        .jssorb057 .iav .b {stroke-opacity: 1;}
        .jssorb057 .i.idn {opacity:.3;}

        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}

.withhover{
display:none;
} 
.remover{
display:none;
}
.appended{
display:block;
}
.collapse-div{
   width: calc(660% + 20px);
    border: 1px solid #bcbcbc;
	padding: 10px;
	    margin-top: 10px;
}
.col-md-2.col-sm-12.col-xs-12.span-text {
    padding-right: 0px;
}
.text-heading h3{
color: #fe6d20 !important;
}
.links-for-text{
padding:0px !important;
    float: left;
}
.bars{
color:#fe6d20 !important;
}
p.api-paragraph-first {
    font-size: 16px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
	width:100%;
	
}
.inside-text{
width:100%;
padding:0px !important;
float:left;
}
.left-sdie {
    color: #7b7b7b;
    width: 27%;
    float: left;
}
.right-side {
    color: #000;
    width: 70%;
    float: left;
}
.inside-text{
    padding: 0px;
}
.text-heading span i {
    color: #fe6d20 !important;
}
.close-image.col-md-1.col-sm-12 {
    padding-right: 0px;
}
.close_img{
    max-width: initial;
    cursor: pointer;
	float:right;
}
.creative-brand-inner.our-work-gallery {
    padding: 0px 23px !important;
}.filter_input,.user_details {
   float:left;
}
.user_details{
padding-bottom:16px;
}
.gallery-text{
font-size: 16px;
}
input#search-class {
    border-radius: 20px;
	padding: 7px 31px;
}
span.cross-sign{
    color: #fe6d20;
    cursor: pointer;
    font-size: 18px;
    padding: 4px 10px;
    position: absolute;
    right: 0;
    top: 2;
}
.full-data{
margin-top:0px !important;
}
select{
  width: 100%;
    padding: 5px 10px;
    border-radius: 20px;
    background-color: #fff;
    border-color: #7b7b7b !important;
    color: #7b7b7b;
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.6);
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position:relative;
  z-index: 99;
 
	
}
i.customnew {
    position: absolute;
    right: 14px;
    top: 7px;
    color: #7b7b7b !important;
    z-index: 999;
    cursor: pointer;
}
.thumb{
width:100%;
}

.btn:hover {
    color: #fff !important;
    text-decoration: none;
}
input.btn {
    border: 1px solid #fe6d20;
    background: #fe6d20;
    color: #fff;
    border-radius: 20px;
    padding: 5px 20px;
}
.clear.btn{
 border: 1px solid #bebebe;
    background: #bebebe;
    color: #fff;
    border-radius: 20px;
    padding: 5px 20px;
}

.creative-brand-inner .search-div i {
    color: #7b7b7b;
    font-size: 17px;
    margin-bottom: 0px !important;
    display: inherit;
    position: absolute;
    top: 10px;
    left: 12px;
    vertical-align: middle;
}
.search-div{
position:relative;

}
.collapse-div,.images-fetch,.span-text{
float:left;
}
.api-image{
 transition: all 0.5s ease;
 transform:scale(0.9); 
 position:relative;
}
.api-image:hover {
  transform:scale(1); 
 border:1px solid #fe6f17;
}
.active-div .api-image{
  transform:scale(1); 
 border:1px solid #fe6f17;
}
.expand-div a{
float:left;
width:100%;
}

.expand-div a:hover ~ p.gallery-text {
color:#fe6f17 !important;
}
.active-div a ~ p.gallery-text {
color:#fe6f17 !important;
}
.gallery-text{
padding-top: 6px;
}
/* .api-image img{
position:absolute;
} */
 .expand-div a:hover .withhover{
display:block;
}
.active-div .withhover{
display:block;
}
.withhover{
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
}


/****end****/
.back_loader {
    
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.main-menu-inner h3, .main-menu-inner a{
color:#7b7b7b !important;
margin: 0px;
text-decoration: none !important;

}
.main-menu{
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
   z-index: 99; /* Stay on top */
   background: #fff;/* Black*/
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
  right:0px;
   box-shadow: 0px 7px 23px 0px rgba(0, 15, 26, 0.19);
}
.main-menu-inner{
    padding-right: 30px;
}
.main-menu-inner a:hover h3 ,.main-menu-inner a:hover p{
color:#fe6d20 !important;
text-decoration:none !important;
}


.outer-image{
float:right;
}
.bottom-css{
    padding-bottom: 30px;
}
.top-css{
 padding-top: 30px;
}
.hidden{
display:none;
}
/* .main-menu{
 right:-157%; 
} */
.toogle_menu_oddcast{
    width: 22%;
    float: right;
    position: relative;
}
/* .main-menu {
    position: absolute;
     height: 100vh; 
    background: #fff;
    box-shadow: 0px 7px 23px 0px rgba(0, 15, 26, 0.19);
	width:100%;
	 z-index: 99;
	 transition: all 0.5s ease;
	 overflow-x: hidden;
} */
img.outer-image {
    padding-top: 16px;
    padding-bottom: 12px;
    padding-right: 22px;
    width: 44px;
}
img.inner-image {
    padding-top: 16px;
    padding-bottom: 12px;
    padding-right: 22px;
    width: 44px;
	float:right;
}
ul.main-menu-inner {
    margin-top: 78px;
}
.main-menu li {
    list-style: none;
	border-bottom:1px solid #000;
}
.contact-main-div  img.phone-image{
   margin-top: 14px !important;
}
.col-md-5.phone-div {
    padding-left: 0px !important;
}
.col-md-5.location-div {
    padding-left: 0px !important;
}
.contact-text p{
    padding: 5px 0px;
}
.second-section {
    padding-left: 86px !important;
}
.our-phone{
padding-top:20px;
}
.second-section i {
    font-size: 16.4px !important;
}
.contact-links p{
padding: 5px 0px;
}
.contact-links  p a {
    font-size: 19px !important;
}
.contact-links i {
    color: #fe6d20 !important;
    font-size: 29px !important;
}
.unreadtext{
padding:10px 0px;
}
.topmargin{
margin-top:15px;
}
.smallparagarph{
font-size: 16px !important;
}
.container.another-container-class {
    max-width: 1454px;
}
.heading-text h1{
font-size: 36px;
    font-weight: bold;
	color:#fe6d20;
	    margin-top: 27px;
}
.toper-marg{
padding-top:20px;
}
.inner-p{
padding-top:20px;
}
.contact-main-div div{
float:left;
}
.contact-main-div img{
margin-top:0px !important;
}
.contact-main-head {
    color: #7b7b7b;
    font-weight: bold;
    margin: 0px;
	font-size: 1.75rem;
}
.fa-caret-down{
    vertical-align: -webkit-baseline-middle;
    margin-top: 1px;
    margin-left: 7px;
    color: #fe6d20 !important;
	    font-size: 21px !important;
}
.fa-caret-up{
    vertical-align: sub;
    margin-left: 7px;
	font-size: 21px !important;
	color: #fe6d20 !important;
	}
.creative-brand-inner h3{
color: #7b7b7b;
font-weight: bold;
    margin: 0px;
}
.headbar{
    border-left: 2px solid #fe6d20;
    font-weight: normal;
    font-size: 18px;
    vertical-align: middle;
	    padding: 0px 4px;
}
.custom-div{
    margin-bottom: 67px;
}
.fa-arrow-left{
    vertical-align: bottom;
	font-size: 36px !important;
	cursor:pointer;
}
.creative-brand-inner i{
color: #7b7b7b;
font-size: 17px;
margin-bottom: 15px !important;
    display: inline-block;
}
.creative-brand-inner a{
    font-size: 16px !important;
}
.creative-brand-inner p{
margin-bottom:0px;
}
.extra{
    padding-bottom: 17px;
    padding-top: 17px;
}
.custom-div p a{
padding-right: 10px;
}
.custom-div{
float:left;
}
.more-text{
display:none;
}
.extra b{
padding-top:15px;
display: inline-block;
}
.main-span-text{
display: inline-block;
    padding: 10px 0px;
}
.creative-brand-inner{
    margin: 26px 0px;
    float: left;
	padding: 0px 101px !important;
}
p{
font-size: 19px;
    color: #7b7b7b;
    font-weight: 490;
}
span.extra{
font-size: 19px;
    color: #7b7b7b;
    font-weight: 490;
}
.heading-text p{
padding: 0px 52px;
}
.heading-text p:nth-of-type(1){
    padding-top: 14px !important;
}
.read-more{
width:100%;
}
.custom-div img{
margin-top:-60px;
margin-left: 38px !important;
}
.another-container-class a{
font-size: 19px;
    color: #fe6d20 !important;
    font-weight: 400;
	text-decoration:underline !important;
	cursor: pointer;
	    z-index: 99;
}
a.phone_number{
    font-size: 19px !important;
    color: #7b7b7b !important;
    font-weight: 490 !important;
	text-decoration: none !important;
}
span i{
font-size: 24px;
font-weight: normal;
color:#fe6d20;
}
.main-section-block {
    background: url(/images/powerbg.png);
    background-repeat: no-repeat;
    display: flex;
    flex-wrap: wrap;
    height: 100vh;
}
.fullimage{
display:none;
}
.character_img h2{
font-size: 20px;
   
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 0px;
}
.character_img {
    transition: all 0.5s ease;
	 color: #666666;
	 transform:scale(1.0);
}
.left-rotation{
    transform: rotateY(-25deg) scale(0.9);
    -webkit-transform: rotateY(-25deg) scale(0.9);
}
.right-rotation{
    transform: rotateY(25deg) scale(0.9);
    -webkit-transform: rotateY(25deg) scale(0.9);
}
.character_img a{
font-size: 0px;
    color: #666666;
    font-weight: normal;
    text-decoration: none !important;
}
.extra-footer p{
text-align:center;
}
.character_img:hover {
color:#fe6f17 !important;
 transform:scale(1.2);
}
.hover-class{
transform:scale(0.8) !important;
}
.character_img:hover a {
color:#fe6f17 !important;
}
.character_img:hover p {
color:#fe6f17 !important;
}
.character_img p{
    font-weight: bold;
	font-size: 15px;
}
.loader {
    display: none;
    position: fixed;
    text-align: center;
    top: 37%;
    width: 100%;
    z-index: 999999;
}
.loader > img {
    width: 50px;
}

.oddcast_logo_secction {
    float: left;
    width: 77%;
	padding:12px 10px;
}
.main-container{
width:100%;
}
.header {
    cursor: pointer;
	width: 100%;
}

.footer_section {
    text-align: center;
}
.share-menu-item {
    padding: 0px 30px;
    color: #A0A0A0;
}
.share-menu-item a {
    color: #FC721F;
    text-decoration: underline;
}

.app_power_sec {
    text-align: center;
    font-size: 29px;
    color: #FA8036;
}

.footer {
    padding-top: 100px;
    padding-bottom: 20px;
	width: 100%;
}
.numberIndex{
        position: absolute;
    left: -25px;
    top: -1px;
    font-size: 19px;
    font-weight: bold;
}
.app_power_sec {
    letter-spacing: 4px;
    padding-top: 50px;
    padding-bottom: 30px;
}

img{
    max-width: 100%;
}

.character_img{
    text-align: center;
    cursor: pointer;
}
/*@media only screen and (max-width:1404px){
.swiper-button-next{
right: 0px !important;
}

.swiper-button-prev{
left:29px !important;
}
}*/
/*@media only screen and (max-width:1380px){{
.swiper-button-next{
right: 15px !important;
}

.swiper-button-prev{
left:43px !important;
}
}*/
@media only screen and (max-width:1370px){
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+2) .collapse-div {
    margin-left: calc(-111% - 10px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+3) .collapse-div {
    margin-left: calc(-221% - 20px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+4) .collapse-div {
    margin-left: calc(-332% - 30px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+5) .collapse-div {
    margin-left: calc(-444% - 40px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+6) .collapse-div {
    margin-left: calc(-554% - 40px);
}
.collapse-div {
    width: calc(665% + 20px);
    border: 1px solid #bcbcbc;
    padding: 10px;
    margin-top: 10px;
}
}
@media only screen and (min-width: 421px) and (max-width: 767px) {
.collapse-div {
    width: calc(83% + 20px);
    border: 1px solid #bcbcbc;
    margin-left: 12px;
    padding: 10px;
    margin-top: 10px;
}
.downside{
    margin-top: 19px;
}
form.search-div{
position:relative;
    margin-bottom: 0px;

}
input#search-class {
    border-radius: 20px;
    padding: 7px 31px;
	    height: 35px;
}

}

@media only screen and (min-width: 900px) and (max-width: 1031px) {
.custom-div img {
    margin-top: 0;
}

}

@media only screen and (max-width: 1280px) {
/*.swiper-button-next{
right: 2px !important;
}

.swiper-button-prev{
left:30px !important;
}*/
input.btn {
    padding: 5px 14px;
    font-size: 15px;
}

.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+2) .collapse-div {
    margin-left: calc(-107% - 10px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+3) .collapse-div {
    margin-left: calc(-220% - 20px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+4) .collapse-div {
    margin-left: calc(-332% - 30px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+5) .collapse-div {
    margin-left: calc(-444% - 40px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+6) .collapse-div {
    margin-left: calc(-561% - 40px);
}
.collapse-div {
    width: calc(671% + 20px);
    border: 1px solid #bcbcbc;
    padding: 10px;
    margin-top: 10px;
}
}
@media only screen and (max-width: 1199px) {
.left-sdie {
    color: #7b7b7b;
    width: 34%;
    float: left;
}
.right-side {
    color: #000;
    width: 65%;
    float: left;
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+2) .collapse-div {
    margin-left: calc(-107% - 10px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+3) .collapse-div {
    margin-left: calc(-220% - 20px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+4) .collapse-div {
    margin-left: calc(-332% - 30px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+5) .collapse-div {
    margin-left: calc(-445% - 40px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+6) .collapse-div {
    margin-left: calc(-564% - 40px);
}
.collapse-div {
    width: calc(678% + 20px);
    border: 1px solid #bcbcbc;
    padding: 10px;
    margin-top: 10px;
}
}
@media only screen and (max-width:1100px){
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+2) .collapse-div {
    margin-left: calc(-114% - 10px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+3) .collapse-div {
    margin-left: calc(-228% - 20px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+4) .collapse-div {
    margin-left: calc(-343% - 30px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+5) .collapse-div {
    margin-left: calc(-458% - 40px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+6) .collapse-div {
    margin-left: calc(-573% - 40px);
}
.collapse-div {
    width: calc(688% + 20px);
    border: 1px solid #bcbcbc;
    padding: 10px;
    margin-top: 10px;
}
}
@media only screen and (max-width:1044px){
.swiper-button-next{
height: 124px !important;
}

.swiper-button-prev{
height: 124px !important;
   
}

.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+2) .collapse-div {
    margin-left: calc(-114% - 10px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+3) .collapse-div {
    margin-left: calc(-230% - 20px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+4) .collapse-div {
    margin-left: calc(-346% - 30px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+5) .collapse-div {
    margin-left: calc(-461% - 40px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+6) .collapse-div {
    margin-left: calc(-579% - 40px);
}
.collapse-div {
    width: calc(694% + 20px);
    border: 1px solid #bcbcbc;
    padding: 10px;
    margin-top: 22px;
}
	.gallery-text {
    font-size: 13px;
}
.our-work-gallery .col-md-2.col-sm-6.col-xs-12.filter_input{
padding:0px !important;
}
}
@media only screen and (max-width: 972px) {
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+2) .collapse-div {
    margin-left: calc(-117% - 10px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+3) .collapse-div {
    margin-left: calc(-234% - 20px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+4) .collapse-div {
    margin-left: calc(-350% - 30px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+5) .collapse-div {
    margin-left: calc(-467% - 40px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+6) .collapse-div {
    margin-left: calc(-586% - 40px);
}
.collapse-div {
    width: calc(704% + 20px);
    border: 1px solid #bcbcbc;
    padding: 10px;
    margin-top: 22px;
}

}
@media only screen and (max-width: 868px) {
.custom-div img{
margin-left: 0px !important;
}
.right-side {
    color: #000;
    width: 53%;
    float: left;
}
.left-sdie {
    color: #7b7b7b;
    width: 46%;
    float: left;
}
.our-work-gallery .col-md-2.col-sm-6.col-xs-12.filter_input {
    padding: 0px 15px !important;
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+2) .collapse-div {
    margin-left: calc(-118% - 10px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+3) .collapse-div {
    margin-left: calc(-239% - 20px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+4) .collapse-div {
    margin-left: calc(-357% - 30px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+5) .collapse-div {
    margin-left: calc(-478% - 40px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+6) .collapse-div {
    margin-left: calc(-600% - 40px);
}
.collapse-div {
    width: calc(722% + 20px);
    border: 1px solid #bcbcbc;
    padding: 10px;
    margin-top: 22px;
}

@media only screen and (max-width: 746px) {
.swiper-button-next{
height: 132px !important;
}

.swiper-button-prev{
height: 132px !important;
  
}
}
@media only screen and (max-width: 792px) {

.our-work-gallery .col-md-2.col-sm-6.col-xs-12.filter_input {
    padding: 0px 15px !important;
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+2) .collapse-div {
    margin-left: calc(-122% - 10px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+3) .collapse-div {
    margin-left: calc(-243% - 20px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+4) .collapse-div {
    margin-left: calc(-366% - 30px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+5) .collapse-div {
    margin-left: calc(-488% - 40px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+6) .collapse-div {
    margin-left: calc(-616% - 40px);
}
.collapse-div {
    width: calc(741% + 20px);
    border: 1px solid #bcbcbc;
    padding: 10px;
    margin-top: 22px;
}
}
@media only screen and (max-width: 742px) {

.full-data .col-sm-3.user_details {
    max-width: 33.33%;
}
.our-work-gallery .col-md-2.col-sm-6.col-xs-12.filter_input {
    padding: 0px 15px !important;
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+2) .collapse-div {
    margin-left: calc(-110% - 10px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+3) .collapse-div {
    margin-left: calc(-214% - 20px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+4) .collapse-div {
    margin-left: calc(16% - 30px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+5) .collapse-div {
    margin-left: calc(-95% - 40px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+6) .collapse-div {
    margin-left: calc(-205% - 40px);
}
.collapse-div {
   width: calc(316% + 20px);
    border: 1px solid #bcbcbc;
    padding: 10px;
    margin-top: 22px;
    margin-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1031px) {
.col-md-2.downside{
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 10px;
	    text-align: right;
}
.col-md-3.filter_input{
    max-width: 33%;
}
select {
    width: 100%;
}
}
@media screen and (max-width: 878px) {
  .contact-main-div {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 891px) {
.user_details  .close-image img {
    width: initial !important;
}
    .share-menu-item{
        padding: 0px 21px;
        font-size: 15px;
    }
	.custom-div{
width: 100%;
display: inline-block;
}
.custom-div img{
    margin: 0px;
	    float: left !important;
	
}
.toper-marg{
width: 100%;
float:left;
}
.second-section {
    padding-left: 15px !important;
}
.col-md-5.phone-div {
    padding-left: 15px !important;
}
.col-md-5.location-div {
    padding-left: 15px !important;
}
.col-md-6.col-sm-12.contact-text {
    padding: 0px;
}
.col-md-6.col-sm-12.contact-links {
padding: 0px;
}
}

@media only screen and (max-width: 767px) {
.filter_input {
    margin-bottom: 27px;
}
    .first_item_right {
        width: 100%;
        float: left;
    }

    .oddcast_logo_secction {
        width: 76%;
    }
	.heading-text p {
    padding: 0px 0px;
}
.custom-div{
width: 100%;
display: inline-block;
}
.custom-div img{
    margin: 0px;
	    float: left !important;
}
.full-data .col-sm-3.user_details {
    max-width: 100%;
}
.gallery-text {
    font-size: 19px;
}
.api-image img{
width:100%;
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+2) .collapse-div {
    margin-left: calc(2% - 10px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+3) .collapse-div {
    margin-left: calc(3% - 20px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+4) .collapse-div {
    margin-left: calc(5% - 30px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+5) .collapse-div {
    margin-left: calc(6% - 40px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+6) .collapse-div {
    margin-left: calc(6% - 40px);
}
.collapse-div {
    width: calc(97% + 20px);
    border: 1px solid #bcbcbc;
    padding: 10px;
    margin-top: 22px;
    margin-left: 0px;
}
.images-fetch{
margin-top: 17px;
}

}
@media only screen and (max-width: 750px) {
.creative-brand-inner {
padding: 0px 0px !important;
}
.second-section {
    padding-left: 15px !important;
}
.col-md-5.phone-div {
    padding-left: 15px !important;
}
.col-md-5.location-div {
    padding-left: 15px !important;
}
.col-md-6.col-sm-12.contact-text {
    padding: 0px;
}
.col-md-6.col-sm-12.contact-links {
padding: 0px;
}
}
@media only screen and (max-width: 630px) {
.swiper-button-next{
height: 115px !important;
}

.swiper-button-prev{
height: 115px !important;
}
}
@media only screen and (max-width: 560px) {
.full-data .col-sm-3.user_details {
    max-width: 100%;
}
.gallery-text {
    font-size: 19px;
}
.api-image img{
width:100%;
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+2) .collapse-div {
    margin-left: calc(3% - 10px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+3) .collapse-div {
    margin-left: calc(6% - 20px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+4) .collapse-div {
    margin-left: calc(9% - 30px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+5) .collapse-div {
    margin-left: calc(12% - 40px);
}
.col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(5n+6) .collapse-div {
    margin-left: calc(11% - 40px);
}
.collapse-div {
    width: calc(95% + 20px);
    border: 1px solid #bcbcbc;
    padding: 10px;
    margin-top: 22px;
    margin-left: 0px;
}
}
@media only screen and (max-width: 546px) {
    .share-menu-item{
        font-size: 14px;
        padding: 0px 16px;
    } 
    .app_power_sec {
        font-size: 24px;
    }
}
@media only screen and (max-width: 491px) {
.swiper-button-next{
height: 68px !important;
    width: 22px !important;
	top:29% !important;
}

.swiper-button-prev{
height: 68px !important;
	    width: 22px !important;
		top:29% !important;
} 

}
@media only screen and (max-width: 484px) {
.swiper-button-next{
height: 68px !important;
    width: 22px !important;
}

.swiper-button-prev{
height: 68px !important;
	    width: 22px !important;
} 

}
@media only screen and (max-width: 421px) {
/* .col-md-2.col-sm-3.col-xs-12.user_details:nth-of-type(n) .collapse-div {margin-left: 0px !important;}
.collapse-div {
    width: calc(82% + 20px);
    border: 1px solid #bcbcbc;
    margin-left: 15px;
    padding: 10px;
    margin-top: 10px;
} */
    .oddcast_logo_secction {
        width: 67%;
    }
    .app_power_sec {
        font-size: 19px;
    }
    .app_power_sec {
      letter-spacing: 2px;
    }
	select {
    width: 100%;
}
.user_details img{
    width: 100%;
}
.filter_input {
    margin-bottom: 17px;
}
i.customnew {
    position: absolute;
       right: 14px;
}
}



@media only screen and (max-width: 407px) {
   .share-menu-item{
        font-size: 12px;
        padding: 0px 10px;
    }  
}
@media only screen and (max-width: 378px) {
.swiper-button-next{
height: 68px !important;
    width: 22px !important;
	top: 17% !important;
}

.swiper-button-prev{
height: 68px !important;
	    width: 22px !important;
		top: 17% !important;
} 

}