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

.grid-1280 { width:1280px;}
	
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
.aboutus-2, .aboutus-1 {height:430px;}

h2 {font-size:36px;}

.column-box {  padding: 20px;  height: 380px;}
	
}




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

.grid-1280 { 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;}
	
.footer-map {width:100%;}	

.tag-clouds {  display: table;  padding-right: 30px;}

.web-dev-box img {  width: 80px;}

h3 {font-size:18px;}

h4 {  font-size: 16px;}

body {font-size:15px; line-height:140%;}

.web-dev-box span {margin-bottom:5px;}

.frame-work-box p {  text-align: center;  padding: 0px 10px;}

.php-development {  padding: 40px 0px;}

.tea {  padding: 40px 0px;}

.tea-box span {  height: 280px; padding:20px;}

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

.aboutus .col-1-of-2 {width:100%; padding:0px; border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:20px;}

.aboutus .col-1-of-4 {width:50%; padding:0px;}

.aboutus-1 { background-image:none; height:auto; }	

.aboutus-2 {height:auto;}

.aboutus-3 { padding-left:60px;}	

.frame-work-box img {  width: 120px;}

.frame-work-box {height:430px;}

header, header.darker {position:relative;}

header.darker .logo, .logo {  width: 300px; margin:15px 0px; }

.banner {margin-top:0px;}

.contact-button {position:absolute; top:15px; right:85px; margin:0px;}



.menu-bar {  border-top: 1px solid #ddd; border-bottom:0px;}	

.menu-bar .grid-1280 {width:100%;}

.menu-bar .grid-1280 .col-1-of-1 {padding:0px;}

.menu > ul > li {border:0px; border-bottom:1px solid #666; padding:0px;}

.menu > ul > li a {padding:10px; color:#fff;}

.menu > ul {border:0px; background-color:#222;}

.menu > ul > li > ul {padding:10px;}

.menu > ul > li > ul > li {    float: left;    width: 25%;    margin-top: 20px;    height: 340px;  }

.menu > ul > li > ul > li {margin-top:0px;}

.empty-cell {display:none!important;}

.menu {  position: absolute;  width: 100%;}

.menu > ul > li > ul {background-color:#333;}
	
}




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

.grid-1280 { width:720px;}	

.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-3 {width:100%; border-bottom:1px solid #666; margin-bottom:30px; padding:0px 0px 20px 0px;}	

footer .col-1-of-3:nth-child(3) { border-bottom:0px; margin-bottom:0px;}

.copyright {  margin-top: 0px;}

footer p {  color: #fff;  opacity: 0.5;  padding-right: 0px;}

footer {  padding: 30px 0px 0px 0px;}

.web-dev-box {margin-bottom:20px;}

h2 {font-size:28px; width:100%;}

.web-dev .clear {display:none;}

.web-dev { padding:40px 0px 20px 0px;}

.four-column {padding:40px 0px 20px 0px;}

.column-box {margin-bottom:20px; height:300px;}

.tea .col-1-of-3 {width:100%; margin-bottom:20px;}	

.tea-box span {    height: auto;    padding: 20px;  }

.tea-box p {height:auto;}

.tea {padding-bottom:20px;}

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

.php-dev-box {height:360px;}

.frame-work .col-1-of-3 {width:100%; margin-bottom:30px;}

.frame-work-box {height:auto;}

.frame-work {padding:40px 0px 0px 0px;}

.banner {position:relative; height:380px;}
	
.banner	.col-1-of-2 {width:100%;}

.banner .php-tag {  margin-top: 40px;}

.banner-item {  position: absolute;  right: 20px;  bottom: 0px; width:40%;}

.banner h1 {    font-size: 36px;    width: 55%;  }

.banner p {  width: 60%;}

	
}





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

.grid-1280 { 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;} 
	
h3 {    font-size: 16px;  }	

.web-dev-box span {    margin-bottom: 10px;  }

.web-dev-box {height:220px;}

.banner h1 {    font-size: 30px;    width: 55%;  }

.banner p {font-size:17px;}

.banner {    position: relative;    height: 340px;  }

.menu > ul > li > ul > li {    width: 33.33%;  }

	
}





/*  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%;}
	
	
header.darker .logo, .logo {    width: 180px;    margin: 15px 0px;  }

.responsive-menu-icon {  width: 54px;  height: 54px;  padding: 15px;}

.banner .php-tag {    margin-top: 30px;  }

.banner h1 {    font-size: 30px;    width: 100%;  }

.banner p {    font-size: 16px;    padding-right: 0;  }

.aboutus .col-1-of-4 {    width: 100%;    padding: 0px;   }

.aboutus-2 {background-image:none;}

.aboutus-3 {background-image:none; padding-left:0px; border-top:1px solid #ccc; margin-top:30px; padding-top:20px;}

.aboutus {padding:30px 0px;}

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

.php-development {padding-bottom:20px;}

#copyright-left, #copyright-right {text-align:center;}

.web-dev-box {    height: auto;  }

.column-box {    margin-bottom: 20px;    height: auto;  }

h2 {    font-size: 24px;    width: 100%;  }

.contact-button {    position: absolute; border-right:1px solid #666!important;   top: 0px;    right: 54px;    margin: 0px;    border-radius: 0px;    font-size: 0px;    width: 54px;   height: 54px; background-color: #4833e2; background-image:url(../images/contact-icon.png); background-size:30px auto; background-repeat:no-repeat; background-position:center center; }

.aboutus-1 {padding-right:0px;}

.menu > ul > li > ul > li {    width:50%;  }


.tag-clouds {    display: table;    padding-right: 0px;  }

	
}




/*  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%;}	
	
.menu > ul > li > ul > li {    width:100%; height:auto;  }

.menu .subheading {width:100%;}

.banner {    position: relative;    height: 580px;  }

.banner p {    width: 100%;  }

.banner-item {    position: absolute;    right: 17%;    bottom: 0px;    width: 70%;  }

.menu-dropdown-icon::before {  padding: 10px 23px;}
	
}