body{background:#FFF; background-size:100%; color:#4d4d4f; font:300 14px 'Lato', sans-serif;}

#site-wrap{position:relative;}

a{color:#ee7030; text-decoration:none!important;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
a:hover{ color:#4d4d4f;}
a:active{ text-decoration:none;}

*{ outline:none!important;}
img{ max-width:100%;}
img.media-object{ max-width:none;}
	
h1{ font-size:50px; }
h2{ font-size:50px; }
h3{ font-size:22px; }
h4{ font-size:16px; }
h5{ font-size:16px; font-weight:700; color:#161718;}
h6{ font-size:14px; font-weight:900;}

p{line-height:1.4em;}

hr{ border-color:#dcddde;}
.space{ height:70px; clear:both;}

.ajx-preloader{display:none;}
.ajx-preloader .fa{z-index:10001; color:#FFF; font-size:40px; position:fixed; top:50%; left:50%; margin-top:-20px; margin-left:-20px;}

.fontRW{font-family: 'Rockwell';}

/* Site Top*/
#menu-toggle{vertical-align:top; cursor:pointer; margin-left:10px; margin-top:2px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
#menu-toggle:hover{opacity:0.8;
-moz-transform: translate(-5px, 0px);
    -ms-transform: translate(-5px, 0px);
    -o-transform: translate(-5px, 0px);
    -webkit-transform: translate(-5px, 0px);
    transform: translate(-5px, 0px)}
body.menu-open #menu-toggle{ opacity:0;}

#page-content{position:relative; margin-bottom:60px;}
body.menu-open{ overflow:hidden;}
#page-content.home{ margin-bottom:0;}

/*Social Icon Style*/
.social-icon{}
.social-icon li{}
.social-icon li a{display:block; height:35px; width:35px; background:url(img/icon-facebook.png) center center no-repeat; position:relative; background-size:100% 100%; opacity:.8;}
.social-icon li a:hover{ opacity:.6;
	-moz-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -webkit-transform: translate(0px, -5px);
    transform: translate(0px, -5px)}
.social-icon li.twitter a{ background-image:url(img/icon-twitter.png);}
.social-icon li.vimeo a{ background-image:url(img/icon-vimeo.png);}
.social-icon li.instagram a{ background-image:url(img/icon-instagram.png);}
.social-icon li.mail a{ background-image:url(img/icon-mail3.png);}

/*Menu Style*/
#menu{position:fixed; top:0; left:-610px; bottom:0; height:100%; width:600px; overflow:auto; color:#FFF; z-index:110;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
body.menu-open #menu { left:0px;}
#menu #hide-menu{ cursor:pointer; position:absolute; top:-34px; left:-15px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
#menu #hide-menu:hover{opacity:0.8;
-moz-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -webkit-transform: translate(0px, -5px);
    transform: translate(0px, -5px)}
#menu .menu-box{padding:30px 0 30px 50px; margin-top:60px; margin-left:70px; border-left: solid 1px #FFF; position:relative; z-index:10;}
#menu .menu-box .container{position:relative; z-index:20;}
#menu .main-nav{ text-align:}
#menu .main-nav li{font-size:24px; padding:8px 0; margin-bottom:10px; position:relative;}
#menu .main-nav li a{color:#ee7030;  position:relative;}
#menu .main-nav li a span{ position:relative; z-index:10;}
#menu .main-nav li a:hover{text-decoration:none; color:#FFF;}
.search-form{display:inline-block; width:250px; position:relative; margin:20px 0px 20px 0px;}
.search-form .screen-reader-text{ display:none;}
.search-form label{ display:block; margin:0;}
.search-form .search-field{ border:none; width:100%; padding-left:5px; height:40px; background:none; font-size:18px; font-weight:300;}
.search-form .search-field:focus{ outline:none; }
.search-form button{ border:none; background:url(img/icon-search.png) no-repeat; height:26px; width:26px; position:absolute; bottom:7px; right:0;}
#menu .social-icon{ margin-left:0px;}
#menu .social-icon li{ padding:0 5px;}
.overlay{ position:absolute; top:0; left:0; height:100%; width:100%; background-color:rgba(0, 0, 0, 0.80); z-index:100; display:none;}
body.menu-open .overlay{ display:block;}

#menu-toggle{display:none;}
#main-menu{position:absolute; top:20px; left:0; width:100%; z-index:100; padding:10px 0;}
#main-menu ul{ margin-bottom:0;}
#main-menu ul.top-nav{ float:left; margin-top:7px;}
#main-menu ul.top-nav li{font-size:15px; display:inline-block; margin-right:30px; text-transform:uppercase;}
#main-menu ul.top-nav li a{color:#ee7030; background:none;}
#main-menu ul.top-nav li a:hover,
#main-menu ul.top-nav li.current a{ color:#FFF;}
#main-menu ul.social-icon{ float:right;}
.fixMenu #main-menu{ position:fixed; background:rgba(0, 0, 0, 0.80); top:0;}

/*OWL Style*/
.owl-controls { }
.owl-controls .owl-dots {bottom:-50px; position:absolute; left:0px; text-align:center; width: 100%; }
.owl-dots .owl-dot {background:#e1e1e1; border-radius:50%; display:inline-block; height:9px; margin:0 3px; width:9px; }
.owl-dots .owl-dot.active {opacity: 1; background:#838484;}
.owl-carousel .owl-controls .owl-nav { }
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next { background:url("img/arrow-left.png") no-repeat; color:#fff; font-size:0; height:97px; width:34px; margin-top:-46px; opacity:0.75; position:absolute; text-indent:-999999px; top:50%;}
.owl-carousel .owl-controls .owl-nav .owl-prev { left:-50px; }
.owl-carousel .owl-controls .owl-nav .owl-next { background-image:url("img/arrow-right.png"); right:-50px; }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel .owl-controls .owl-nav .owl-next:hover { opacity: 1;
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
filter: none;}

.page-section{padding:80px 0;}
.page-section h2{font-size:30px; color:#6d6d6d; margin:0 0 60px; text-align:center; font-weight:300; text-transform:uppercase;}
.page-section h2 span{ position:relative;  padding-bottom:4px; border-bottom:solid 3px #ee6f30;}

#home{position:relative; padding:0; overflow:hidden;}
#menu-toggle{position:fixed; top:10px; left:10px; z-index:100;}
#logo{ position:absolute; top:14%; text-align:center; width:100%;}
#logo p{ color:#FFF; font-size:24px; margin-top:15px;}
#home .down-arrow{ position:absolute; width:100%; text-align:center; bottom:20px;}
#home .down-arrow img{ cursor:pointer;}


#about{}
#about .container{ font-size:18px; text-align:center; color:#818181;}


#services{position:relative; background-color:#f2f2f2; padding-bottom:0;}
/*#services:before{content:''; top:-15px; left:0; height:1px; width:100%; position:absolute; background-color:#f36d21;}*/
#services h2{padding-top:30px;}
#services h2 span{ border-bottom-color:#f36d21;}

.service-list{ padding-bottom:90px;}
.service-list .box{position:relative; cursor:pointer; text-align:center; max-width:340px; margin:auto;}
.service-list .box img{ border:solid 2px #f36d21; border-radius:50%; width:70%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
.service-list .box .icon{ background:url(img/activations-digital-engagement.png) no-repeat; height:240px; width:240px; background-size:100% 100%; margin:auto; border:solid 6px #5f5f61; border-radius:50%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
.service-list .box.exhibitions .icon{ background-image:url(img/exhibitions-mice.png);}
.service-list .box h3{font-size:30px; color:#5f5f61; text-align:center; font-family:'Rockwell';
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
.service-list .box.opened{ border-bottom: solid 2px #f36d21;}
.service-list .box:hover .icon,
.service-list .box.opened .icon{border-color:#f36d21; background-image:url(img/activations-digital-engagement2.png);}
.service-list .box.exhibitions:hover .icon,
.service-list .box.exhibitions.opened .icon{background-image:url(img/exhibitions-mice2.png);}
.service-list .box:hover h3,
.service-list .box.opened h3{ color:#f36d21;}

.service-detail .box{ display:none; background-color:#FFF; padding:100px 0 20px; color:#FFF;}
.service-detail .content{ width:700px; margin:auto; position:relative;}
.service-detail .box h3{ width:700px; height:700px; margin:auto; display:flex; align-items:center; justify-content:center; background:url(img/activations-digital-engagement-detail.png) center center no-repeat; background-size:100% 100%; margin-bottom:90px;
 font-size:28px;  text-shadow:2px 2px #000; text-align:center; font-weight:bold; line-height:1.2em;}
.service-detail .box#exhibitions h3{background-image:url(img/exhibitions-mice-detail.png);}
.service-detail ul{}
.service-detail li{position:absolute; font-size:22px; font-family: 'Rockwell'; color:#5f5b5b; line-height:normal; width:280px; text-align:center;}
.service-detail li span{ padding:0 2px; white-space: nowrap;}
.service-detail li.list1{top:-40px; left:33px;}
.service-detail li.list2{top:-40px; right:35px;}
.service-detail li.list3{top:495px; right:-58px;}
.service-detail li.list4{bottom:-50px; left:50%; margin-left:-140px;}
.service-detail li.list5{top:495px; left:-58px;}
.service-detail .bottom{ text-align:center; font-size:22px; font-weight:400; color:#FFF;}


#clients{}
#clients h2{}
#clients .client-box{}
#clients .container{font-size:26px; text-align:center;}
#clients .owl-carousel .owl-controls .owl-nav .owl-prev,
#clients .owl-carousel .owl-controls .owl-nav .owl-next { background:url(img/arrow-left.png) no-repeat; color:#fff; font-size:0; width:34px; height:97px; margin-top:-48px; position:absolute; text-indent:-999999px; top:50%;}
#clients .owl-carousel .owl-controls .owl-nav .owl-prev { left:-60px; }
#clients .owl-carousel .owl-controls .owl-nav .owl-next { background-image:url(img/arrow-right.png); right:-60px; }
#clients .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
#clients .owl-carousel .owl-controls .owl-nav .owl-next:hover { opacity:.4; }
#clients h3{ margin-top:10px; font-size:27px; font-weight:normal;}
#clients .owl-controls .owl-dots{ bottom:-50px;}
#clients .logos { width:100%; height:240px;}
#clients .logos td{ padding:20px; text-align:center;}
#clients .logos td img{ width:auto; display:inline-block;}
#clients .item{ text-align:center;}
#clients .item img{ width:90%; max-width:250px; display:inline-block;}


.form-control{ border-radius:0; box-shadow:none; border:none; background-color:#faf9f8;}
.btn-primary{background:#ee7031; border-radius:30px; border:none; color:#FFF; text-transform:uppercase; font-size:18px; padding:8px 24px; font-weight:bold;}
.btn-primary:hover,
.btn-primary:focus{ background-color:#c35a26;}
.control-btn{ margin-top:20px;}

#contact{ background-color:#f2f2f2;}
#contact h2{ }
#contact .container{ }
#contact h3{font-size:24px; text-transform:uppercase; margin:0; padding:0px 0 20px; font-weight:bold;}
#contact .address{ font-size:20px; line-height:1.4em; font-weight:400;}
#contact .address a{color:#4d4d4f}
#contact .address a:hover{color:#ee7031}
#contact input.form-control,
#contact select.form-control{height:32px; border-radius:40px;}
.site-form{ margin:0 -5px;}
.site-form .control-group{ padding:0 5px; margin-bottom:8px;}
.site-form label{color:#4d4d4f; font-weight:normal; font-weight:300; padding-left:8px;}
.site-form textarea{border-radius:10px;}
.site-form .btn{}
#map{height:600px; width:100%;}
#mapContent h4{font-size:18px; margin:0 0 10px;}
#mapContent p{ margin-bottom:2px;}


#work{position:relative; background-color:#f2f2f2;}
#work h2{ margin-bottom:50px;}
/*#work:before{content:''; top:-15px; left:0; height:1px; width:100%; position:absolute; background-color:#58348b;}*/
/*#work h2 span{ border-bottom-color:#58348b;}*/
#work .work-filter{ color:#5f5b5b; font-size:27px; text-align:center; font-family:"Rockwell", serif; margin-bottom:30px;}
#work .work-filter li{ padding:0 20px;}
#work .work-filter li a{color:#5f5b5b; min-width:60px; position:relative; display:block;}
#work .work-filter li a::after{content:''; background-color:#ee6b28; display:block; width:0px; height:3px; margin:5px auto 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
#work .work-filter li a:hover,
#work .work-filter li a.active{ color:#ee6b28;}
#work .work-filter li a:hover::after,
#work .work-filter li a.active::after{ color:#ee6b28; width:50px;}
#work .work-box{}
#work .work-list{text-align:center;}
#work .work-list .item{float:left; width:20%; padding:30px 20px}
#work .work-list .item .image{}
#work .work-list .item .image img{ border-radius:50%; border: solid 2px #ee6b28;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
#work .work-list .item h3{ font-size:19px; margin:15px 0 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
#work .work-list .item a{ display:block;}
#work .work-list .item a:hover h3{ color:#5f5b5b;}
#work .work-list .item a:hover .image img{border-color:#5f5b5b;}

.modal-backdrop{ background-color:#FFF;}
.modal-backdrop.in{filter: alpha(opacity=95); opacity:.95;}
.modal{}
.modal-dialog{width:90%; background:none; margin:auto;}
.md-close{ position:absolute; top:20px; right:50px; width:38px; z-index:100;}
.work-slider{ margin-top:120px;}
.modal .p1{ color:#3b3b3b; font-size:22px; text-align: center; margin-top:50px;}


.select-box select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

/*********** Ankit CSS fancy scroll ***************/


.b-custom-select {
    position: relative;
    height: 31px;
    background: #faf9f8;
	border-radius: 40px !important;
	    width: 100% !important;
}
.b-custom-select_disabled {color: #bcbcbc; background: #f9f9f9;}
.b-custom-select_focus {}
.b-custom-select_expanded {z-index: 199; height: 32px; border-bottom: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}

.lte7 .b-custom-select {display: inline; zoom:1;}

.b-custom-select__title {cursor: pointer; overflow: hidden;}
	.b-custom-select__title__text {margin: 7px 30px 7px 10px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;}
	.b-custom-select__title__icon {        position: absolute;
    top: 1px;
    right: 2px;
    display: block;
    width: 24px;
    height: 30px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background: #faf9f8;}
		.b-custom-select__title__icon:after {content: ""; position:absolute; top:13px;right:7px;border-top: 5px solid #666;border-left:5px solid transparent;border-right:5px solid transparent;}
	.b-custom-select_expanded .b-custom-select__title__icon {}
	.b-custom-select_disabled .b-custom-select__title__icon {background: #f9f9f9;}
	.b-custom-select__title__input {height: 20px; padding: 2px 9px; border: none; background: none; outline: 0; font-family: "PTSansRegular"; font-size: 12px;}

.b-custom-select__dropdown {
	background: #fff;
	border: 1px solid #cccccc;
	border-width: 1px;
	border-style: solid;
	border-top-color: #c3c3c3;
	border-bottom-color: #838383;
	border-left-color: #a2a2a2;
	border-right-color: #a2a2a2;
	-moz-border-radius: 0 0 3px 3px;
	-webkit--moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
	 width: 258px !important;

}
.b-custom-select__dropdown__inner{
    	 width: 253px !important;
    	     background: #faf9f8;

}
}
   .b-custom-select__list {
    padding: 5px 5px;
    background: #faf9f8;
}
	.b-custom-select__group {padding: 4px; white-space: nowrap;font-family: "PTSansRegular"; font-size: 12px; font-weight: bold;}
	.b-custom-select__item {position: relative;
    display: block;
    height: 26px;
    color: #737373;
    padding: 4px 5px;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 1px dotted #cecece;
    font-size: 14px;}
	.b-custom-select_multiple .b-custom-select__item {}

    .b-custom-select__item:hover, .b-custom-select__item.selected {background: #f9f9f9;}
	.b-custom-select__item.disabled {color: #bcbcbc;}
	.b-custom-select_multiple .b-custom-select__item:hover, .b-custom-select_multiple .b-custom-select__item.selected {background: none;}
	.b-custom-select_multiple .b-custom-select__item.selected:before {background-position: -46px 0;}
	
	.b-custom-select__wrap-scrollbar {
		position: absolute;
		top:0;
		bottom:0;
		right:0;
		width:22px;
		border-left: 1px solid #ececec;
	}
	.b-custom-select__dropdown__inner::-webkit-scrollbar{width: 0;}
		.b-custom-select__wrap-scrollbar:after {
			content: "";
			position: absolute;
			top: 3px;
			bottom: 3px;
			left: 9px;
			width: 3px;
			border-left: 1px solid #b1b1b1;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			background: #cccccc;
		}
	.b-custom-select__scrollbar {
		position: absolute;    
		z-index: 1;
		left:0;
		right:0;
		margin-left: auto;
		margin-right: auto;
		width: 10px;
		height: 40px !important;
		background: #666;
		border-radius: 4px;
		cursor:pointer;
	}
/*********** Ankit CSS fancy scroll ***************/
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select-box select {padding-right:18px}
}

.select-box {position:relative}
.select-box:after {
    content:'>';
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:6px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
.select-box:before {
    content:'';
    right:6px; top:4px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}


/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select-box select {padding-right:18px}
}

.select-box {position:relative}
.select-box:after {
    content:'>';
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:6px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
.select-box:before {
    content:'';
    right:6px; top:4px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}
.text-danger {
    color: #ee7030;
    font-weight: 400;
    padding-left: .5em;
}
@media (max-width: 1199px) {
	body{ font-size:13px;}	
	#main-menu ul.top-nav li{font-size:14px; margin-right:20px;}
	.social-icon li a{ height:28px; width:28px;}
	#logo img{ width:300px;}
	#logo p{ font-size:18px; margin-top:5px;}
	#home .down-arrow img{ width:32px;}
	.page-section{padding:60px 0;}
	.page-section h2{ margin-bottom:40px; font-size:26px;}
	#about .container{ font-size:18px;}
	#work .work-filter li{ padding:0 18px; font-size:22px;}
	#work .work-list .item{ width:25%; padding:20px 15px;}
	#work .work-list .item h3{ font-size:16px;}
	.service-list .box h3{ font-size:26px;}
	.service-detail li{ font-size:15px;}
	.service-detail .box h3{ font-size:24px;}
	.service-detail .bottom{ font-size:18px;}
	#clients .owl-carousel .owl-controls .owl-nav .owl-prev,
	#clients .owl-carousel .owl-controls .owl-nav .owl-next {width:18px;}
	#clients .owl-carousel .owl-controls .owl-nav .owl-prev {left:-20px;}
	#clients .owl-carousel .owl-controls .owl-nav .owl-next {right:-20px; background-position: right center;}
	#clients .logos td img{ max-height:100px;}
	#map{ margin-top:30px; height:350px;}
	#contact h3{ font-size:20px;}
	#contact .address{ font-size:18px;}
}


@media (max-width: 991px) {
	
		.modal-dialog .container{ width:100%;}
	
	.owl-carousel .owl-controls .owl-nav .owl-prev,
	.owl-carousel .owl-controls .owl-nav .owl-next {width:16px;}
	.owl-carousel .owl-controls .owl-nav .owl-prev {left:-28px;}
	.owl-carousel .owl-controls .owl-nav .owl-next {right:-28px; background-position: right center;}
	
}

@media (max-width: 767px) {
	#menu-toggle{ display:block; top:10px; left:10px;}
	#menu-toggle img{ width:32px;}
	#main-menu{ display:none}
	#home .banner{max-width:120%; margin-left:-10%;}
	#logo { top:7%;}
	#logo img{ width:180px;}
	#logo p{ font-size:15px; margin-top:0px;}
	.page-section{padding:40px 0;}
	.page-section h2{ margin-bottom:30px; font-size:22px;}
	#about .container{ font-size:16px;}
	#work .work-filter{ margin-bottom:15px;}
	#work .work-filter li{ padding:0 12px; font-size:18px;}
	#work .work-list .item{ width:50%; padding:15px 10px;}
	#work .work-list .item a{ max-width:180px; margin:auto;}
	#work .work-list .item h3{ font-size:14px;}
	.service-list .box{ max-width:200px;}
	.service-list .box .icon{ width:180px; height:180px;}
	.service-list .box h3{ font-size:16px; margin:5px 0 5px;}
	.service-list{ padding-bottom:40px;}
	.service-detail .box{ padding:80px 0px 0px;}
	.service-detail .content{ width:300px; max-width:94%;}
	/*.service-detail .box h3{ width:auto; height:auto; background:none; text-align:center; margin:0 0 15px;}
	.service-detail .box h3 br{display:none;}
	.service-detail li{ position:static; width:auto!important; margin:0!important; text-align:center!important; font-size:14px;}
	.service-detail li br{ display:none;}
	.service-detail li span{}*/
	.service-detail .box h3{ width:300px; height:300px; max-width:94%;}
	.service-detail li{ width:150px; font-size:13px}
	.service-detail li.list1{top:-25px; left:7px;}
	.service-detail li.list2{top:-25px; right:7px;}
	.service-detail li.list3{top:215px; right:-42px;}
	.service-detail li.list4{bottom:-30px; left:50%; margin-left:-75px; }
	.service-detail li.list5{top:215px; left:-42px;}
	.service-detail .bottom{ font-size:16px;}
	#clients h3{ font-size:20px;}
	#clients .logos{ height:140px;}
	#clients .owl-carousel .owl-controls .owl-nav .owl-prev,
	#clients .owl-carousel .owl-controls .owl-nav .owl-next {width:14px;}
	#clients .owl-carousel .owl-controls .owl-nav .owl-prev {left:-10px;}
	#clients .owl-carousel .owl-controls .owl-nav .owl-next {right:-10px; background-position: right center;}
	#clients .owl-controls .owl-dots{ bottom:-30px;}
	
	#contact h3{ font-size:18px; padding-bottom:10px;}
	#contact .address{ font-size:16px; margin-bottom:30px;}
	#contact input.form-control, #contact select.form-control{ height:32px; padding:2px 6px; font-size:12px;}
	.site-form .control-group{ margin-bottom:0;}
	#menu .menu-box{margin-top:20px; margin-left:25px; border:none; padding:50px 0 0;}
	#menu #hide-menu{ top:0; left:0; z-index:100;}
	
	.owl-carousel .owl-controls .owl-nav .owl-prev,
	.owl-carousel .owl-controls .owl-nav .owl-next {width:10px;}
	.owl-carousel .owl-controls .owl-nav .owl-prev {left:-18px;}
	.owl-carousel .owl-controls .owl-nav .owl-next {right:-18px; background-position: right center;}
	.owl-controls .owl-dots{ bottom:-30px;}
	
	.modal-dialog{width:100%;}
	
	.work-slider{ margin-top:50px}
	.md-close { top:15px; right:15px;}
	.md-close img{ width:22px}
	.modal .p1{ font-size:16px; margin-top:25px;}
}

@media (max-width: 500px) {
.service-list .box .icon{ width:120px; height:120px;}
.service-detail li{ font-size:11px; width:120px;}
.service-detail li.list1{top:-20px; left:23px;}
.service-detail li.list2{top:-20px; right:23px;}
.service-detail li.list3{top:215px; right:0px; text-align:right!important;}
.service-detail li.list4{bottom:-30px; left:50%; margin-left:-60px; }
.service-detail li.list5{top:215px; left:0px; text-align:left;}

}