/*  1640px  */
@media all and (max-width: 1800px) {

.grid-1280 { width:1400px;}
	
	
.vector1 {width:70%; margin:15% auto 0px auto; display:block;}

header, .home-banner, .blog-page {background-size:1200px auto;}

.home-banner h1 {font-size:50px; margin-top:220px; line-height:110%;}

.face1 {  top: 20%;  left: 0%; width:90px;} 	
	
.face2 {  top: 62%;  right: 44%; width:90px;}

.face3 {  top: 92%; width:90px;}	

.object1 {  position: absolute;  right: -200px;  bottom: -130px;  z-index: 1;  width: 350px;}

#banner-part1 .blinking-star-1 {    top: 80px;    right: -10%;  }

#banner-part1 .blinking-star-2 {    top: 90px;    right: -20%;  }

#banner-part1 .blinking-star-3 {  top: 80px;    left: 60px;  }

#banner-part1 .blinking-star-4 {  top: 360px;  left: 75%;}

#banner-part2 .blinking-star-1 {    bottom: 55px;    right: 0%;  }

#banner-part2 .blinking-star-2 {    bottom: 123px;    right: -3%;  }
	
.aboutus-vectot2 {  width: 100%; max-width:600px;}	
	
	
}



/*  1350px  */
@media all and (max-width: 1479px) {

.grid-1280 { width:1280px;}
	
.vector1 {width:70%; margin:15% auto 0px auto; display:block;}

header, .home-banner, .blog-page  {background-size:1200px auto;}

.home-banner h1 {font-size:50px; margin-top:220px; line-height:110%;}

.face1 {  top: 20%;  left: 0%; width:90px;} 	
	
.face2 {  top: 62%;  right: 44%; width:90px;}

.face3 {  top: 92%; width:90px;}	

.object1 {  position: absolute;  right: -200px;  bottom: -130px;  z-index: 1;  width: 350px;}

#banner-part1 .blinking-star-1 {    top: 80px;    right: -10%;  }

#banner-part1 .blinking-star-2 {    top: 90px;    right: -20%;  }

#banner-part1 .blinking-star-3 {  top: 80px;    left: 60px;  }

#banner-part1 .blinking-star-4 {  top: 360px;  left: 75%;}

#banner-part2 .blinking-star-1 {    bottom: 55px;    right: 0%;  }

#banner-part2 .blinking-star-2 {    bottom: 123px;    right: -3%;  }




.object2 {position:absolute; left:-10%; bottom:-100px; z-index:1; width:500px;  }	

.aboutus .col-1-of-2 img { margin-top:-40px;}

h2 {  font-size: 42px;}

.sm-bottom { margin-right: 30px;}

	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
#basicSlider {width:1160px;}	

.f-box-1, .f-box-2 { padding: 86px 30px;}

.a-box-1,.a-box-2,.a-box-3,.a-box-4 {height:180px;}

.a-box-3 img {  margin: 10px 10px 40px 0px;}

.a-box-4 img {  margin: 10px 10px 40px 0px;}

.aboutus {  padding: 40px 0px 30px 0px;}

.approach {  padding: 40px 0px 0px 0px;}

.top-stripe {  font-size: 13px;}
	
}




/*  980px  */
@media all and (max-width: 1239px) {

.grid-1280 { width:920px;}

#basicSlider {width:920px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	
	

.responsive-menu-icon {display: block;}
	
.top-stripe span {display:none;}	

.subscribe-textbox {  width: 175px;}

.aboutus .col-1-of-2, .approach .col-1-of-2, .testimonials .col-1-of-2 {width:100%;}

.vector4 { margin-top: -150px !important;  width: 95%; display: block;  max-width: 500px;  margin: auto;    margin-top: auto;}

.vector3 {   width: 95%; display: block;  max-width: 500px;  margin: auto;    margin-top: auto;}

.aboutus .col-1-of-2 img {    margin-top: -40px;    position: relative; max-width: 500px;  margin: auto; }

.object2 {left: 30%;    top: 15px;    width: 500px;  }

.content-holder {padding:5% 0px;}
	
.content-holder  p {text-align:justify;}

.services .col-1-of-3 {width:50%;}

.f-box-1, .f-box-2 {    padding: 86px 30px;    height: 304px;  }

.home-banner h1 {    font-size: 36px;  }

.top-navigation  {display:none;}

.responsive-menu-icon {    top: 50px;       height: 55px;    width: 55px;    padding: 17px;  }

.object1 {   right: -150px;  }

.home-banner, header, .blog-page  {  background-position: 200px 50px;}

.face1, .face2, .face3 {    width: 70px;  }

#banner-part1 .blinking-star-1, #banner-part1 .blinking-star-2, #banner-part1 .blinking-star-3 {    width: 50px;  }

.vector1 {    width: 90%;  }

.a-box-1, .a-box-2, .a-box-3, .a-box-4 {    height: 120px;  }


.top-navigation {    margin: 0px;    background-color: #222;    width: 100%;    left: 0;    top: 51px;    position: fixed;  }

.top-navigation a {display:block; width:100%; float:none; margin:0px; padding:10px; border-top:1px solid #444;}

.top-navigation a:hover {background-color:#111;}

.inside-page   .home-banner h1 { margin-top: 120px;}

.services-menu a {  line-height: 25px;}

h2 {    font-size: 36px;  }

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

.blog-right {  width: 100%;  float: none;}

.blog-holder {padding:25px;}
    
.three-column-blogs h4 {  font-size: 18px;  font-weight: 600;  line-height: 130%;}	
	
}




/*  768px  */
@media all and (max-width: 979px) {

.grid-1280 { width:740px;}	

#basicSlider {width:740px;}

.col-1-of-4  {width: 50%;}	

.col-1-of-5  {width: 33.33%;}	

.col-1-of-6  {width: 33.33%;}	

.col-1-of-7  {width: 25%;}	

.col-1-of-8  {width: 25%;}	
		
.col-1-of-9  {width: 20%;}	
		
.col-1-of-10  {width: 20%;}	
	
.col-1-of-11  {width: 16.66%;}
	
.col-1-of-12 {width: 16.66%;}
	
.col-5-of-8 {    width: 75%;	}
	
.col-3-of-9 {    width: 40.00%;	}
	
.col-1-of-9 {    width: 25%;}	
	
.col-2-of-9 {    width: 25%	}
	
.col-3-of-9 {    width: 50%;}	
	
.col-3-of-8 {    width: 50%;	}

.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	

	
footer	.col-1-of-2 {width:100%;}

.footer-logo {  margin: auto;  margin-bottom: 40px; width:150px;}

#copyright {text-align:center;}

.sm-bottom {    margin: auto;    display: block;   float: none;    width: 160px;  }

.services, .approach, .facts-and-figures {  padding: 30px 0px 10px 0px;}

.aboutus {   padding: 40px 0px 0px 0px;  }

.vector1 {    margin: 22% auto 0px -7%;  }

.face2 {    top: 75%;  }

.top-stripe img {  margin: 5px 5px 5px 5px;}

.face1 {    left: 25%;  }

.logo a, .logo a img {  width: 150px;}

.object2 {    left: 20%;  }	

#banner-part1 .blinking-star-2 {    top: 50px;}

#banner-part1 .blinking-star-1 {    top: 60px;}

.home-banner, header, .blog-page  {  background-position: 100px 50px;}

.service-holder .col-1-of-4 {width:100%; margin-bottom:20px; position: relative; top:0px; display:table; }

.services-menu a {  display: inline-block;  float: left;  margin: 2px;}
	
.inside-page .home-banner .vector1 {    margin: 22% auto 0px auto;    width: 100%;  }	
	
.blog-page {  padding-top: 150px;	}
	
.three-column-blogs	.col-1-of-3 {width:100%; margin-bottom:40px;}

.three-column-blogs h4 {height:auto; padding-bottom:30px;}
	
.team-box { margin-bottom: 20px;}	
	
}





/*  640px  */
@media all and (max-width: 767px) {

.grid-1280 { width:600px;}	
 
#basicSlider {width:600px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 
	
h2 {    font-size: 32px;  }

#basicSlider2 .MS-content .item {width:90%;}

.sm-top, .top-email {display:none!important;}

.services img {  width: 150px;	}

.services h3 {  font-size: 20px;}

.services p {  padding: 0 30px;  line-height: 165%;  font-size: 13px;}

.service-box {  height: 480px;}

.a-box-1, .a-box-2, .a-box-3, .a-box-4 {    height: 150px;  }

.home-banner h1 {    font-size: 22px;  margin-top: 260px; }

header, .home-banner, .blog-page  {    background-size: 100%;  }

.object2, .vector4, .vector3, .aboutus .col-1-of-2 img {width:400px;}

.top-navigation {top:50px;}

.vector1 {    margin: 47% auto 0px 0%;  }

.face3 {    top: 75%;  }

.face1 {    top: 40%;}

#banner-part1 .blinking-star-3 {  top: 180px;  }

#banner-part1 .blinking-star-1 {    top: 160px;  }
 
#banner-part1 .blinking-star-2 {    top: 120px;  }

.face2 {    top: 60%;  }	

#banner-part2 .blinking-star-2 {    right: -7%;  }

#banner-part1 .blinking-star-4 {    top: 260px;  }

.banner-text {  font-size: 16px;  width: 300px;}

.inside-page  .home-banner h1 {    font-size: 26px;  }


}





/*  480px  */
@media all and (max-width: 639px) {

.grid-1280 { width:440px;}	
	
.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	

.col-1-of-3  {width: 100%; float: none;}	
	
.col-1-of-4  {width: 100%; float: none;}	

.col-1-of-5  {width: 100%; float: none;}	

.col-1-of-6  {width: 50%;}	

.col-1-of-7  {width: 33.33%;}	

.col-1-of-8  {width: 33.33%;}
		
.col-1-of-9  {width: 33.33%;}
		
.col-1-of-10  {width: 33.33%;}
	
.col-1-of-11  {width: 33.33%;}
	
.col-1-of-12 {width: 33.33%;}
	
#basicSlider {width:470px;}	

#mixedSlider {  width: 435px;}

.subscribe-textbox {    width: 170px;  }
	
.logo a, .logo a img {    width: 120px;  }	

.vector1 {    margin: 0 auto; }

#banner-part2 {position: position:absolute; top:0; left:0%;}

.face1 {    top: 20%;    left: 10%;  }

.face3 {    top: 34%;  }

.face2 {    top: 70%;    left: 5%;  }

#banner-part2 .blinking-star-2 {    top: 10%;   right: -3%;  }

#banner-part2 .blinking-star-1 {    top: 25%;    right: 0%;  }

.object1 {display:none;}

#banner-part1 .blinking-star-1 {    right: 10%;    top: 10%;  }

#banner-part1 .blinking-star-2 {    top: 40px;    right: 0%;  }

#banner-part1 .blinking-star-3 {    top: 100px;  }

#banner-part1 .blinking-star-4 {    top: -150px;    position: absolute;    left: 30%;  }

#banner-part1 .blinking-star-2 {    top: -100px;  }

#banner-part2 .blinking-star-1 {    top: 60%;   right: 20%;  }
	
.object2 {    left: 10%;  }	

.home-banner h1 {    font-size: 22px;    margin-top: 270px;  }

.services .col-1-of-3 {    width: 100%;  }

.a-box-1, .a-box-2, .a-box-3, .a-box-4 {  width: 100%; border:2px solid #000; margin-bottom:10px; height:120px;}

.f-box-1, .f-box-2, .f-box-3, .f-box-4 {width:100%;}

.content-holder {    padding: 8% 0px; }

.services img {    width: 200px;  }

.services h3 {    font-size: 30px;  }
	
.inside-page .home-banner h1 {    margin-top: 150px;  }	

.inside-page .home-banner h1 br {display:none;}

.banner-text {  width: 100%;}

.inside-page .home-banner .vector1 {    margin: 0% auto 0px auto;    width: 100%;  }

.inside-page .home-banner {  height: auto;}

.services-menu a {    line-height: 20px;    padding: 8px;    font-size: 13px;    font-weight: 600;  }

.blog-holder {    padding: 15px;  }
	
}




/*  360px  */
@media all and (max-width: 479px) {

.grid-1280 { width:320px;}	
	
.col-1-of-6  {width: 100%; float: none;}	

.col-1-of-7  {width: 50%;}	

.col-1-of-8  {width: 50%;}
		
.col-1-of-9  {width: 50%;}
		
.col-1-of-10  {width: 50%;}
	
.col-1-of-11  {width: 50%;}
	
.col-1-of-12 {width: 50%;}	

#basicSlider {width:100%;}

#mixedSlider {width:330px;}
	
.object2, .vector4, .vector3, .aboutus .col-1-of-2 img {    width: 300px;  }	

.vector4 {    margin-top: -110px !important;}

.subscribe-area {  border-radius: 10px;  background-position: 16px 20px;}

.subscribe-button {  width: 97%; border-radius: 10px;}

.testimonial-box span {display:none;}

.testimonial-box p {text-align:left; width:100%;}

#mixedSlider .MS-controls .MS-right {right:0px;}

#mixedSlider .MS-controls .MS-left {left:0px;}

.testimonials {  padding: 30px 0px 0px 0px;}

#copyright {  letter-spacing: 1px;}
	
#basicSlider2 .MS-content .item {width:100%;}

.service-box {    height: auto;  }

.services p {  height: 150px;}

.home-banner h1 {    font-size: 22px;    margin-top: 200px;  }

.face1, .face2, .face3 {width:60px;}

.service-holder {  border-radius: 20px;  padding: 15px;}

h2 {    font-size: 22px;  }

.blog-holder {border-radius:27px;}

.blog-page {    padding-top: 130px;  }

.blog-box h4 {  font-size: 18px;  font-weight: 600; padding: 0px 20px;  margin: 0px 0px 10px 0px;  line-height: 150%;}
	
.blog-box p {  line-height: 160%;  padding: 0px 20px 20px 20px;}	

.readmore-button {  margin-left: 20px;}

.blog-box .date {  padding-left: 20px;}

.contactus {  padding: 60px 0px 30px 0px;}	


}