

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

.grid-1280 { width:1280px;}

.network {  background-position: 20px 0px;}

.signup {  margin-left:10px; margin-right:0px;}

.logo {padding-left:0px;}
	
.how-part2 {  margin-right: -30px; padding-right:0px;}		
	
.inside-banner  { height:300px; background-size:auto 100%;}		

.inside-banner span { line-height:300px;}	
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
.joinus h2 {font-size:30px;}
	
.joinus-content {height:349px;}

#mixedSlider {width:1200px;}

.how-part2 {  margin-right: -20px;}
	
}




/*  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;}
	
.app-download-button {  width: 120px;  margin-right: 5px;}	

h2 {  font-size: 26px;}

.joinus-content {  height: 269px; padding: 40px 50px;}
	
.joinus-content .readmore {margin-top:20px;}

.network {background-size: auto 500px; background-position: 20px 50px; height:600px; }

#network-content {  width: 43%;}
	
.how-part2 {  margin-right: -30px;}	
	
.how-part1 {  margin-left: -30px; padding-left:0px;}	

.how-part1 div {  padding: 35px;}

#network-content {  margin-top: 100px;}

.homebanner {height:500px;}

.banner-caption h1 {  font-size: 35px;}

.banner-caption {  margin-top: 150px;}

.top-navigation {margin-left: 0px; position:absolute; left:0px; top:66px; background-color:#fff; width:100%; border-bottom:1px solid #ccc;}

.top-navigation a {display:block; width:100%; line-height:50px; border-top:1px solid #ccc!important; }

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

.top-navigation .current-page {background-image:none; color:#666!important; font-weight:300!important; }

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

.header-gap {  height: 64px;  width: 100%;}

.signup {margin-top:11px; margin-right:50px;}

.signup:nth-child(2) {margin-right:0px;}

.logo {  margin-left: -10px;}

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

.col-1-of-2.signup-box {  width: 100%;  margin-bottom: 50px; display:table;}

.col-1-of-2.signup-box:nth-child(2) {margin-bottom:0px;}

.map, .contact-details {width:100%; height:auto;}

.inside-banner  { height:250px; background-size:auto 100%;}		

.inside-banner span { line-height:250px;}	

.col-1-of-3.profile {  width: 100%;  padding-right: 0px;}

.profile-column {border:0px;}

.fogot-password-area {  padding: 100px 30px;}

#mixedSlider {width:920px;}

.joinus h2 {  font-size: 25px;}

#mixedSlider .MS-controls button {top:20px;}

.slider .slide, .slider-1, .slider-2, .slider-3, .slider-4{  height:400px; background-size: auto 100%; }

.banner-text {margin-top:0px;}

.banner-caption {  margin-top: 100px;}

.banner-text p {width:90%;}

.menu-mobile {display:none!important;}

#mobile-menu {  padding-left: 0px; background-color:#165d9c;}

.menu > ul > li a {  padding: 0 20px;}

.menu > ul > li a:hover  { background-color:#0f4676;}

#top-navigation .grid-1280 {padding:0px; width:100%;}

.menu-dropdown-icon::before {display:none;}

.top-navigation a {border-top: 1px solid #0f4676!important;}

.menu-arrow {  float: right;  margin-left: 0px;  margin-top: 25px;   margin-right: 10px;}

.menu > ul > li > ul > li a {  padding: 0;  border: 0px !important;  line-height: 30px;}

.menu > ul > li > ul > li > ul > li strong {margin-bottom:0px;   font-weight: 500; margin-top:10px;}

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

.menu > ul > li > ul {padding: 0px 20px 20px 20px;}

header {position:relative;}

.header-gap {display:none;}

.responsive-menu-icon {position:absolute;}
	
}




/*  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%;}	


.welcome p {  width: 100%;  text-align: justify;}

.homebanner {  height: 400px;}

.banner-caption  {width:50%;}

.banner-caption h1 {  font-size: 28px;}

.banner-caption {  margin-top: 100px;}

.banner-caption p {  width: 100%;}
	
.service-box {margin: 10px 0px;}

footer .col-1-of-3 {width:100%; text-align:center; border:1px solid #ccc; padding:20px; margin-bottom:20px;}	

footer h5::after {margin:20px auto;}

footer .clear br {display:none;}

.joinus img {width:100%;}

.joinus-content {width:100%; height:auto; border-radius: 0px 0px 100px  0px}

.network {  background-position: center 50px;}

#network-content {  width: 100%;  margin-top: 600px;  text-align: center; margin-bottom:40px; }

#network-content p {text-align:center;}

#network-content h2 {  text-align: center;}
	
.how-part2 {  margin-right: 0px; background-color:#fff;}	

.how-part1 {  margin-left: 0px;  padding-left: 0px;  top: 0px;  width: 100%;}

.how-part1 div {width:100%; position:relative; margin-top:0px;}

.network {  margin-top: 0px;}

.how-part2 img {width:90%; display:block; float:right; margin-right:0px;}
	
.how {display:table; width:100%; background-color: #165d9c; }	

.how .grid-1280, .how .row {width:100%; padding:0px;}

.banner-caption h1 {  font-size: 30px;  line-height: 130%; margin-bottom:0px;}

.banner-caption {  margin-top: 80px;}

.banner-caption p {  font-size: 14px;  line-height: 150%;}
	
	
.inside-banner  { height:200px; background-size:auto 100%;}		

.inside-banner span { line-height:200px; font-size:36px; font-weight:300;}	
	
.fogot-password-area {  padding: 100px 0px;}	
	
#mixedSlider {width:720px;}	

#mixedSlider .MS-content .item {    width: 32.5%;  }

.slider .slide, .slider-1, .slider-2, .slider-3, .slider-4{  height:300px; background-size: auto 100%; }

.banner-text {width:100%;}

.banner-caption {width:50%; margin-right:0px;}

.banner-text h2 {  font-size: 32px;}

.banner-caption p {display:none;}

.banner-caption { margin-top: 130px;}


	
}





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

.grid-1280 { width:580px;}	
	
.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;} 
	
	

.inside-banner  { height:150px; background-size:auto 100%;}		

.inside-banner span { line-height:150px; font-size:36px; font-weight:300;}	

	
.forgot .col-1-of-2 {  width: 100%; text-align:center;}		

.forgot .col-1-of-2 img { max-width:400px; display:block; margin:auto;}		

.fogot-password-area h2, .fogot-password-area p {text-align:center;}

.fogot-password-area {  padding: 50px 0px 0px 0px;}

.fogot-password-area  .submit-button {margin-top:0px;}

#mixedSlider {width:600px;}	

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

#mixedSlider .MS-controls button {  top: 5px;}

	
.slider .slide, .slider-1, .slider-2, .slider-3, .slider-4 {  height:220px; background-size: auto 100%; }

.banner-caption {  margin:auto; margin-top: 90px;  width: 70%;  padding: 0px; text-align:right; display:table;}

.banner-text h2 {  font-size: 26px;  text-align: right; width:100%;}

	
	
}





/*  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%;}
	
	


.joinus h2 {  font-size: 24px; margin-top:0px;}	

.network {  background-size: auto 400px;}

#network-content {  margin-top: 500px;}

.joinus-content {  border-radius: 0px 0px 60px 0px;}

.how-part2 img {  border-radius: 0px 0px 0px 60px;}

.expertise p {  max-width: 100%;}

.signup-button-area {  display: block;  position: absolute;  top: 65px;  background-color: #fff;  left: 0;  padding: 5px 0px;  width: 100%;  border-top: 0px solid #ccc; border-bottom: 1px solid #ccc;}	

.signup {  margin: 0px 1%;  width: 48%;  text-align: center;}	

.header-gap {  height: 123px;  width: 100%;}


.google-button, .linkedin-button {width:100%;}

.thin-heading {font-size:24px;}	

.file-field, .experience-option {  width: 100%;}

.language-box { width:100%!important; margin:5px 0px; clear:both; display:table;}

.submit-button {margin-top:20px; clear:both;}

#mixedSlider {width:440px;}	

#mixedSlider .MS-content .item {    width: 49%;  }

.slider .slide, .slider-1, .slider-2, .slider-3, .slider-4{  height:200px; background-size: auto 100%; }

.banner-caption {  margin:auto; margin-top: 90px;  width: 60%;  padding: 0px; text-align:right; display:table;}

.banner-text h2 {  font-size: 20px;  text-align: right; width:100%;}

.slider .slider_left, .slider .slider_right {padding:0px; top:35%;}

.container1 {margin-top:0px;}	
	
.header-gap {display:block; height:50px;}	

.signup {  width: 98%;}
	
}




/*  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%;}	
	
	
	
h2 {  font-size: 24px; line-height: 140%; margin-bottom:20px;}	

.joinus-content {    padding: 30px 30px;}

.copyright {font-size:11px; letter-spacing:1px;}

.inside-banner  { height:100px; background-size:auto 100%;}		

.inside-banner span { line-height:100px; font-size:30px; font-weight:300;}	

#mixedSlider {width:320px;}	

#mixedSlider .MS-controls button {  top: 17px;}

#mixedSlider .MS-content .item {    width: 99%;  }
	
.expertise { padding: 40px 0px;}	
	
.banner-caption {    width: 55%;  }
	
.container1 {margin-top:0px;}	

.banner-text h2 {  text-align: center;}

#mixedSlider .MS-controls .MS-right {right:35px; top:5px;}

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

.job-box .job-content {  height: 220px;}
}