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

#gallery-items{
	width:100%;
}

}

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

.element{
	width:24.9%;
}

}

@media only screen and (min-width: 1440px){

.slider{
	width:1440px;
}
}

@media only screen and (max-width: 1024px) {
	
.element{
	width:33%;
}
}


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

.sk-box{
	width:28%;
}

.ww-icon{
	width:50px;
	height:50px;
}

.element{
	width:33%;
}	

}


@media only screen and (max-width: 943px) {
	
.navigation{
	display: block;
}

.dl-menuwrapper{
	display:block;
}

.services-r{
	width:100%;
	overflow:hidden;
}

.responsive-slider{
	height:750px;
}


.slider-wrapper{
	height:750px;
}

.sk-box{width:28%;}

}

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

.og-expander h3 { font-size: 32px; }
.og-expander p { font-size: 13px; }
.og-expander a { font-size: 12px; }
	
	
.responsive-slider{
	height:690px;
}

.slider-wrapper{
	height:690px;
}

.element{
	width:49.9%;
}

.form input,
.form input:last-child,
.form input:first-child{
	float:none;
	width:80%;
	margin:10px;
}

.form textarea{
	float:none;
	width:80%;
	margin:10px;
}

.ca-menu li{
	width:45%;
}

.sk-box{width:28%;}


.round{
	height:350px;
	position:relative;
}
.sv-main{
	font-size:400%;
}
.round-link{
	width:70%;
}

.services-r .grey{
	top:200px;
}

.services-r .blue{
	top:40px;
}

.services-r .black{
	top:40px;
}

.services-r .darkblue{
	bottom:150px;
}

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

.responsive-slider{
	height:590px;
}

.slider-wrapper{
	height:590px;
}

.flexslider{
	height:400px;
}

.post-detail-inner{
	width:200px;
	height:200px;
	overflow:hidden;
	padding:20px;
}

.post-detail-inner{
	width:100px;
	height:100px;
}

.post-detail-inner .desc{
	display:none;
}
.post-detail-inner a.date{
	display:none;
}
.post-detail-inner .post-header{
	font-size:13px;
	top:30%;
}

.post-detail-inner a.all-posts{
	font-size:11px;
	top:15%;
}

.blog-inner .post{
	margin-top:150px;
}

.post-detail-inner{
	top:20px;
}

.sk-box{
	width:33%;
	margin:0 auto;
}

.opportunity-detail header{
	font-size:200%;
}

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

.header-right { font-weight: normal; margin-left: 5px; margin-top: 8px; position: relative; width: 492px; }

.social-icon { margin-right: 5px; }
.logo { float: none; }
.navigation { float: none; }
.navigation a { margin: 8px 0; }
.mn-sec { display:none; }
.flexslider { height:213px !important; }
.responsive-slider.flexslider .flex-control-nav { bottom: 4% !important; display:none; }
.blog-header h1 { color: #000000; font-size: 27px; }
.blog-header { height: 415px; width:80%; }
.boxouter { float: none; margin-bottom: 15px; }
.blog-inner { height: 1040px; }
.strategy-header h1 { font-size: 23px; }
.strategy-hm { max-height: 382px; }
.strategy-header { height: 280px; width: 85%; }
.portfolio-header { height: 147px; text-align:center; }
.portfolio-img ul li { float: left; height: 210px; margin-left: 15px; width: 260px; }
.portfolio-img { clear: both; height: 285px; margin: 1px auto 10px; }
.testimonial-section { height: 565px; }
.testimonial-right { float: none; margin-left: 10px; width: 276px; }
.testimonial-left { float: none; width: 540px; }
.testimonial-cont { font-size: 20px; margin-bottom:20px; }
.testimonial-content { padding: 10px 15px 53px; width: 500px; }
.footer-section { height: 385px; }
.btmsec { margin-bottom: 20px; text-align: center; }
.social-right { float: left; height: 65px; margin-left: 10px; margin-top: 60px; }
.contact-sec h1.contct-header { font-size: 25px; }
.contct-desc { font-size: 16px; }
.contact-section { padding-top: 50px; }
.copyright-left { float: none; padding-top: 20px; text-align: center; width: 100%; }
.copyright-right { float: none; width: 100%; margin-top:10px; }
.copyright-right .cp-right { margin-left:20px; }
.copyright-right .cp-left { float: left; width:50%; }
.copyright-section { height: 125px; }
.tech-sec img { width:100%; }
.cont-mgn { margin-right:30px; }

.og-fullimg { display: none; }
.og-details { float: none; width: 100%; }

.navigation li:hover ul { display: none; }

.round{
	height:300px;
}

.sv-main{
	font-size:300%;
}
.round-link{
	width:70%;
}

.content ul.ca-menu li{
	width:90%;
	float:none;
	margin:0 auto;
}

.opportunity-images{
	display:none;
}

.opportunity-detail{
	width:100%;
	float:none;
	text-align:center;
}

.opportunity-detail header{
	text-align:center;
}

.opportunity-detail .text{
	overflow-y:scroll;
	height:240px;
	text-align:center;
}

.opportunity-detail a.opp-button{
	float:none;
	margin:30px auto;
}

}

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

.header-right { font-weight: normal; margin-left: 5px; margin-top: 8px; position: relative; width: 452px; }

.social-icon { margin-right: 30px; }
.logo { float: none; }
.navigation { float: none; }
.navigation a { margin: 8px 0; }
.mn-sec { display:none; }
.flexslider { height:160px !important; }
.responsive-slider.flexslider .flex-control-nav { bottom: 4% !important; display:none; }
.blog-header h1 { color: #000000; font-size: 27px; }
.blog-header { height: 500px; width:80%; }
.boxouter { float: none; margin-bottom: 15px; }
.blog-inner { height: 1040px; }
.strategy-header h1 { font-size: 23px; }
.strategy-hm { max-height: 382px; }
.strategy-header { height: 440px; }
.portfolio-header { height: 187px; text-align:center; }
.portfolio-img ul li { float: none; height: 210px; margin-left: 15px; width: 260px; }
.portfolio-img { clear: both; height: 215px; margin: 1px auto 10px; }
.testimonial-section { height: 565px; }
.testimonial-right { float: none; margin-left: 10px; width: 276px; }
.testimonial-left { float: none; width: 460px; }
.testimonial-cont { font-size: 20px; margin-bottom:20px; }
.testimonial-content { padding: 10px 15px 53px; width: 430px; }
.footer-section { height: 815px; }
.btmsec { float: none; margin-bottom: 20px; text-align: center; width: 100%; }
.social-right { float: none; height: 65px; margin-left: 10px; margin-top: 3px; text-align: center; width: 260px; }
.contact-sec h1.contct-header { font-size: 25px; }
.contct-desc { font-size: 16px; }
.contact-section { padding-top: 50px; }
.copyright-left { float: none; padding-top: 20px; text-align: center; width: 100%; }
.copyright-right { float: none; width: 100%; margin-top:10px; }
.copyright-right .cp-right { float: none; border-left:none; margin-left:20px; }
.copyright-right .cp-left { float: none; text-align: center; width:80%; }
.copyright-section { height: 175px; }
.tech-sec img { width:100%; }
.cont-mgn { margin-right:30px; }

.navigation li:hover ul { display: none; }
	
.responsive-slider{
	height:300px;
}

.slider-wrapper{
	height:300px;
}

.slider{
	margin:120px auto;
}

.round{
	height:230px;
}

.sv-main{
	font-size:200%;
}
.round-link{
	width:60%;
}

.services-r .grey{
	top:200px;
}

.services-r .black{
	top:60px;
}

.services-r .blue{
	top:60px;
}

.services-r .darkblue{
	bottom:100px;
}

.flexslider{
	height:250px;
}

.dl-menu,
#dl-menu{
	width:39%;
}

.element{
	width:100%;
}

.ww-do .column{
	width:90%;
	margin:30px auto 50px;
	float:none;
}

.ww-icon{
	width:25px;
	height:25px;
	padding:0;
}
.services{
	min-height:600px;
}

.services:after{
	min-height:600px;
}
.services-r{
	min-height:600px;
}

.sk-box{
	width:90%;
	margin:20px auto;
	float:none;
}

.lt-nav span{
	left:46%;
}
.lt-nav span.lt-nav-next{
	left:53%;
}

.button{
	padding:3px 0;
}

.m-button{
	padding:0px 5px;
}

.m-button a{
	margin-top:15px;
}

}

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

.header-right { font-weight: normal; margin-left: 5px; margin-top: 8px; position: relative; width: 315px; }
.ecom-header { margin:90px auto 0px auto; height: 1265px; }
.ecom-header h1 { font-size: 23px; font-weight:700; }

.contact-sec { /* min-height:370px; */ }

.social-icon { margin-right: 30px; }
.logo { float: none; }
.header-right ul li { float: none; }
.navigation { float: none; }
.navigation a { margin: 8px 0; }
.mn-sec { display:none; }
.flexslider { height:120px; }
.responsive-slider.flexslider .flex-control-nav { bottom: 4% !important; display:none; }
.blog-header h1 { color: #000000; font-size: 21px; }
.blog-header { height: 690px; }
.boxouter { float: none; margin-bottom: 15px; }
.blog-inner { /*height: 1040px;*/ height: auto; padding-bottom: 60px; }
.strategy-header h1 { font-size: 23px; }
.strategy-hm { max-height: 530px; height:530px; }
.strategy-header { height: 415px; }
.portfolio-header { height: 187px; text-align:center; }
.portfolio-img ul li { float: none; height: 210px; margin-left: 15px; width: 260px; }
.portfolio-img { clear: both; height: 315px; margin: 1px auto 10px; }
.testimonial-section { height: 600px; }
.testimonial-right { float: none; margin-left: 10px; width: 276px; }
.testimonial-left { float: none; width: 340px; }
.testimonial-cont { font-size: 20px; margin-bottom:20px; text-align:right; }
.testimonial-content { padding: 10px 15px 55px; width: 310px; font-size:12px; line-height:18px; }
.testimonial-left h1.tl-header { text-align:center; }
.footer-section { height: 815px; }
.btmsec { float: none; margin-bottom: 20px; text-align: center; width: 100%; }
.social-right { float: none; height: 65px; margin-left: 10px; margin-top: 3px; text-align: center; width: 260px; }
.contact-sec h1.contct-header { font-size: 25px; }
.contct-desc { font-size: 19px; }
.contact-section { padding-top: 50px; }
.copyright-left { float: none; padding-top: 20px; text-align: center; width: 100%; }
.copyright-right { float: none; width: 100%; margin-top:10px; text-align: center; }
.copyright-right .cp-right { float: none; border-left:none; margin-left:20px; }
.copyright-right .cp-left { float: none; text-align: center; width:80%; }
.copyright-section { height: 100px; }
.tech-sec img { width:100%; }
.slider-section { max-height:123px; }

.navigation li:hover ul { display: none; }

.round{
	height:150px;
}

.sv-icon{
	top:30%;
}
.sv-content{
	top:30;
}
.sv-main{
	font-size:150%;

}
.round-link{
	width:35%;
}


.services-r .grey{
	top:150px;
}

.services-r .black{
	top:80px;
}

.services-r .blue{
	top:80px;
}

.services-r .darkblue{
	bottom:0px;
}

#pageslide .desc{
	max-height:270px;
	overflow:scroll;
}

}

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

.header-right { font-weight: normal; margin-left: 5px; margin-top: 8px; position: relative; width: 295px; }
.logo { float: none; }
.header-right ul li { float: none; }
.navigation { float: none; }
.navigation a { margin: 8px 0; }
.mn-sec { display:none; }
.flexslider { height:107px; }
.responsive-slider.flexslider .flex-control-nav { bottom: 4% !important; display:none; }
.blog-header h1 { color: #000000; font-size: 27px; }
.blog-header { height: 645px; }
.boxouter { float: none; margin-bottom: 15px; }
.blog-inner { height: 1040px; }
.strategy-header h1 { font-size: 23px; }
.strategy-hm { max-height: 512px; }
.strategy-header { height: 450px; }
.portfolio-header { height: 187px; text-align:center; }
.portfolio-img ul li { float: none; height: 210px; margin-left: 15px; width: 260px; }
.portfolio-img { clear: both; height: 275px; margin: 1px auto 10px; }
.testimonial-section { height: 565px; }
.testimonial-right { float: none; margin-left: 10px; width: 276px; }
.testimonial-left { float: none; width: 290px; }
.testimonial-cont { font-size: 16px; margin-bottom:20px; }
.testimonial-content { padding: 8px 15px 55px; width: 280px; line-height:16px; }
.footer-section { height: 815px; }
.btmsec { float: none; margin-bottom: 20px; text-align: center; width: 100%; }
.social-right { float: none; height: 65px; margin-left: 10px; margin-top: 3px; text-align: center; width: 260px; }
.contact-sec h1.contct-header { font-size: 25px; }
.contct-desc { font-size: 19px; }
.contact-section { padding-top: 50px; }
.copyright-left { float: none; padding-top: 20px; text-align: center; width: 100%; }
.copyright-right { float: none; width: 100%; margin-top:10px; }
.copyright-right .cp-right { float: none; border-left:none; margin-left:20px; }
.copyright-right .cp-left { float: none; text-align: center; width:80%; }
.copyright-section { height: 175px; }
.tech-sec img { width:100%; }

.boxouter { margin-left: 10px; margin-right: 10px; width: 268px; padding: 10px 15px; height:297px; }
.service-hdg { font-size: 19px; }
.slider-section { max-height: 110px; }

.navigation li:hover ul { display: none; }

.round{
	height:150px;
}

.sv-icon{
	top:30%;
}
.sv-content{
	top:30;
}
.sv-main{
	font-size:150%;

}
.round-link{
	width:35%;
}


.services-r .grey{
	top:150px;
}

.services-r .black{
	top:80px;
}

.services-r .blue{
	top:80px;
}

.services-r .darkblue{
	bottom:0px;
}

#pageslide .desc{
	max-height:270px;
	overflow:scroll;
}

}