@media (max-width: 1601px){

	section.section-blog .inner-box-container {
    padding: 0;
	}

	section.section-inner .inner-box-container {
    padding: 0;
	}

	.box-container {
    margin: 50px 50px;
  }
	
	.tip-box{
		width: 33.33333%;
	}

	.blog-post-box {
    width: 67%;
	}

	.blog-post-sidebar {
    width: 33%;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner #blogBannerContent {
    height: 172px;
  }

}

@media (max-width: 1599px){
	
	.blog-post-box {
    width: 63%;
	}

	.blog-post-sidebar {
    width: 37%;
	}

}

@media (max-width: 1439px){

	.box-container {
    margin: 30px 30px 0;
	}
	
	.blog-post-box {
    width: 63%;
	}

	.blog-post-sidebar {
    width: 37%;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner #blogBannerImg {
    height: 172px;
  }

  .tips-pagination {
  	margin-top: 0;
    margin-bottom: 30px;
  }

}

@media (max-width: 1365px){

	.blog-post-sidebar .blog-sidebar.blog-banner #blogBannerImg {
    height: 143px;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner #blogBannerContent {
    height: 158px;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner h2 {
    font-size: 26px;
  }

}

@media (max-width: 1279px){

	.box-container {
    margin: 30px 20px 0;
	}

	.blog-post-box {
    width: 65%;
	}

	.blog-post-sidebar {
    width: 35%;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner h2 {
    font-size: 18px;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner #blogBannerImg {
    height: 120px;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner #blogBannerContent {
    height: 122px;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner a.btn {
		font-size: 14px;
	}

	.blog-post-sidebar h3 {
    font-size: 35px;
	}

	.blog-sidebar.blog-subscribe .form-group .form-control {
    width: 82%;
	}

	.blog-post-box .content-box {
    width: 92%;
    padding: 3%;
  }

  header nav.main-nav ul li a {
    font-size: 13px;
  }


}

@media (max-width: 1023px){

	.blog-post-box .content-box {
    width: 90%;
    padding: 3%;
  }

	header nav.main-nav ul li.phoneIconMenu a {
    text-indent: 10px;
	}

	header nav#main-nav ul li a img.phoneIcon {
    float: left;
    margin: 13px 0px 0 25px;
	}

	section.section-inner.section-blog.theme{
		padding-top: 0;
	}

	.tip-box{
		width:100%;
	}

	.blog-post-box {
    width: 100%;
    float: left;
	}

	.blog-post-box .content-box {
    width: 96%;
  }

  .comment-form .leftbox {
    margin: 0;
    margin-top: 0px;
    margin-left: 10px;
    width: 90%;
  }

  textarea.form-control {
    height: auto;
    min-height: 120px;
	}

	.comment-form .rightbox {
    width: 90%;
	}

	.blog-post-sidebar {
    width: 100%;
    margin-top: 30px;
  }

  .blog-post-sidebar .blog-sidebar.blog-banner #blogBannerContent {
    height: 180px;
	}

  .blog-post-sidebar .blog-sidebar.blog-banner {
    display: table;
    width: 100%;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner h2 {
    font-size: 22px;
    margin-bottom: 20px;
	}

	.blog-sidebar.blog-subscribe .form-group.subscribe-button {
    margin: 20px;
    text-align: left;
	}

	.blog-post-box .content-box {
    width: 90%;
    padding: 5%;
  }

}

@media (max-width: 1090px){
	header .logo{
		display: none;
	}
	header{
		height: 60px;
	}
	section.main-section .left-main-section {
		margin-left: 0px;
	}
	img.latest{
	margin-top: 10px;
	margin-bottom: 10px;
	}
	blockquote{float:left;
	/*font-family: 'League Gothic';*/
	/*font-size:1.4em;*/
	font-size: 20px;
	line-height:1.4em;
	padding:.3em;
	text-align:left;
	width:89%;}
	
}
@media (max-width: 979px) {
	#menu-icon {
		display:inline-block;
		float: right;
	}

	.sitemap-container > ul > li > ul{
		width: 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding-left: 35px;
		padding-bottom: 15px;
	}

	.responsive-nav > ul { 
		display: none;
		position: absolute;
		top: 60px;
		background: rgba(20,20,20,1);
		width: 100%;
		z-index: 9999;
	}
	.responsive-nav ul li {
		line-height: 20px;
	}
	.responsive-nav ul li a{
		text-align: left;
		text-indent: 25px;
		font-size: 110%;
		width: 100%;
		display: block;
		margin: 0;
		line-height: 50px;
	}
	.responsive-nav ul li:hover{
		background: rgba(0,0,0,1);
	}
	/*.responsive-nav:hover ul, .responsive-nav:active ul {
		display: block;
	}*/
	header nav#main-nav.fixed ul {
	width: 100%;
	transition: all 1s;
	}
	header nav#main-nav.fixed ul li{
		width: 100%;
	}

	ul.dropdown > li:hover ul{
		position: relative;
	}
	ul.dropdown ul {
	 visibility: hidden;
	 text-align: left;
	 position: absolute;
	 /*top: 100%;*/
	 left: 0;
	 z-index: 598;
	 /*width: 100%;*/
	}

	section.main-section .left-main-section .social-section{
		border-radius: 0px;
	}
	section.main-section .left-main-section .social-section .social-content{
	text-align: center;
	width: 100%;
	margin-right:0px; 
	clear: both;
	height: 130px;
	}
	section.main-section .right-main-section {
	clear: both;
	display: inline-block;
	height: auto;
	background: #db315e;
	position: relative;
 	border-radius: 0px 0px 0px 0px;
 	z-index: 100;
 	margin-top: -5px;
}
img.latest{
	margin-top: 10px;
	margin-bottom: 10px;
}

section.main-section .left-main-section {
	position: relative;
	width: 100%;
	/*display: inline-block;*/
	height: auto;
	background: #db315e;
}
section.main-section .left-main-section .banner-section {
	width: 100%;
	height: auto;
	background: #000;
	display: none;
}
section.main-section .right-main-section{
		width: 100%;
}
section.about-section .left-about-section{
	background: #00bff3;
	position: relative;
	width: 100%;
	height: auto;
	float: left;
 	border-radius: 0px 0px 0px 0px;
 	margin-top: 0px;
 	padding-top: 50px;
 	z-index: 101;
} 
section.about-section .right-about-section{
	background: #ffa12c;
	position: relative;
	width: 100%;
	float: right;
	height: auto;
	padding-top: 50px;
 	border-radius: 0px 0px 0px 	0px;
 	margin-top: 0px;
 	font-size: 100%;
 	/*z-index: 102;*/
} 
section.about-section .right-about-section img{
	width: 80%;
}
section.services-section {
	width: 100%;
	height: auto;
	background-color: #fce45c;
	background-image:none; 
	background-repeat: no-repeat;
	background-position: top right;
 	border-radius: 0px 0px 0px 0px;
 	position: relative;
 	z-index: 100;
}

.works-container .work-box{
	width: 29%;
	height: auto;
	/*display: inline-block;*/
	margin: 2% 2%;
	float: left;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	background: #000;
	border: 5px solid #fff;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;  
	box-sizing: border-box; 
}
.clients-section .clients-container img{
	width: 48%;
	margin: 1%;
	float: left;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	border-radius: 2px;
}
.footer-links-container .footer-link-box:first-child{
	width: 100%;
	float: none;
	margin: 1% 0.5%;
}
.footer-links-container .footer-link-box:first-child img.full{
	width: auto;
}
.footer-links-container .footer-link-box{
	width: 24%;
}
footer.main-footer .footer-top .footer-service-box{
	width: 20%;
	/*background:#555; */
	text-align: center;
	float: left;
	margin: 10px 0px;
	height: 150px;
}
header nav.main-nav ul li {
	list-style: none;
	display: inline-block;
	/*width: 14%;*/
	width: auto;
	padding: 0px 1%;
	white-space: nowrap;
	font-size: 80%;
	text-align: center;
	line-height: 40px;
}
.testimonial-box{
	width: 100%;
	clear: both;
	margin: 40px 0px;
	/*background:rgba(255,255,255,0.2);*/
}


.get-touch-container h3{
	width: 100%;
	display: block;
}
.get-touch-container form{
	width: 100%;
	position: relative;
	clear: both;
}

.get-testimonials-container h3{
	width: 100%;
	display: block;
}
.get-testimonials-container form{
	width: 100%;
	position: relative;
	clear: both;
}
.comment-box p{line-height:20px;}
.comment-form .rightbox{float:none;clear:both}
.comment-form .form-control{width:100%}

.tips-pagination{margin-bottom: 0;}
section.section-blog .box-container{margin: 50px 20px;}
.blog-post-box .content-box h1{font-size:40px;line-height:40px}
.blog-section .onebythree{width:50%}
.comment-form .leftbox.submitcomment{margin-top:0px}

}

 
@media (max-width: 767px) {
	.services-container .service-box{
		width: 50%;
		/*background:#fff;*/
		text-align: center;
		float: left;
		padding: 20px 0px;
		height: 130px;
		margin: 1% 0px;
	}
	.services-container .service-box .service-icon img{
		text-align: center;
	}
	.services-container .service-box .service-content{
		text-align: center;
		font-size: 80%;
		overflow: hidden;
	}
	.service-list .service-list-box{
		width: 45%;
		float: left;
		margin: 0px 2.5%;
	}
	.works-container .work-box{
		width: 46%;
		height: auto;
		/*display: inline-block;*/
		margin: 2% 2%;
		float: left;
		box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
		background: #000;
		border: 5px solid #fff;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;  
		box-sizing: border-box; 
	}
	.our-work-container .work-title h1{
		clear: both;
		width: 100%;
	}
	.our-work-container .work-title .filter-buttons{
		clear: both;
		text-align: left;
		width: 100%;
	}
	section.clients-section-bg .clients-section {
		margin-top: -5px;
		display: inline-block;
		width: 100%;
		height: auto;
		background-color: #db315e;
		/*background-color: #ed6388;*/
		background-image:none; 
		background-repeat: no-repeat;
		background-position: top center;
	 	border-radius: 0px 0px 0px 80px;
	}
	section.clients-section-bg .clients-section .left-client{
		margin: 0px 0px 0px 0px;
	}
	section.clients-section-bg .clients-section .right-client{
		margin: 0px 0px 0px 0px;
	}
	.clients-section .clients-container img{
		width: 23%;
		margin: 1%;
		float: left;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		border-radius: 2px;
	}
	section.clients-section-bg .clients-section .onebytwo{
		width: 100%;
	}
	.updates-section{
		height: auto;
	}
	.updates-section .update-box{
		height: 80px;
		display: block;
		width: 100%;
		margin: 10px 0px;
	}
	.footer-links-container .footer-link-box:first-child img.full{
		width: auto;
	}
	.footer-links-container .footer-link-box{
		width: 49%;
	}
	.footer-links-container .footer-link-box:nth-child(4){
		clear: both;
	}
	footer.main-footer .footer-top .footer-service-box{
		width: 25%;
		/*background:#555; */
		text-align: center;
		float: left;
		margin: 10px 0px;
		height: 150px;
	}
	.work-container .work-image{
		width: 200px;
		margin: 20px;
		height: auto;
		float: left;
	}
	.work-container .work-image img{
		width: 200px;
	}
	.work-container .work-content{
		width:auto;
		float: left;
	}

	section.section-inner{
		background-position: center;
	}
	.theme .inner-page-image{
		/*clear: both !important;*/
		/*float: none !important;*/
		/*width: 100%;*/
	}
	.theme .inner-page-content{
		/*clear: both !important;*/
		/*width: 100%;*/
	}
	.theme .with-bg{
		max-width: 100%;
	}
	.updates-section .update-box-large .update-date{
		width: 18%;
	}
	.updates-section .update-box-large .update-image{
		display: none;
	}
	.updates-section .update-box-large .update-content{
		width: 80%;
	}

	section.strong-bonds{
		min-height: 1050px;
	}
	section.strong-bonds .animation-content{
		height: 350px;
		position: relative;
		z-index: 100;
	}

	.contact-container .left-contact{
		width: 96%;
	}
	.contact-container .right-contact{
		width: 98%;
	}

	.get-touch-container form input[type="text"]{
		width: 48%;
	}
	.get-touch-container form input[type="submit"]{
		width: 30%;
		float: right;
	}

	.get-testimonials-container form input[type="text"]{
		width: 48%;
	}
	.get-testimonials-container form input[type="submit"]{
		width: 30%;
		float: right;
	}
	.get-testimonials-container form textarea{
		width: 98%;
		float: right;
	}
	.comment-box p{line-height:20px;}
	.comment-form .rightbox{float:none;clear:both}
	.comment-form .form-control{width:100%}
	section.section-blog .box-container{margin: 50px 20px;}
	.blog-post-box .content-box h1{font-size:40px;line-height:40px}
	.blog-section .onebythree{width:50%}
	.comment-form .leftbox.submitcomment{margin-top:0px}
	.blog-section .update-box{
		height: auto;
		display: block;
		width: 100%;
		clear: both;
	}

}

@media (max-width: 639px) {
	footer.main-footer .footer-top .footer-service-box{
		width: 33%;
		/*background:#555; */
		text-align: center;
		float: left;
		margin: 10px 0px;
		height: 150px;
	}
	.theme .inner-page-image{
		clear: both !important;
		float: none !important;
		min-width: 100%;
	}
	.theme .inner-page-content{
		clear: both !important;
		min-width: 100%;
	}
	.inner-page-image{
		clear: both !important;
		float: none !important;
		min-width: 100%;
	}
	.inner-page-content{
		clear: both !important;
		min-width: 100%;
	}

	section.strong-bonds{
		min-height: 1250px;
	}
	section.strong-bonds .box-container{
	height: 600px;
	position: relative;
	z-index: 100;
	}

	section.get-touch-section .get-touch-container{
	/*margin: 20px 80px; display: inline-block;*/
	padding: 10px 25px;
	width: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
	}
	section.get-testimonials-section .get-testimonials-container{
	/*margin: 20px 80px; display: inline-block;*/
	padding: 10px 25px;
	width: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
	}
	.testimonial-box{
		font-size: 80%;
	}


.poogle-superman {
	position: absolute;
  /*bottom: 0px;
	left: 0px;*/
	height: 150px;
	width: 172px;
	background: url(../images/poogle-fly/fly.png) no-repeat;
	z-index: 9999999999;
	/*-webkit-animation: preloader3-animation 0.7s steps(4) infinite;
	-moz-animation: preloader3-animation 0.7s steps(4) infinite;
	-o-animation: preloader3-animation 0.7s steps(4) infinite;
	animation: preloader3-animation 0.7s steps(4) infinite;*/
	animation-name: preloader3-animation, fly;
	-webkit-animation-name: preloader3-animation, fly;
	/*animation-delay: 0s, 3s;
	-webkit-animation-delay: 0s, 3s;	*/
	animation-duration: 0.7s, 10s;	
	-webkit-animation-duration: 0.7s, 10s;
	animation-timing-function: steps(4) , linear;
	-webkit-animation-timing-function: steps(4) , linear;
	animation-iteration-count: infinite, infinite;
	-webkit-animation-iteration-count: infinite, infinite;
}

@keyframes fly{ 
	0%{ 
		left: -500px;
		bottom: 800px;
	}
	100%{ left: 800px;
		bottom: 2000px;}
}
@-webkit-keyframes fly{ 
	0%{ 
		left: -500px;
		bottom: 800px;
	}
	100%{ left: 800px;
		bottom: 2000px;}
}

.sitemap-container > ul > li > ul{
	width: 95%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 35px;
	padding-bottom: 15px;
}

.comment-box p{line-height:20px;}
.comment-form .rightbox{float:none;clear:both}
.comment-form .form-control{width:100%}
section.section-blog .box-container{margin: 50px 20px;}
.blog-post-box .content-box h1{font-size:40px;line-height:40px}
.blog-section .onebythree{width:50%}
.comment-form .leftbox.submitcomment{margin-top:0px}

}
 
@media (max-width: 479px) {

	.service-list .service-list-box{
		width: 100%;
		margin: 0px 2.5%;
	}
	.clients-section .clients-container img{
		width: 48%;
		margin: 1%;
		float: left;
		box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		border-radius: 2px;
	}
	.footer-links-container .footer-link-box{
		width: 98%;
	}
	footer.main-footer .footer-top .footer-service-box{
		width: 48%;
		/*background:#555; */
		text-align: center;
		float: left;
		margin: 10px 0px;
		height: 150px;
	}
	.works-container .work-box{
		width: 96%;
		height: auto;
		/*display: inline-block;*/
		margin: 2% 2%;
		float: left;
		box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
		background: #000;
		border: 5px solid #fff;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;  
		box-sizing: border-box; 
	}
	section.strong-bonds{
		min-height: 1350px;
	}
	section.strong-bonds .box-container{
		height: 700px;
		position: relative;
		z-index: 100;
	}

	.box-container {
		margin: 50px 25px;
		/*margin: 80px 70px 50px 70px;   -- Remove 123 */
		/*margin: 80px 70px;*/
		display: block;
	}
	.testimonial-box h3{
		font-size: 16px;
	}

	@keyframes fly{ 
		0%{ 
			left: -500px;
			bottom: 900px;
		}
		100%{ left: 800px;
			bottom: 2400px;}
	}
	@-webkit-keyframes fly{ 
		0%{ 
			left: -500px;
			bottom: 900px;
		}
		100%{ left: 800px;
			bottom: 2400px;}
	}
	
	.comment-box p{line-height:20px;}
	.comment-form .rightbox{float:none;clear:both}
	.comment-form .form-control{width:100%}
	
	section.section-blog .box-container{margin: 50px 20px;}
	.blog-post-box .content-box h1{font-size:40px;line-height:40px}
	.blog-section .onebythree{width:50%}
	.comment-form .leftbox.submitcomment{margin-top:0px}

	.blog-section .box-container {
    position: relative;
    display: block;
    margin: 0px;
    padding: 50px 30px;
	}

	.blog-post-box .content-box ul > li {
    margin: 0;
    padding: 2px 0px;
    list-style: none;
    float: left;
    background: none;
    width: 100%;
	}

	.blog-post-box .content-box h1 {
    font-size: 40px;
    line-height: 40px;
    margin: 10px 0;
	}

	.writenby img.img-circle-thumb {
    width: 60px;
  }

  h4.media-heading, h4 small, h2 small{
    font-size: 22px;
  }

  h1 {
    font-size: 44px;
    text-transform: uppercase;
  }

  .blog-post-sidebar .blog-sidebar.blog-banner #blogBannerContent {
    height: 130px;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner h2 {
    font-size: 18px;
    margin-bottom: 10px;
	}

	.comment-form .form-control {
    width: 95%;
	}

	.comment-form .rightbox {
    width: 90%;
    margin: 4%;
  }

  .blog-post-sidebar h3 {
    font-size: 33px;
	}

}

@media (max-width: 359px) {

	section.main-section .left-main-section .social-section {
		width: 100%;
		height: 150px;
		background: #fce35c;
	 	border-radius: 0px 0px 0px 0px;
	}

	section.main-section .left-main-section .social-section .social-content{
		text-align: center;
		width: 100%;
		margin-right:0px; 
		clear: both;
		height: 150px;
	}

	.blog-sidebar.blog-subscribe .form-group .form-control{
		width: 77%;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner h2 {
    font-size: 18px;
    margin-bottom: 6px;
	}

	.blog-sidebar.blog-subscribe .form-group br{
		display: none;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner #blogBannerImg {
    height: 100px;
	}

	.blog-post-sidebar .blog-sidebar.blog-banner #blogBannerContent {
    height: 120px;
	}

	.comment-form .form-control {
    width: 93%;
    max-width: 100%;
    margin: 0;
	}

	.stButton .stLarge{
		width: 27px !important;
		height: 27px !important;
	}

	section.section-blog .inner-box-container #bradcrumb {
    margin-bottom: 20px;
  }

  section.section-blog .box-container {
    margin: 20px 10px 0;
	}

	.tips-pagination {
    margin-bottom: 30px;
	}

	.comment-box p{line-height:20px;}
	.comment-form .rightbox{float:none;clear:both}
	.blog-post-box .content-box h1{font-size:40px;line-height:40px}
	.blog-section .onebythree{width:50%}
	.comment-form .leftbox.submitcomment{margin-top:0px}
	
}