@media only screen and (max-width: 1080px) {

.other-services-box {

	width:50%;

}

.idea-product-flow-box .icon {

	width:100px;

	height:100px;

	line-height:100px;

	font-size:55px;

}

.client-grid {

	width:30%;

	margin-left:1.666666666666667%;

	margin-right:1.666666666666667%;

	

}

@media only screen and (max-width: 900px) {

.client-grid {

	height:250px;

	line-height:250px;

	

}

	

}

}

 @media only screen and (max-width: 767px) {

	 

.client-grid {

	width:48%;

	margin-left:1%;

	margin-right:1%;

	height:270px;

	line-height:270px;

	

}

.col-mmit-2 {

	float:none;

	width:100%;

}

.col-mmit-6 {

	float:none;

	width:100%;

}

.col-mmit-4 {

	float:none;

	width:100%;

}

#wrapper {

	width:95%;

}

.header {

	background:white;

	position:fixed;

	left:0;

	top:0;

	width:100%;

	height:67px;

	z-index:999;
    padding-bottom:0px
}

#logo {

	margin-top:7px;

}

#showLeft {

	color: #4d4a49;

	display: inline-block;

	float: right;

	margin: 0;

	cursor: pointer;

	transition: all 0.25s ease-in-out;

	border: none;

	font-size:31px;

	padding:1px 3px;

	border:none;

	background:none;

}

#showLeft .icon-menu-bars {

	display:block;

	-webkit-transition: all 0.5s ease-out;

	-moz-transition: all 0.5s ease-out;

	-ms-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

}

#showLeft .icon-corss {

	display:none;

}

#showLeft.active .icon-corss {

	display:block;

	-webkit-transition: all 0.5s ease-out;

	-moz-transition: all 0.5s ease-out;

	-ms-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

}

#showLeft.active .icon-menu-bars {

	display:none;

}

.cbp-spmenu {

	position: fixed;

	background: white;

	overflow-y:auto;

	overflow-x:hidden;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}

.cbp-spmenu ul {

	text-align:left;

	padding:10px;

	width:auto;

}

.cbp-spmenu ul li a {

	display:block;

	transition: all 0.25s ease-in-out;

	float:none;

	font-size:17px;
    text-decoration:none;

	padding:13px 13px;

	border-bottom:1px solid #4d4a49;

}

.cbp-spmenu ul li a:hover {

	border-bottom:1px solid rgba(209,111,26,1);

	background:rgba(209,111,26,1);

}

.cbp-spmenu ul li a:active {

	background:rgba(209,111,26,1);

}

.cbp-spmenu ul li .search-text {

	display:inline-block;

	font-size:17px;

}

.cbp-spmenu ul li:hover {

	color: #bdc3c7;

	cursor: pointer;

}

.cbp-spmenu ul li #trigger-overlay {

	width:100%;

	text-align:left;

	border-bottom:1px solid #FFF;

	padding:13px 10px;

}

.cbp-spmenu ul li #trigger-overlay:hover {

	background:rgba(209,111,26,1);

	color:#FFF;

}

.cbp-spmenu-vertical {

	width: 265px;

	height: 100%;

	top: 68px;

	z-index: 1000;

	

}

.cbp-spmenu-vertical a {

	border-bottom: 1px solid #258ecd;

	padding: 1em;

}

.cbp-spmenu-horizontal {

	width: 100%;

	height: 150px;

	left: 0;

	z-index: 1000;

	overflow: hidden;

}

.cbp-spmenu-horizontal a {

	float: left;

	width: 20%;

	padding: 0.8em;

	border-left: 1px solid #258ecd;

}

.cbp-spmenu-left {

	left: -265px;

}

.cbp-spmenu-left.cbp-spmenu-open {

	left: 0px;

}

.cbp-spmenu {

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

#drop-btn {

	width:100%;

	text-align:left;

	border-bottom:1px solid #FFF;

	

	font-size:17px;

}

#drop-btn span {

	padding-top:13px;

	padding-bottom:13px;

}

#drop-btn:hover {

	border-bottom:1px solid rgba(209,111,26,1);

	background:rgba(209,111,26,1);

	

}

#drop-links {

	width:100%;

	position:static;

	

}

ol#drop-links li a {

	padding: 11px 7px;

	

}



#main-search-form {

	width:80%;

	left:10%;

}

.banner-area {

	padding-top:65px;

}



.our-services-box {

	position:relative;

}

.our-services-box a {

	padding:23px 0;

}

.our-services-box a h4 {

	display:none;

}

.our-services-box {

	min-height:0px;

}

.our-services-box a .icon {

	margin-bottom:0;

	width: 100px;

	height: 100px;

	line-height: 100px;

	font-size:55px;

}

.other-services-box {

	float:none;

	width:100%;

}

.our-clients-area {

}

.footer-col {

	float:none;

	width:100%;

	margin-right:0;

	margin-bottom:35px;

}

.copyrights {

	float:none;

	width:100%;

	text-align:center;

	padding:5px 0;

	padding-bottom:25px;

}

.social-icons {

	float:none;

	width:100%;

	text-align:center;

	padding:9px 0;

}

.page-heading-text {

	font-size:22px

}
.what-we-do h3{
    font-size: 18px
}

.page-title img {

	height:230px !important;

	min-height:230px;

}

.orange-bg {

	text-align:left;

	min-height:0;

}

.gray-bg {

	text-align:left;

	min-height:0;

}



.who-we-are h3 {

	text-align:center;

}

.who-we-are p {

	text-align:center;

	padding-left:20px;

	padding-right:20px;

}

.idea-product-flow-box {

	float:none;

	width:100%;

	min-height:0 !important;

}

.idea-product-flow-box .orange-bg {

	min-height:0 !important;

}

.idea-product-flow-box .icon {

	width:120px;

	height:120px;

	line-height:120px;

	border-radius:50%;

	-moz-border-radius:50%;

	-webkit-border-radius:50%;

	text-align:center;

	

	font-size:60px;

	

}

.idea-product-flow-box .icon-arrow-right {

	display:none;

}

.idea-product-flow-box .icon-arrow-bottom {

	display:block;

}

.last-sp {

	margin:0;

}

.news-left-side {

	float:none;

	width:100%;

	padding-bottom:15px;

}

.news-right-side {

	float:none;

	width:100%;

}

.news-post h2 {

	padding:15px 0;

}

.client-grid-wrap h3 {

	padding:0;

	padding-bottom:19px;

	font-size:17px;

	

}

}

@media only screen and (max-width: 600px) {

.our-services-box a .icon {

	width: 80px;

	height: 80px;

	line-height: 80px;

	font-size: 45px;

}

}

 @media only screen and (max-width: 550px) {

	 



	 

.our-services-box a .icon {

	width: 65px;

	height: 65px;

	line-height: 65px;

	font-size: 40px;

}

.our-services-box a {

	padding:15px 0;

}

#wowslider-container1 .ws-title {

	bottom:2% !important ;

	line-height:20px !important;

	

}

#wowslider-container1 .ws-title span {

	font-size:16px !important;

	

}

}

 @media only screen and (max-width: 500px) {

.other-service-overlay-content .icon {

	padding-top:10%;

}

.other-service-overlay-content h3 {

	padding:8% 0;

}

.client-grid {

	width:98%;

		height:290px;

	line-height:290px;

}

.contact-info-wrap .orange-bg {

	min-height:0;

}

.contact-info-wrap .gray-bg {

	min-height:0;

}

}

 @media only screen and (max-width: 480px) {

.our-services-box a .icon {

	width: 51px;

	height: 51px;

	line-height: 51px;

	font-size: 31px;

}

.og-grid li {

   

    margin: 20px 20px 0px !important;

}

 }