@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: "Gilroy-ExtraBold";
	src: url("../fonts/Gilroy-ExtraBold.otf"); /* IE9*/ 
}
@font-face {
	font-family: "Gilroy-Light";
	src: url("../fonts/Gilroy-Light.otf"); /* IE9*/
}
body {
  line-height: 1.9;
  background-color: #fff;
  color: #212121;
  font-family: "Gilroy-Light", Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  overflow-x: hidden;
}
h1, h2, h4, h5, h6 {
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "Gilroy-Light", Arial, sans-serif;
  font-weight: 900;
  text-transform: none;
  letter-spacing: 0;
}
h3{
	font-family: "Gilroy-Light", Arial, sans-serif;
	font-size:30px;
	font-weight:bold;
}

.here{
    content:"";
    position:relative;
    z-index: 1;
    top: 15px;
    bottom: 0;
    left: 50%;
    border-left: 2px solid #353a3f;
	height:200px;
}
		.mid-text-2 ul {
		  
		  list-style: none;
		   
		  padding: 0;
		}
		.mid-text-2 ul li {
		  margin: 0;
		  margin-bottom: 1em;
		  padding-left: 1.5em;
		  position: relative;
		}
		.mid-text-2 ul li:after {
		  content: '';
		  height: .4em;
		  width: .4em;
		  background: #03a89c;
		  display: block;
		  position: absolute;
		  transform: rotate(45deg);
		  top: 10px;
		  left: 0;
		  float:left;
	display:inline;
		}
    .section-content p{ font-size:20px; line-height:40px;}
    
   .mid-text-2 { font-size:20px; margin-left:7%; margin-top:50px; margin-bottom:100px;}

 .social_links{
 	margin: 0;
 	padding: 0;
 	list-style: none;
 }

 .social_links li{
 	float: left;
 	margin-right: 5px;
 }


.social_links li a{
	font-size: 20px;

}

.social_links li a i {
    border: 1px solid #aaa;
    border-radius: 50%;
}

.social_links li a:hover i {
	border:1px solid transparent;
}


.social_links li a:hover{
	color: #fff;
}

.sub_btn{
	background: #233b50 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    padding: 10px 22px;
    border: 2px solid #233b50;
    transition: 0.4s;
}

.sub_btn:hover{
	background: none;
	border: 2px solid #233b50;
	color: #233b50;
}

.whatwebulid{
	margin: 0 12%;
}

.whatwebulid .img-responsive{
	margin: 0 auto;
}

 .mid-text-3 a{
 	color: #191647 !important;
 }


.mid-text-3 p {
    font-size: 18px !important;
    line-height: 30px !important;
    margin-bottom: 8px;
    color: #eee;
   
}

.our-work_page-third-block .brief-2-3-last-part-text .section-heading h2{
    font-weight: normal;
}

/*3.4 CAROUSELS*/

.owl-theme .owl-controls .owl-buttons {
    display: none;
}
.owl-theme .owl-controls .owl-buttons div {
    background: url(../img/arrow.png);
    display: inline-block;
    zoom: 1;
    margin: 0;
    width: 10px;
    text-indent: -9999px;
    height: 18px;
    font-size: 0;
    position: absolute;
    right: 0;
    margin-top: 8px;
    margin-right: -72px;
    top: 50%;
    padding: 0;
    filter: Alpha(Opacity=30);
    opacity: 0.3;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: auto;
    left: 0;
    margin-left: -72px;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    opacity: 0.22;
    background-color: #248df8;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    
    opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.owl-item.loading {
    min-height: 150px;
}
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    z-index: 2;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing {
    cursor: url(../img/grabbing.png) 8 8, move;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.clients{
	background: #f4f4f4;
	padding:35px 0 75px;
}

@media (min-width: 1399px) and (max-width: 1999px) {   
   .mid-text-3 { width:100%; font-size:20px; margin: 10px auto 45px;}
}
@media (min-width: 299px) and (max-width: 799px) {   
.mid-text-2-inner{text-align:center;}
}
   .mid-text-2-inner{ font-size: 30px;
    font-weight: bold;
    line-height: 25px;
    margin: 10px 0 15px;
}
  .mid-text-2 ul{
	width:760px;
	margin-bottom:20px;
	overflow:hidden;
	font-size:18px;	 
}
.mid-text-2 li{
	line-height:1.5em;
	 
	float:left;
	display:inline;
}
 

.mid-text-2 li {
    list-style-type: none;
    width: 50%;
}

.mid-text-2 li.left {
    float: left;
     
}

.mid-text-2 li.right {
    float: right;
    
}

@media only screen and (max-width: 480px) {
   .mid-text-2 .left, .mid-text-2 .right {
        float: none;
        width: 100%;
    }
}
 
 .block-success {
  /*background-color: #10cfbd;*/
  background:url(../img/item/center-img-1.jpg);
  color: white;
}
  
 .footer-social-icons-customs-custom {
	/* width: 350px; */
	display: block;
	margin: 42px 0 0 auto;
	 
}
.social-icons-custom {
	color: #fff;
}
ul.social-icons-customs {
	margin-top: 0px;
	margin-left: -35px;
}
.social-icons-customs li {
	vertical-align: top;
	display: inline;
	height: 100px;
	border:0px solid #aaaaaa;
	border-radius:50%;
	margin: 0 4px;
	padding:9px 0 6px;
}
.social-icons-customs a {
	color: #fff;
	text-decoration: none;
}
.fa-social-font-size {
	font-size:15px !important;	
}

.fa-facebook {
	padding: 10px 14px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 18px;
}
.fa-facebook:hover {
	background-color: #3d5b99;
}
.fa-twitter {
	padding: 10px 12px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 18px;
}
.fa-twitter:hover {
	background-color: #00aced;
}
.fa-rss {
	padding: 10px 14px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 18px;
}
.fa-rss:hover {
	background-color: #eb8231;
}
.fa-youtube {
	padding: 10px 14px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 18px;
}
.fa-youtube:hover {
	background-color: #e64a41;
}
.fa-linkedin {
	padding: 10px 14px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 18px;
}
.fa-linkedin:hover {
	background-color: #0073a4;
}
.fa-google-plus {
	padding: 10px 9px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 18px;
}
.fa-google-plus:hover {
	background-color: #e25714;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { opacity:1 !important;}

div {
   
}
.valign {
    position: relative;
    margin-top: 50%;
    transform: translateY(-50%);
	font-size:40px;
	color:#00ccff;
	font-family: "Gilroy-ExtraBold", Arial, sans-serif;
    /* vendor prefixes omitted due to brevity */
}

.social-icons-page-top a{ color:#aaaaaa; }

.vertical-nav a {
	color:#000;
	padding:0 !important;	
}
.vertical-nav a:hover {
	 
}
.vertical-nav a:focus {
	 
}

.section_list {
    padding-left: 10px;
}

.section_list li{
	font-size: 20px;
    line-height: 38px;
    padding-left: 28px;
    background: rgba(0, 0, 0, 0) url("../img/bullet.png") no-repeat scroll left 11px / 15px 15px;
}

.section_list li a{
	color: #233B50 !important;
}

.sec_padding{
	padding: 0;
}
  
@media (min-width: 1199px) and (max-width: 1999px){
	.left-top-section {margin-top:90px; margin-bottom:268px; margin-left:0.2%; opacity:1;}
}
@media (min-width: 899px) and (max-width: 1198px){
	.left-top-section {margin-top:90px; margin-bottom:50px; margin-left:5%; opacity:1;}
}
@media (min-width: 699px) and (max-width: 999px){
	
}
/* .custom-top-logo{ margin-left:15%; }	 */
#brief_2 { background:#fff;}
/* #brief_2 .section-content p{ font-size:20px;} */
#brief_2-2{background:#f4f4f4;}
#brief_3{background:#fff; color:#fff;}
#brief_4{color:#fff; overflow-y:hidden; background:#395467;}
#brief_4 .section-heading p{ margin-bottom:0; line-height:25px; text-align: justify;}
#brief_3 .section-heading{ text-align:center;}
#brief_3.section{ padding:0 !important;}
#brief_3 .section-heading span{ display:inline-block;}
#brief_2-2 .mid-text-2{ margin-left:0;}
.custom-responsive-1{ max-width: 100%; /*width: 100%;*/}
				   .banner-img-first{
					  
					  
				   }
				  /* .banner-img-second{
					  float:right; margin-right:-68%; margin-top:72px; 

					  } */
@media (min-width: 769px) and (max-width: 799px){ 
/* .cus-col-sm-8 {width: 70%;}
.left-top-section {margin-top:90px; margin-bottom:50px; margin-left:5%; opacity:1;}
.right_section_images { margin-left: 70% !important; }	 */

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

}					  
@media only screen and (min-device-width : 769px) and (max-device-width : 770px) { 
	.right_section_images { margin-left: 70% !important; }	
 }
  .case-study-page .collapse img{margin: 0 auto; opacity: 1; padding-top: 50px;}
 .case-study-page .collapse .left-section-text-1 p{ padding: 50px; text-align: left; color: #ffffff; }
 .case-study-page .collapse .right-section-text-1{ padding-top: 70px; padding-left: 70px;  }
  @media (min-width: 1099px) and (max-width: 1998px){
 	.case-study-page .services_page img{ max-width: 85%; }
  }
  
@media (min-width: 1499px) and (max-width: 1999px){ 
  .case-study-page #brief_2-4 .brief-2-inner-image-part{right: -82px;}
.case-study-page #brief_2 .brief-2-inner-image-part{right: -82px;}
}
 @media (min-width: 199px) and (max-width: 298px){ 
 .cus-col-sm-8 { width: 80%; } .cus-col-sm-8 .section-heading h1{ font-size:30px;}  
	.cus-col-sm-8 .section-heading p { font-size:18px;}
 .custom-social-icons-top-1{ display: none !important; }	
 }
 @media (min-width: 299px) and (max-width: 398px){ 
 .cus-col-sm-8 { width: 80%; } .cus-col-sm-8 .section-heading h1{ font-size:30px;}  
	.cus-col-sm-8 .section-heading p { font-size:18px;}
 }
 @media (min-width: 399px) and (max-width: 498px){ 
 .custom-social-icons-top-1 { display:none;}
 .click-menu { margin: 12px 0 0 80% !important; z-index: 9999 !important; padding: 0 12px 0 0 !important;}
 .cus-col-sm-8 { width: 80%; } .cus-col-sm-8 .section-heading h1{ font-size:36px;}
 .cus-col-sm-8 .section-heading p { font-size:21px;}
 }

 @media (min-width: 299px) and (max-width: 498px){ 
 	
 }

@media (min-width: 299px) and (max-width: 398px){ 
	#home { padding: 40px 0 40px; }
}

@media (min-width: 299px) and (max-width: 398px){ 
.cus-col-sm-8 {  width: 60% ; }
.navbar-brand img { /*margin: 0px 0 0 7px;  width: 75%;*/ height: 48px;}
.click-menu .menu-button {    left: 18px !important;  }
.custom-social-icons-top-1 { display:none;}
.left-top-section {margin-top: -70px !important;}
.mid-sections-image{opacity:1; width:65%}
.mid-text-one { margin-left: 0 !important;  width: 65% !important; }
.click-menu {margin: 10px 0 0 80% !important; z-index: 9999 !important; padding: 0 12px 0 0 !important;}
.left-top-section {margin-top:90px; margin-bottom:50px; margin-left:5%; opacity:1;}
.banner-img-first{ }
.right_section_images { margin: 0 12% !important; }	
.banner-img-second{ float:none; margin-left: 5px; margin-top:55px !important; }
.banner-img-text-second {margin: 153px 0 0 39px !important;}
.banner-img-text-last { margin: -0px 0 0 35px !important; position: absolute; width: 270px; }
.banner-img-text-first{position:absolute;margin: 0px 0 0 10px; width:100%; text-align:left !important;}
.banner-img-last {  margin-left: -7% !important; margin-top: 60px !important; float:none; }	
}
 @media (min-width: 399px) and (max-width: 498px){ 
.left-top-section {margin-top:0px; margin-bottom:50px; margin-left:5%; opacity:1;}
.banner-img-first{ }
.right_section_images { margin-left: 18% !important; }	
.banner-img-second{ float:none; margin-left:10px; margin-top:55px !important; }
.banner-img-text-second {margin: 153px 0 0 39px !important;}
.banner-img-text-last { margin: -0px 0 0 30px !important; position: absolute; width: 270px; }
.banner-img-text-first{position:absolute;margin: 0px 0 0 10px; width:100%; text-align:left !important;}
.banner-img-last {  margin-left: -7% !important; margin-top: 60px !important; float:none; }	
}
 @media (min-width: 499px) and (max-width: 598px){ 
.left-top-section {margin-top:0px; margin-bottom:50px; margin-left:5%; opacity:1;}
.banner-img-first{ }
.right_section_images { margin-left: 5% !important; }	
.banner-img-second{ float:right; margin-right:-12px; margin-top:55px !important; }
.banner-img-text-second {margin: 170px 0 0 35px !important;}
.banner-img-text-last { margin: -0px 0 0 45px !important; position: absolute; width: 270px; }
.banner-img-text-first{position:absolute;margin: 0px 0 0 15px; width:100%; text-align:left !important;}
.banner-img-last {  margin-left: -7% !important; margin-top: 290px !important; float:none; }	
}	
 @media (min-width: 599px) and (max-width: 698px){ 
.left-top-section {margin-top:90px; margin-bottom:50px; margin-left:5%; opacity:1;}
.banner-img-first{ }
.right_section_images { margin-left: 10% !important; }	
.banner-img-second{ float:right; margin-right:-114px; margin-top:42px !important; }
.banner-img-text-last { margin: -160px 0 0 235px !important; position: absolute; width: 270px; }
.banner-img-text-first{position:absolute;margin: -130px 0 0 255px; width:100%; text-align:left !important;}
.banner-img-last {  margin-left: -38% !important; margin-top: 280px !important; float:none; }	
}	
 @media (min-width: 699px) and (max-width: 768px){ 
.left-top-section {margin-top:10px; margin-bottom:50px; margin-left:5%; opacity:1;}
.banner-img-first{ }
.right_section_images { margin-left: 10% !important; }	
.banner-img-second{ float:right; margin-right:-114px; margin-top:42px !important; }
.banner-img-text-last { margin: -160px 0 0 235px !important; position: absolute; width: 270px; }
.banner-img-text-first{position:absolute;margin: -130px 0 0 255px; width:100%; text-align:left !important;}
.banner-img-last {  margin-left: -5% !important; margin-top: 280px !important; float:none; }	
}					  
@media (min-width: 769px) and (max-width: 798px){ 
.right_section_images { margin-left: 70% !important; }	
}
@media (min-width: 799px) and (max-width: 898px){ 
.right_section_images { margin-left: 85% !important; }	
}
@media (min-width: 769px) and (max-width: 898px){ 
.left-top-section {margin-top:30px; margin-bottom:50px; margin-left:5%; opacity:1;}
.mid-text-one { margin-left: 0 !important;  width: 65% !important; }
.banner-img-second{ float:right; margin-right:-144px; margin-top:42px !important; }
.banner-img-text-last { margin: -160px 0 0 235px !important; position: absolute; width: 270px; }
.banner-img-text-first{position:absolute;margin: -130px 0 0 255px; width:100%; text-align:left !important;}
.banner-img-last {  margin-left: -74.2%; margin-top: 280px !important; float:none; }	
}					  
@media (min-width: 899px) and (max-width: 1000px){ 
 
.banner-img-second{ float:right; margin-right:-144px; margin-top:42px !important; }
.banner-img-text-last { margin: -160px 0 0 235px !important; position: absolute; width: 270px; }
.banner-img-text-first{position:absolute;margin: -130px 0 0 255px; width:100%; text-align:left !important;}
.banner-img-last {  margin-left: -74.2%; margin-top: 280px !important; float:none; }	
}
@media (min-width: 999px) and (max-width: 1298px){ 
.mid-sections-image{opacity:1; width:100%}
.mid-text-one { margin-left: 0  !important; width: 82% !important; }
 .cus-col-sm-8{ margin-left: 7%; margin-right: 1%; width: 58%; }
 
}
@media (min-width: 299px) and (max-width: 498px){ 
 #brief_3 .mid-text-3 img{  }
 .mid-text-2-inner{font-size:16px; text-align:center; margin:25px 0 25px 0; }

 }
@media (min-width: 499px) and (max-width: 698px){ 
 #brief_3 .mid-text-3 img{  }
 .mid-text-2-inner{font-size:16px; text-align:center;}
 }
 @media (min-width: 699px) and (max-width: 998px){ 
 #brief_3 .mid-text-3 img{  }
 .mid-text-2-inner{font-size:18px; }

 }
 @media (min-width: 699px) and (max-width: 768px){ 
 	.mid-text-2-inner{text-align:center; margin: 5px 0 35px -2px !important}
 }
@media (min-width: 999px) and (max-width: 1198px){ 
 #brief_3 .mid-text-3 img{ max-width: 65%; }
 .mid-text-2-inner{font-size:16px;}
 }

@media (min-width: 999px) and (max-width: 1098px){
 #brief_3.brief_2-1 .col-sm-12 .section-heading {margin-left: 0; }
  .mid-text-3{margin-top: 35px; margin-left: 0;}
   #brief_3 .mid-text-3 img{ max-width: 65% !important; }
}
@media (min-width: 1099px) and (max-width: 1198px){
  .mid-text-3{margin-top: 25px;}
   #brief_3 .mid-text-3 img{ max-width: 65% !important; }
}
@media (min-width: 1199px) and (max-width: 1298px){
.custom-top-logo { margin-top:60px; }
.cus-col-sm-8 { margin-left: 7%; margin-right: 1%; width: 620px;}
.banner-img-first { margin-left: -30px !important; }	
.banner-img-second{  float:right; margin-right:-24%; margin-top:30px; }
.banner-img-text-first { margin: -110px 0 0 70% !important; }
.banner-img-last { margin-left: -74.2%; margin-top: 304px !important; }		
 .right_section_images {margin-top: -25px !important;}
  .right_section_images {margin-top: -20px !important;}
  .mid-text-2-inner{ line-height:25px; margin:15px 0 25px 0; font-size:16px;}
  .mid-text-3{margin-left: 0;
    margin-top: 35px;
  margin-bottom: 30px;}
  #brief_3 .mid-text-3 img{ max-width: 65%; }
  #home { padding: 130px 0 50px; }
 #brief_2.section { padding: 62px 0;  }
 #brief_2-2.section { padding: 62px 0;  }
}

@media (min-width: 1299px) and (max-width: 1398px){
	.banner-img-first { margin-left: -80px !important; }	
.banner-img-second{  float:right; margin-right:-8%; margin-top:32px; }
.banner-img-text-first { margin: -110px 0 0 50% !important; }
.banner-img-last { margin-left: -74.2%; margin-top: 200px !important; }		
 .right_section_images {margin-top: -20px !important;}
  .mid-text-2-inner{ line-height:25px; margin:15px 0 25px 0; font-size:20px;}
  .mid-text-3{margin-top: 15px; margin-left: 150px;}
  #brief_3 .mid-text-3 img{ }
 .custom-social-icons-top-1{position:fixed; top:33px !important; right:0; margin-right:2.8%; z-index: 9999}
 #home { padding: 130px 0 50px; }
 #brief_2.section { padding: 62px 0;  }
 #brief_2-2.section { padding: 62px 0;  }

#myCarousel .carousel-indicators {
    bottom: -25px;
}

#myCarousel .mid-text-3 {
    height: 345px;
    }

}						  
@media (min-width: 1399px) and (max-width: 1498px){
 .banner-img-first { margin-left: -32px !important; }	
 .banner-img-second{ float:right; margin-right:-15%; margin-top:72px; }
 .banner-img-last { margin-left: -74.2%; margin-top: 304px !important; }		
 .right_section_images {margin-top: -55px !important;}
}						
@media (min-width: 1499px) and (max-width: 1598px){
 .banner-img-second{ float:right; margin-right:-28%; margin-top:72px; }
 .custom-top-logo { margin-top: 30px; margin-left: 12% !important; }
 .banner-img-last { margin-left: -74.2%; margin-top: 304px !important; }		
 .right_section_images {margin-top: -55px !important;}
}					   
 @media (min-width: 1599px) and (max-width: 1698px){
 .banner-img-second{ float:right; margin-right:-38%; margin-top:72px; }
 .custom-top-logo { margin-top: 40px; margin-left: 12% !important; }
 .banner-img-last { margin-left: -74.2%; margin-top: 304px !important; }		
 .right_section_images {margin-top: -55px !important;}
}	
@media (min-width: 1699px) and (max-width: 1798px){
 .banner-img-second{ float:right; margin-right:-48%; margin-top:72px; }
 .custom-top-logo { margin-top: 40px; margin-left: 12% !important; }
}
@media (min-width: 1799px) and (max-width: 1999px){
 .banner-img-second{ float:right; margin-right:-62%; margin-top:72px; }
 .custom-top-logo { margin-top: 40px; margin-left: 12% !important; }
}	
@media (min-width: 1899px) and (max-width: 1999px){
 .banner-img-second{ float:right; margin-right:-68%; margin-top:72px; }				   
}
@media (min-width: 769px) and (max-width: 998px){
 .img-responsive{ max-width:100%; margin:0 auto;}
 .case-study-page .img-responsive{ max-width:70%; margin:0 !important;}
}
@media (min-width: 299px) and (max-width: 1098px){
	.testimonial-sec p{font-size: 14px; line-height: 18px; }
}
@media (min-width: 1099px) and (max-width: 1298px){
	.testimonial-sec p{font-size: 15px; line-height: 18px; }
}
@media (min-width: 1299px) and (max-width: 1998px){
	.testimonial-sec p{font-size: 16px; line-height: 21px; }
}
@media (min-width: 1499px) and (max-width: 1610px){ .section-content p { line-height: 32px !important; } }
@media (min-width: 299px) and (max-width: 1198px){
 .section-heading h2 {font-size: 30px;}
 .section-content p {  font-size: 17px; line-height: 28px; }
 
}
@media (min-width: 1199px) and (max-width: 1298px){
 .section-content p {  font-size: 16px; line-height: 28px; }
 .section-heading h2 {font-size: 36px;}

}
@media (min-width: 1299px) and (max-width: 1498px){
 .section-heading h2 {font-size: 36px;}
 .section-content p {  font-size: 17px; line-height: 28px; }
}
@media (min-width: 1499px) and (max-width: 1998px){
 .section-heading h2 {font-size: 50px;}
 .section-content p {  font-size: 20px; line-height: 38px; }
}

@media (min-width: 1299px) and (max-width: 1399px){
.banner-img-text-last { margin: -130px 0 0 215px; position: absolute; width: 270px; }
}
@media (min-width: 999px) and (max-width: 1999px){
.click-menu {  margin: -15px 0 0 1% !important; z-index: 3001 !important; }

.banner-img-text-last { margin: -140px 0 0 250px; position: absolute; width: 270px; }
.banner-img-text-first{position:absolute;margin: -130px 0 0 300px; width:100%; text-align:left !important;}
}
	.banner-img-last {
    margin-left: -74.2%;
    margin-top: 300px;
}			   
				   
				  /* .banner-img-last{
					  position:absolute; 
					  margin-top:204px;
					  margin-left:-74.2%;
				   }*/
				   .right_section_images{
					   /* position:absolute; 
					   margin-left:-15%;*/
					   z-index:1000;
					   margin-top:-10px;
					   font-size:30px;
					
					}
					.custom-social-icons-top-1{position:fixed; top:15px; right:0; margin-right:2.8%; z-index: 9999}
					 
					


					
@media (min-width: 299px) and (max-width: 999px){
	.banner-img-text-first{
		 text-align:center;
	} 
}
@media (min-width: 768px) {
  .navbar-brand-wrap { height: 0px; }
}
@media (min-width: 1099px) and (max-width: 1398px){
  .navbar-brand-wrap { height: 0px; }
  .right_section_images{ z-index:1000;  margin-top:-10px; font-size:24px;} 
}
@media (min-width: 1399px) and (max-width: 1999px){
  .navbar-brand-wrap { height: 100px; }
}
					.banner-img-text-second{position:absolute;margin: 100px 0 0 -200px;  display:none;}
					/* .banner-img-text-last{position:absolute; margin:-160px 0 0 250px; width:270px;  display:none;} */

@media (min-width: 1099px) and (max-width: 1399px){
.mid-text-one{width:92% !important; margin-left:9%;}
.mid-text-two{width:55% !important; margin-left:0%;}
}
					
.mid-text-one{width:120%; margin-left:9%;}
.mid-text-two{width:120%; margin-left:0%;}
h2 {				
 font-weight: 300;
  display: table;
  padding-bottom: 5px;
  position: relative;
  }
h2:before{
   /*content: "";
    position: absolute;
    width: 30%;
    height: 1px;
    bottom: 0;
    left: 0%;
    border-bottom: 2px solid #1179be;*/
}
.services_page h2:before{
	border-bottom: 0px solid #1179be;  

}

.our-work-page-block-1 .section-heading h2:before{
	border: 0 solid #1179be;
    bottom: 0;
    color: #000;
    content: "";
    position: absolute;
    width: 72px;
}
.services_page h2{
	color:#0072bc !important;
	font-weight:400;
	border-bottom:0 !important;
	margin-bottom: 20px;
	font-size: 40px;
}
.case-study-page h2{
	color:#0072bc !important;
	font-weight:400;
	border-bottom:0 !important;
}
.our-works-page-1 .section-heading h2{
	
	font-weight:400;
	border-bottom:0 !important;
}
.case-study-page h2::before { border-bottom: 0px solid #1179be; }
 @media only screen and (min-device-width : 1200px) and (max-device-width : 1399px) { 
 /* .mid-text-one{width:166%; margin-left:0%;}
 .nav-top-custom-style{display:block; margin-left:2%; margin-top:-85px;}
 .vertical-nav .nav .point{margin: 5px 3px !important; }
 .vertical-nav .nav li { font-size:15px !important;}
 .custom-social-icons-top-1{position:absolute; top:25px; right:0; margin-right:0%;}
.custom-top-logo{ margin-left:0; }	
h1{ font-size:33.3px;}
#home .section-heading{
	margin-left:50px;
	
}
#home .section-content{
	margin-left:50px; margin-bottom:75px;
}
.section-heading p {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 40px;
}
.section-content .btn{ padding:12px; font-size:15px;}
 .banner-img-first{
					  margin-left:-40%;
				   
				   }
				  .banner-img-second{
					  float:right; margin-right:-65%; margin-top:28px;
				   }
				  .banner-img-last{
					  position:absolute;
					  top:350px;
					  margin-left:-150%;			   
				   }
				   .right_section_images{
					   position:absolute;
					   right:10%;
					   z-index:1000;
					   top:100px;
					
					}
 .banner-img-first img{ width:55%;}
 .banner-img-text-first{position:absolute;margin: -115px 0 0 230px; width:232px;}
 
 .banner-img-second img{ width:75%;}
 .banner-img-text-second{position:absolute;margin: 70px 0 0 -200px;}
 .banner-img-last img{ width:75%;}
 .banner-img-text-last{position:absolute; margin:-125px 0 0 183px; width:272px;} */
}


@media (min-width: 1001px) and (max-width: 1399px) {
					.left-img-style-1-1 { margin: 60px 0 150px 1%;}
										#brief_4 h2 {font-size: 40px !important; font-weight: normal; color:#000; margin:50px 0 0 25%; }	
										.left-img-style-1{margin:60px 0 85px 18%; padding-bottom:85px;}
					}


					@media (min-width: 1401px) and (max-width: 1899px) {
					.left-img-style-1-1 { margin: 60px 0 0 8%;}
					 .custom-responsive-1{
						width: 100% !important;
					}
					}
					.testimonial-sec h2::before{ border-bottom:0;}                     
					.left-img-style-1{margin:60px 0 0 12%; padding-bottom:95px; }
					@media (min-width: 999px) and (max-width: 1099px) {
					#brief_4 h2 { font-size: 44px !important;}
					
					.left-img-style-1{margin:0px 0 0px 24% !important; padding-bottom:30px;}
					}
					@media (min-width: 1099px) and (max-width: 1199px) {
					.left-img-style-1{margin:0px 0 0px 24%; padding-bottom:95px;}	
					}
					#brief_4 h2, .title_block h2{color: #000;
    float: left;
    font-size: 50px;
    font-weight: normal;
    margin: 50px 0 10px;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;}	
					.third-section-text-1{font-size:50px;padding-top: 40px;}
					.third-section-text-2{font-size:35px; line-height:35px; font-weight:900;}
					.third-section-text-3{font-size:22px; font-weight:900;}					
					@media (min-width: 768px) and (max-width: 998px) {					  
						
						.left-img-style-1{margin:0px 0 90px 10%; padding-bottom:1px;}
						#brief_4 h2 { color: #000;
    font-size: 45px;
    font-weight: normal;
    margin: 35px 0 0 !important;
    text-align: center;
    width: 100%; }
    .third-section-text-3{font-size:22px; font-weight:900; margin-bottom: 30px;}
						.footer-tab-fix h4{text-align:left;  margin-left:3% !important;}
						
					}
					@media (min-width: 299px) and (max-width: 498px) {
					#brief_4 h2 {font-size: 36px !important;}
					}
					@media (min-width: 699px) and (max-width: 768px) {
					.left-img-style-1 {margin: 0 30% 0 !important;}
					}
					
					@media (min-width: 299px) and (max-width: 767px) {		
					#brief_4 h2 { margin: 0 !important;
    padding-top: 60px !important;
    text-align: center;
    width: 100%;}
					.brief_2-bottom-space{ padding-bottom:20px; width: 100%; margin-left: 0 !important; padding-top: 0;}


					#brief_2-2.services_page.about-us-page .brief-2-second-part-text img, .about-us-page-main-part img{
						width: 100% !important;
					}


						.left-img-style-1{margin: 0 0 0;
    padding-bottom: 40px;}
						#brief_4 h2 {font-weight: normal; color:#000; margin:70px 0 0 5%; padding-top:30px; }
						.custom-responsive-1 {    max-width: none;	}
						 .third-section-text-1{font-size:36px;}
						 .third-section-text-2{font-size:21px; line-height:35px; font-weight:900;}
						.third-section-text-3{font-size:16px; font-weight:900;margin-bottom: 20px;}
					
					}	



					@media (min-width: 999px) and (max-width: 1299px) {					 
						#brief_4 h2 {font-size: 50px; font-weight: normal; color:#000; /*margin:70px 0 0 0%;*/ }
					}
					@media (min-width: 799px) and (max-width: 1999px) { 
						.custom-height-1 {height:230px; padding-top: 140px;}
					}
					@media (min-width: 299px) and (max-width: 798px) { 
						.custom-height-1 {height:0px;}					
					}
					
					.brief-2-first-part-text{margin: 0 12%;}

					#brief_2 .brief-2-seconds-part-text{margin: 0 12%;}













			@media (min-width: 399px) and (max-width: 498px) {	
			.brief-2-second-part-text{margin:260px 0 220px !important;}		
			.brief-2-first-part-text{margin: 0 0%;}			
			}
			@media (min-width: 499px) and (max-width: 598px) {			
			.brief-2-second-part-text{margin:295px 0 220px !important;}		
			.brief-2-first-part-text{margin: 0 0%;}		
			.our-work_page .section-heading h2, .our-work_page-second-block  .section-heading h2{
    font-weight: 600;
}	
			}
			@media (min-width: 299px) and (max-width: 398px) {
			.brief-2-first-part-text{margin: 0 0% !important;}
			.brief-2-second-part-text{margin:0 0  !important;}
			.brief-2-second-part-img{margin:  0 0 !important;}
			.testimonial-sec-right-sec-text { font-size:40px !important; color:#fff !important;}
			.our-work_page .section-heading h2, .our-work_page-second-block  .section-heading h2{
    font-weight: 600;
}
			}
			@media (min-width: 599px) and (max-width: 767px) {
			.brief-2-second-part-text{margin: 0 !important}
			.brief-2-second-part-img{margin: 18px 0 0 !important;    width: 100%;}
			.brief-2-first-part-text {
    margin: 0;
}
			
			}
			.testimonial-sec-right-sec-text {margin-left:0px !important; margin-top:50px; font-size: 50px; font-weight: normal; margin-bottom:50px; color:#fff !important;}
			@media (min-width: 499px) and (max-width: 598px) {
			.brief-2-second-part-text{margin: 0 !important;}
			.brief-2-second-part-img{margin: 0 0 0 !important;}  
			.home-page-brief_2-2 .col-sm-8{margin-bottom: 22px;
    margin-top: 0;}
			.home-page-brief_2-2 .brief-2-second-part-img{margin: 0 0 0 !important;}
			.our-work_page .section-heading h2, .our-work_page-second-block  .section-heading h2{
    font-weight: 600 !important;
}
			}
			@media (min-width: 599px) and (max-width: 698px) {
				.home-page-brief_2-2 .brief-2-second-part-text{margin: 0 !important;}
			.brief-2-second-part-text{margin: 270px 12% 165px !important;}
			.brief-2-second-part-img{margin: -485px 0 0 !important;}  	
			.home-page-brief_2-2 .brief-2-second-part-img{margin: 20px 0 0 !important;width: 100%;}  	
			.our-work_page .section-heading h2, .our-work_page-second-block  .section-heading h2{
    font-weight: 600;
}
.our-work_page-third-block .brief-2-3-last-part-text .section-heading h2{
    font-weight: 600;
}

			}			
			@media (min-width: 399px) and (max-width: 499px) {
			.left-side-border{ margin:-357px 0 192px !important;}
			.text-right-side { margin: 145px 0 20px !important; text-align:left  !important; }
			.brief-2-second-part-text{margin: 220px 0% 235px !important;}
			.home-page-brief_2-2 .brief-2-second-part-text{margin: 0 0% 0 !important;}
			.brief-2-second-part-img{margin: -455px 0 0 !important;}  
			.home-page-brief_2-2 .col-sm-8{ margin-top:40px;}
			.home-page-brief_2-2 .brief-2-second-part-img{margin:20px 0 0  !important;} 
			.home-page-brief_2-2{ padding: 0 0 30px;} 
			.our-work_page .section-heading h2, .our-work_page-second-block  .section-heading h2{
    font-weight: 600;
}
.our-work_page-third-block .brief-2-3-last-part-text .section-heading h2 {
    font-weight: 600;
}
			}
			@media (min-width: 299px) and (max-width: 398px) {
			.testimonial-sec .section-heading h2{ font-size:40 !important;}	
			.left-side-border{border-left: 0px solid #fff  !important; border-bottom: 1px dashed #fff; text-align:center; padding: 0 0 15px 0 !important; margin: -395px 0 265px;}	
			.text-right-side { margin: 145px 0 20px !important; text-align:left !important; }
			.brief-2-second-part-text{margin: 220px 0 135px !important;}
			.home-page-brief_2-2 .brief-2-second-part-text{margin: 0 0 0px !important;}
			.brief-2-second-part-img{margin: -475px 0 220px !important;}  
			.home-page-brief_2-2 .brief-2-second-part-img{margin: 20px 0 0 !important;}  
			}
			@media (min-width: 299px) and (max-width: 767px) {
		    /* .brief-2-second-part-text{margin: 270px 12% 165px !important;}
			.brief-2-second-part-img{margin: -485px 0 0 !important;}   */
			.footer-tab-fix{ margin:0 0 0 6%;}
			.footer-tab-fix h4{text-align:left !important;  margin-left:5% !important;}
			.footer-social-icons-customs-custom { text-align:left;}
			.footer-mid-section {border-left: 0px solid #6b6e71 !important; border-right: 0px solid #6b6e71  !important; margin-left:2%; margin-top:25px !important;}
			.right-side-border{border-right: 0px solid #fff  !important; border-bottom: 1px dashed #fff; text-align:center; padding:0 0 15px 0  !important;}
			.left-side-border{border-left: 0px solid #fff  !important; border-bottom: 1px dashed #fff; text-align:center; padding: 0 0 15px 0 !important; }	
			 
			}
			.footer-tab-fix h4{text-align:left;  margin-left:9%;}
			.footer-mid-section {margin-top:0px; text-align:left; border-left: 1px solid #6b6e71; border-right: 1px solid #6b6e71;}
            .right-side-border{border-right: 1px solid #fff; padding: 0px 20px 0 0;}
			.left-side-border{border-left: 1px solid #fff; padding: 20px 0 20px 20px;}
			.left-side-spacing{  padding-bottom:20px;}
			.right-side-spacing{ padding-right:30px; padding-bottom:20px;}
			.text-right-side{ text-align:right;}
			
			.services-page-img-sec{ padding-left:60px;}
	  .about-us-page h2{ color:#000 !important;}
	  .about-us-page h6{ font-size:20px; font-weight:normal; margin: 0 0 20px;}   
	   @media (min-width: 299px) and (max-width: 768px){
	  .services_page h3{ font-size:18px; line-height:21px;}
	  .services_page .section-content p{ line-height:18px; font-size:13px;} 
	   }
	   @media (min-width: 299px) and (max-width: 398px){
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: 0;}
	  .services_page .brief-2-second-part-text { margin:0 !important; }
	  .left-side-spacing{ padding-bottom:60px;}
	   }
	   @media (min-width: 399px) and (max-width: 498px){
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: 0;}
	  .services_page .brief-2-second-part-text { margin: 0 !important; }
	   } 
	   @media (min-width: 499px) and (max-width: 598px){
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: 0;}
	  .services_page .brief-2-second-part-text { margin:0 !important; }
	  /* .left-side-border{margin: -265px 0 100px !important;} */
	   }
	   @media (min-width: 599px) and (max-width: 698px){
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: -500px;}
	  .services_page .brief-2-second-part-text { margin: 0 !important; }
	   }
	   @media (min-width: 699px) and (max-width: 768px){
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: -500px;}
	  .services_page .brief-2-second-part-text { margin: 0!important; }
	   }
	   @media (min-width: 299px) and (max-width: 398px){
	  .services_page.about-us-page .services-page-img-sec{ margin:20px 0px 0px 0px } 	 	   
    	   
	  .services_page .services-page-img-sec { padding-left: 15px; margin-top: -490px;} 
	  .services_page .services-page-img-sec-last { margin-top: -420px; padding-left: 15px; } 
	  .services_page .brief-2-3-last-part-text { margin:0 !important;}
	   }
	   @media (min-width: 399px) and (max-width: 498px){
	  .about-us-page-main-part{ margin:0 !important;}
  	  .services_page.about-us-page .services-page-img-sec{ margin:-615px 1px 30px 0 } 	   

	  .services_page .services-page-img-sec { padding-left: 15px; margin-top: -550px;}   
	  .services_page .services-page-img-sec-last { margin-top: -470px; padding-left: 15px; }  
	   }
	    @media (min-width: 499px) and (max-width: 598px){
	  .services_page.about-us-page .services-page-img-sec{ margin:20px 0 0; }  		
   
	  .services_page .services-page-img-sec { padding-left: 15px; margin-top: -570px; }     
	  .services_page .services-page-img-sec-last { margin-top: -420px; padding-left: 15px; }  	  
	   }
	   @media (min-width: 599px) and (max-width: 708px){
	  .services_page.about-us-page .services-page-img-sec{ margin:-655px 0px }  	   
	  #brief_2-2.services_page.about-us-page .services-page-img-sec{ margin:28px 0px 0 }  	   
   
	  .services_page .services-page-img-sec { padding-left: 0px; margin-top: -550px; }   
	   }
	   @media (min-width: 709px) and (max-width: 768px){
	  .services_page.about-us-page .services-page-img-sec{ margin:22px 0 0; padding-left: 15px;} 	
	  .about-us-page-main-part{ margin: 0; }   
	  .services_page .services-page-img-sec { padding-left: 0px; margin-top: -575px;}   
	   }
	   @media (min-width: 769px) and (max-width: 1098px){
	  .services_page .section-heading h2{ margin-bottom:-12px !important;}
	  .services_page h3{ font-size:18px; line-height:21px;}
	  .services_page .section-content p{ line-height:18px; font-size:13px;}
	  .brief-2-middle-part-image{ }
	  .brief-2-middle-part-image img{ max-width:68%; margin:0 0 0 95px;}
	  .services_page .brief-2-first-part-text { margin: 0 0; }
	  .services_page .service-page-mid-text { padding: 0 15px !important; } 	
	  .about-us-page h6 { font-size: 18px; font-weight: normal; margin: 10px 0 40px; }	
	  .brief-2-3-last-part-text p:first-child{ margin-top:10px;}  
	  .services_page .section-content hr,.our-work_page-third-block hr{
	  	display: none !important;
	  }

	  .our-work_page-third-block .section-heading h2{
	  	margin-bottom:18px;
	  	padding-bottom: 0;
	  	font-weight: normal; 
	  }

	   }
	   @media (min-width: 1099px) and (max-width: 1198px){
	  .services_page h3{ font-size:21px; line-height:24px;}
	   }
	   @media (min-width: 1199px) and (max-width: 1298px){
	  .services_page h3{ font-size:24px; line-height:30px;}
	   }
	   @media (min-width: 1299px) and (max-width: 1498px){
	  .services_page h3{ font-size:30px; line-height:40px;}
	   }
	   @media (min-width: 999px) and (max-width: 1098px){
	   .footer-tab-fix h4{text-align:left;  margin-left:12.5%;}
	   }
	   .services-page-img-sec{ padding-left:60px;}	   
	  .our-work_page-first-block{background: #f4f4f4 none repeat scroll 0 0 !important;}
	  .our-work_page-second-block{background: #fff none repeat scroll 0 0 !important;}
	  .our-work_page-third-block{background: #f4f4f4 none repeat scroll 0 0 !important;}
	   @media (min-width: 299px) and (max-width: 768px){
	  .services_page h3{ font-size:18px; line-height:21px;}
	  .services_page .section-content p{ line-height:18px; font-size:13px;} 
	   }
	   @media (min-width: 299px) and (max-width: 398px){
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: -500px;}

	   }
	   @media (min-width: 399px) and (max-width: 498px){
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: -500px;}

	   } 
	   @media (min-width: 499px) and (max-width: 598px){
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: -500px;}

	   }
	   @media (min-width: 599px) and (max-width: 698px){
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: -500px;}
	   }
	   @media (min-width: 699px) and (max-width: 768px){
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: -500px;}

	   }
	   @media (min-width: 299px) and (max-width: 398px){
   	   
	  .services_page .services-page-img-sec { padding-left: 15px; margin-top: -490px;} 
	  .services_page .services-page-img-sec-last { margin-top: -420px; padding-left: 15px; } 
	  .services_page .brief-2-3-last-part-text { margin:225px 0 175px !important;}
	   }
	   @media (min-width: 399px) and (max-width: 498px){
	  .services_page .services-page-img-sec { padding-left: 15px; margin-top: -550px;}   
	  .services_page .services-page-img-sec-last { margin-top: -470px; padding-left: 15px; }  
	   }
	    @media (min-width: 499px) and (max-width: 598px){
	  .services_page .services-page-img-sec { padding-left: 15px; margin-top: -570px; }     
	  .services_page .services-page-img-sec-last { margin-top: -420px; padding-left: 15px; }  	  
	   }
	   @media (min-width: 599px) and (max-width: 708px){
	  .services_page .services-page-img-sec { padding-left: 0px; margin-top: -550px; }   
	   }
	   @media (min-width: 709px) and (max-width: 768px){
	  .services_page .services-page-img-sec { padding-left: 0px; margin-top: -575px;}   
	   }
	   @media (min-width: 769px) and (max-width: 1098px){
	  .services_page .section-heading h2{ margin-bottom:-12px !important;}
	  .services_page h3{ font-size:18px; line-height:21px;}
	  .services_page .section-content p{ line-height:18px; font-size:13px;}

	  

	  .brief-2-middle-part-image{ }
	  .brief-2-middle-part-image img{ max-width:68%; margin:0 0 0 95px;}
	  .services_page .brief-2-first-part-text { margin: 0 0; }
	  .services_page .service-page-mid-text { padding:0 15px; } 		
	  .service-page-inner-block-2 img {
    margin: 0 0 0 5px;
    max-width: 100% !important;
}  
	   }
	   @media (min-width: 1099px) and (max-width: 1198px){
	    	   
	   }
	   @media (min-width: 999px) and (max-width: 1098px){	   
	  .our-work-page-block{ margin:0 5% !important;}
	  .our-work-page-block-1 { margin:0 5% !important;}
	   }
	   @media (min-width: 1099px) and (max-width: 1198px){
	  .services_page h3{ font-size:21px; line-height:24px;}
	  .our-work-page-block {margin: 0 6% !important;}

	  .our-work-page-block-1 { margin:0 6% !important;}
	  .footer-tab-fix h4 { margin-left:12.5%;}
	  .case-study-page .container-fluid{margin:0 6% !important;}
	   }
	   @media (min-width: 1199px) and (max-width: 1298px){
	  .services_page h3{ font-size:24px; line-height:30px;}
	  
	  
	   }
	   @media (min-width: 1199px) and (max-width: 1298px){
	   .our-work-page-block{ margin:0 6% !important;}
	   .our-work-page-block-1 { margin: 0 6%;}
	   .footer-tab-fix h4 { margin-left:12.5%;}
	   .about-us-page{ margin:0;}
	   }
	   @media (min-width: 1299px) and (max-width: 1498px){
	  .services_page h3{ font-size:30px; line-height:40px;}
	  .footer-tab-fix h4 { margin-left:10%;}
	   }
	   
	   .services-page-img-sec{ padding-left:60px;}	   
	   @media (min-width: 299px) and (max-width: 768px){
	  .services_page h3{ font-size:18px; line-height:21px;}
	  .services_page .section-content p{ line-height:18px; font-size:13px;} 
	  .services_page hr, .our-work_page-third-block hr{
	  		display: none !important;
	  }
	 }
	   @media (min-width: 299px) and (max-width: 398px){
	   
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: -500px;}
	  .services_page .brief-2-second-part-text { margin: 0 !important; }
	  .our-work_page-third-block .services-page-img-sec-last { padding-left: 0px; margin: 0 2% 0 3% !important;}
	  .our-work_page-third-block .brief-2-second-part-text { margin: 0 !important; }
	  .our-work_page-second-block .brief-2-first-part-text { margin: 0 !important; }
	  .case-study-page .our-work_page-second-block .brief-2-first-part-text { margin: 230px 0% 30px !important; }
	  .case-study-page #brief_2-4.our-work_page-second-block .brief-2-first-part-text { margin: 200px 0% 30px !important; }
	  .our-work_page-second-block .brief-2-inner-image-part{ margin: 0}
	  .case-study-page .our-work_page-second-block .brief-2-inner-image-part{ margin:-430px 0 150px}
	  .our-work-page-block { margin: 0 0% !important; }	 
	  .our-works-page-1 #brief_2-2{ margin:20px 0 0 0;}
	  .our-works-page-1 .case-study-page #brief_2-2{ margin:0px 0 0 0 !important;}
	  .our-work-page-block .section-content p { font-size: 17px; line-height: 26px; }
	   }
	   @media (min-width: 399px) and (max-width: 498px){
	    
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: -500px;}
	  .services_page .brief-2-second-part-text { margin: 375px 12% 165px !important; }
	  .our-work_page-third-block .services-page-img-sec-last { padding-left: 0px; margin: 0 2% 0 3% !important;}
	  .our-work_page-third-block .brief-2-second-part-text { margin: 0 !important; }
	  .our-work_page-second-block .brief-2-first-part-text { margin: 0 !important; }
	  .case-study-page .our-work_page-second-block .brief-2-first-part-text { margin: 270px 0% 30px !important; }
	  .our-work_page-second-block .brief-2-inner-image-part{ margin:0}
	  .case-study-page .our-work_page-second-block .brief-2-inner-image-part{ margin:-430px 0 150px}
	  .our-work-page-block { margin: 0 0% !important; }	 
	  .our-works-page-1 #brief_2-2{ margin:60px 0 0 0;}
	  .our-works-page-1 .case-study-page #brief_2-2{ margin:0px 0 0 0 !important;}
	  .our-work-page-block .section-content p { font-size:17px; line-height: 26px; }
	   } 
	   @media (min-width: 499px) and (max-width: 598px){
	    
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: -500px;}
	  .services_page .brief-2-second-part-text { margin: 375px 12% 165px !important; }
	  .our-work_page-third-block .services-page-img-sec-last { padding-left: 0px; margin: 0 2% 0 3% !important;}
	  .our-work_page-third-block .brief-2-second-part-text { margin: 0 !important; }
	  .our-work_page-second-block .brief-2-first-part-text { margin: 0 !important; }
	  .our-work_page-second-block .brief-2-inner-image-part{ margin:0}
	  .our-work-page-block { margin: 0 !important; }	 
	  .our-works-page-1 #brief_2-2{ margin:60px 0 0 0;}
	  .our-works-page-1 .case-study-page #brief_2-2{ margin:0px 0 0 0 !important;}
	  .case-study-page .our-work_page-second-block .brief-2-first-part-text { margin: 270px 0% 30px !important; }
	  .case-study-page .our-work_page-second-block .brief-2-inner-image-part{ margin:-490px 0 150px}
	   }
	   @media (min-width: 599px) and (max-width: 698px){
	   /*.site-header {top: 20px;}*/
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin-top: -500px;}
	  #brief_2-3.services_page .services-page-img-sec-last { padding-left: 0px; margin-top: 0;}
	  .services_page .brief-2-second-part-text { margin: 0 !important; }
	  .our-work_page-third-block .services-page-img-sec-last { padding-left: 0px; margin: 0 2% 0 3% !important;}
	  .our-work_page-third-block .brief-2-second-part-text { margin: 0!important; }
	  .our-work_page-second-block .brief-2-first-part-text { margin:0!important; }
	  .our-work_page-second-block .brief-2-inner-image-part{ margin: 0}
	  .our-work-page-block { margin: 0 !important; }	 
	  .our-works-page-1 #brief_2-2{ margin:60px 0 0 0;}
	  .our-works-page-1 .case-study-page #brief_2-2{ margin:0px 0 0 0 !important;}
	  .case-study-page .our-work_page-second-block .brief-2-first-part-text { margin: 350px 0 30px !important; }
	  .case-study-page .our-work_page-second-block .brief-2-inner-image-part{ margin:-550px 0 150px}
	   }

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

	  .our-work_page-second-block .brief-2-inner-image-part{ margin:-575px 0 100px}
	  .our-work_page-second-block .brief-2-first-part-text { margin: 420px 7.1% 30px !important; }
	}

	   @media (min-width: 699px) and (max-width: 768px){
	   /*.site-header {top: 20px;}*/
	  .about-page-img-sec-last { padding-left: 0px; margin-top: -500px;}	   
	  .services_page .services-page-img-sec-last { padding-left: 0px; margin: -530px 3% 0 5%;}
	   #brief_2-3.services_page .services-page-img-sec-last { padding-left: 0px; margin: 0;}
	   #brief_2-3.services_page.about-us-page .services-page-img-sec-last {  margin: 20px 0 0 0; padding-left: 15px;}
	  .services_page .brief-2-second-part-text { margin: 0 !important; }
	  .services_page.about-us-page .brief-2-second-part-text { margin: 0 !important; }
	  .our-work_page-third-block .services-page-img-sec-last { margin: 20px 0 !important;}
	  .our-work_page-third-block .brief-2-second-part-text { margin: 0 12% 65px !important; }
	  .our-work_page-second-block .brief-2-first-part-text { margin: 0 !important; }
	  .our-work_page-second-block .brief-2-inner-image-part{ /*margin:-575px 0 100px*/}
	  .our-work-page-block { margin: 0 0% !important; }	  
	  .service-page-mid-text{ margin:0 0%;}
	  .service-page-inner-block-2{ margin:0 12%}
	  .case-study-page .our-work_page-second-block .brief-2-first-part-text { margin: 350px 0 30px !important; }
	  .case-study-page .our-work_page-second-block .brief-2-inner-image-part{ margin:-550px 0 150px}
	   }
	   @media (min-width: 299px) and (max-width: 398px){
	  .services_page.about-us-page .brief-2-second-part-text { margin: 280px 0% 200px!important; }	
	  #brief_2-2.services_page.about-us-page .brief-2-second-part-text { margin: 0 0 0!important; }	
	  #brief_2-3.services_page.about-us-page .brief-2-second-part-text { margin: 0 0 0 !important }		  
	  .services_page .brief-2-second-part-text { margin: 0 !important; }	    	   
	  .services_page .services-page-img-sec { padding-left: 15px; margin-top: 0;} 
	  
	  .services_page .services-page-img-sec-last { margin-top: -360px; padding-left: 15px; } 
	  .services_page .brief-2-3-last-part-text { margin:225px 0 175px !important;}
	  #brief_2-3.services_page .brief-2-3-last-part-text { margin:200px 0 175px !important;}
	  .case-study-page #brief_2-3.services_page .brief-2-3-last-part-text { margin:0px 0 5px !important;}
	  #brief_2-3.services_page .services-page-img-sec-last { margin-top: 0; padding-left: 15px; } 
	  #brief_2-3.services_page.about-us-page .services-page-img-sec-last { margin-top: 20px; padding-left: 15px; } 
	  .services_page.about-us-page  .brief-2-second-part-text { /* margin: 280px 0% 250px!important; */ }	    	   
	   }
	   @media (min-width: 399px) and (max-width: 498px){
	  .services_page .brief-2-second-part-text { margin:0 !important; }	   
	  .services_page .services-page-img-sec { padding-left: 15px; margin-top: 0;}   
	  
	  .services_page.about-us-page .brief-2-second-part-text { margin:0 0 !important; }	   
	  .services_page.about-us-page .services-page-img-sec { padding-left: 15px; margin-top: 23px;}   
	  
	  .services_page .services-page-img-sec-last { margin-top: 0; padding-left: 15px; }  
	  .services_page.about-us-page .about-page-img-sec-last{margin-top: 20px; }
	  #brief_2-3 .services_page.about-us-page .brief-2-second-part-text { margin: 250px 0 200px !important; }
	  #brief_2-3.section.services_page { padding: 60px 0 !important; }
	  #brief_2-3.section.services_page.about-us-page { padding: 0px 0 !important; }
	  #brief_2-3.services_page.about-us-page .brief-2-second-part-text { margin:45px 0 !important; }	



	   }
	   @media (min-width: 499px) and (max-width: 598px){
	  .services_page.about-us-page .brief-2-second-part-text { margin:0 0% 0 !important; } 	
	  #brief_2-3.services_page.about-us-page .brief-2-second-part-text { margin: 0 0% 0px !important; } 		  
	  #brief_2-3 .services_page.about-us-page .brief-2-3-last-part-text{ margin: 0 0 0 !important;}
	  .services_page .brief-2-second-part-text { margin: 0 !important; } 	   
	  .services_page .services-page-img-sec { padding-left: 15px; margin-top: 0; }     
	  .service-page-inner-block-2 {
    margin: 0 0;
}
	.about-page-mid-text {
    padding-left: 15px !important;
}
	  .services_page .services-page-img-sec-last { margin-top: 0; padding-left: 15px; }  	 
	  .services_page.about-us-page .about-page-img-sec-last {margin: 23px 0 0 !important; } 	   
	   }
	   @media (min-width: 599px) and (max-width: 708px){
  	  #brief_2-2.services_page.about-us-page .brief-2-second-part-text { margin: 0 0% 0 !important; } 	   	   	   
	  .brief-2-first-part-text { margin: 0 0%;}

	  .about-us-page-main-part{ margin: 0;}
	  .services_page.about-us-page .brief-2-second-part-text { margin: 0 0% 0px !important; } 	   	   
	  .services_page .brief-2-second-part-text { margin:0 !important; } 	   
	  #brief_2-2.services_page .services-page-img-sec { padding-left: 15px; margin-top:0; }  
	  .about-page-mid-text{margin: 0;
    padding: 0 15px !important;}	
	   }
	   @media (min-width: 709px) and (max-width: 768px){
	  .services_page .services-page-img-sec { margin: 0 0 0;}   
	   }
	   @media (min-width: 769px) and (max-width: 898px){
	   /*.site-header {top: 20px;}*/
	  .services_page .section-heading h2{ margin-bottom:-12px !important;}
	  .services_page h3{ font-size:18px; line-height:21px;}
	  .services_page .section-content p{ line-height:18px; font-size:13px;}
	  .brief-2-middle-part-image{ }
	  .brief-2-middle-part-image img{ max-width:90%; margin:0 0 0 0;}
	  .services_page .brief-2-first-part-text { margin: 0 -2% 0 1%; }

	   .about-us-page-main-part{
	   	margin: 0;
	   }

	  .services_page .service-page-mid-text { padding:0 -1% 0 0% } 		  
	   }
	   @media (min-width: 899px) and (max-width: 998px){
	   /*.site-header {top: 20px;}*/
	  .services_page .section-heading h2{ margin-bottom:-12px !important;}
	  .services_page h3{ font-size:18px; line-height:21px;}
	  .services_page .section-content p{ line-height:18px; font-size:13px;}
	  .brief-2-middle-part-image{ }
	  .brief-2-middle-part-image img{ max-width:90%; margin:0 0 0 5px;}
	  .services_page .brief-2-first-part-text { margin: 0 -2% 0 0%; }
	  .services_page .service-page-mid-text { padding:0 -1% 0 0% } 		
	  .section-heading h2 {
    font-size: 35px;
}  
	   }
	   @media (min-width: 999px) and (max-width: 1098px){
	  .about-us-page-main-part { margin: 0 0% 0 0 !important; }	   
	  .services_page .section-heading h2{ margin-bottom:-12px !important;}
	  .services_page h3{ font-size:18px; line-height:21px;}
	  .services_page .section-content p{ line-height:18px; font-size:13px;}
	  .brief-2-middle-part-image{ }
	  .brief-2-middle-part-image img{ margin: 0; max-width: 100%;}
	  #brief_2 .service-page-inner-block-2 img{ margin: 0 0 0 0 !important; max-width: 100% !important;}
	  .services_page .brief-2-first-part-text { margin: 0 -2% 0 0%; }
	  .services_page .service-page-mid-text { padding:0 3% 0 0% } 	
	  .section-heading h2 {
    font-size: 35px;
}	  
	   }
	   @media (min-width: 1099px) and (max-width: 1198px){
	   /*.site-header {top: 20px;}*/
	   .custom-social-icons-top-1{position:fixed; top:13px; right:0; margin-right:2.8%; z-index: 9999}
	   .navbar-brand img { /*margin: -0px 0 -10px !important; width: 75%;*/}
	  .about-us-page-main-part { margin: 0 0% 0 0% !important; }	 
	  .services_page h3{ font-size:21px; line-height:24px;}
	   }
	   @media (min-width: 1199px) and (max-width: 1298px){
	   /*.site-header {top: 20px;}*/
	   .navbar-brand img { /*margin: -0px 0 -10px !important; width: 75%;*/}
       .custom-social-icons-top-1{position:fixed; top:13px; right:0; margin-right:2.8%; z-index: 9999}
	  .services_page h3{ font-size:24px; line-height:30px;}
	  .services_page{}
	  .service-page-inner-block-1{ margin:0 2% 0 12%;}
	  .service-page-inner-block-2{ margin:0 2% 0 12%;}
	   }
	 
	   .services_page{}
	   @media (min-width: 1299px) and (max-width: 1498px){
	   .about-us-page-main-part { margin: 0 6% !important; }		   
	  .services_page h3{ font-size:30px; line-height:40px; font-weight: 400;}
	  .case-study-page #brief_2-2.section{padding: 65px 0 35px !important;}
	   .how-we-work #brief_2-2.section{padding: 50px 0;}
	   .how_work {
    margin: 0 6% !important;
}
.how-we-work-page .blue-bg-section {
    
    padding: 40px 60px !important;
}

.how-we-work-page h2 {
    
   
}
	  
	   }
	   
	  .service-page-inner-block-1-1{ background: #f5f5f5 !important; }
	  .service-page-inner-block-2-1{ background: #ececec !important; }
	  .service-page-inner-block-2-3{ background: #e5e5e5 !important; }
	   
	   @media (min-width: 1299px) and (max-width: 1498px){
	   .nav-top-custom-style{ margin-left:2%; margin-top:90px; padding:0px; opacity:0.9;display:block;  }
	   }
	   @media (min-width: 1499px) and (max-width: 1598px){
	   .nav-top-custom-style{ margin-left:2%; margin-top:90px; padding:0px; opacity:0.9;display:block;  }
	   }




@media screen and (max-width: 1280px){
.services_page .section-content p {
    	font-size: 17px !important;
   		line-height: 26px !important;
	  }

	.section_list li {
    background: rgba(0, 0, 0, 0) url("../img/bullet.png") no-repeat scroll left 11px / 12px 12px;
    font-size: 17px;
    line-height: 35px;
    padding-left: 23px;
}

#career .section {
   
}
}

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


.click-menu{
	display: none;
}

.vertical-nav
{

    float: left !important;
    margin-top: 12px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    position: fixed;
    text-align: center !important;
    top: 23px !important;
    width: 100%;
    z-index: 3010;
   
   
	/* top: -moz-calc(30% - 100px);	 */
	
	/*left: 60px;*/
	
	-moz-border-radius: 0%;
	-webkit-border-radius: 0%;
	border-radius: 0%
}

}

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


#career .services_page .brief-2-second-part-text{

	 margin: 0 0 !important;
}

.vertical-nav
{

      border-radius: 0;
    float: left !important;
    margin-top: 12px !important;
    padding-bottom: 0 !important;
    padding-left: 22px !important;
    position: fixed;
    text-align: center !important;
    top: 23px !important;
    width: 100%;
    z-index: 3010;
   
	/* top: -moz-calc(30% - 100px);	 */
	
	/*left: 60px;*/
	
	-moz-border-radius: 0%;
	-webkit-border-radius: 0%;
	border-radius: 0%
}

}

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

.vertical-nav
{

    float: left !important;
    margin-top: 12px !important;
    padding-bottom: 0 !important;
    padding-left: 52px !important;
    position: fixed;
    text-align: center !important;
    top: 23px !important;
    width: 100%;
    z-index: 3010;
   
	/* top: -moz-calc(30% - 100px);	 */
	
	/*left: 60px;*/
	
	-moz-border-radius: 0%;
	-webkit-border-radius: 0%;
	border-radius: 0%
}
}

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

.vertical-nav
{

    float: left !important;
    margin-top: 12px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    position: fixed;
    text-align: left !important;
    top: 85px !important;
    width: 100%;
    z-index: 3010;
   
	/* top: -moz-calc(30% - 100px);	 */
	
	/*left: 60px;*/
	
	-moz-border-radius: 0%;
	-webkit-border-radius: 0%;
	border-radius: 0%
}
}














	   @media (min-width: 299px) and (max-width: 1569px) {
	   /*.click-menu { display:block !important;} 
		.vertical-nav { display:none; background:#fff;  border: 1px solid #d2d2d2;}	   
	      .menu-toggle{display:none !important;}*/	
	   }
	   @media (min-width: 299px) and (max-width: 398px) {
	   	.click-menu { display:block !important;} 
	   }
	   @media (min-width: 499px) and (max-width: 598px) {
	   	.click-menu { display:block !important;} 
	   }
	   @media (min-width: 599px) and (max-width: 698px) {
	   	.click-menu { display:block !important;} 
	   }
	   @media (min-width: 699px) and (max-width: 768px) {
	   	.click-menu { display:block !important;} 
	   }
	   @media (min-width: 769px) and (max-width: 898px) {
	   	.click-menu { display:none !important;} 
	   }
	   @media (min-width: 899px) and (max-width: 998px) {
	   	.click-menu { display:none !important;} 
	   }
	   @media (min-width: 999px) and (max-width: 1098px) {
	   	.click-menu { display:block !important;} 
	   }
	   @media (min-width: 1099px) and (max-width: 1199px) {
	   	.click-menu { display:block !important;} 
	   }
	   .vertical-nav .nav > li > a:focus, .vertical-nav .nav > li > a:hover{
			background-color:transparent !important;
		}
	   @media (min-width: 299px) and (max-width: 498px) {
	   	.custom-container{	width:auto; !important;}
	   .nav-top-custom-style{ background: #ececec none repeat scroll 0 0;  border: 0px solid #000; display: none; height: 318px; overflow-y:scroll; margin: 110px 0%; opacity: 1; padding: 0px; position: fixed !important;   z-index: 9999; width: 262px; }
	   .menu-bottom-margin-set{ margin-top:150px !important;}
	   .vertical-nav a {	color:#000;	padding:16px 30px !important;	}
	   .vertical-nav .nav > li > a.active-page{ background-color: #0E79BE !important; color: #fff; }
	   .vertical-nav .nav > li > a:focus, .vertical-nav .nav > li > a:hover{ background-color: #0E79BE !important; color: #fff; }
	   .vertical-nav a:hover { background: #0E79BE !important;}
	   } 
	    @media (min-width: 499px) and (max-width: 599px) {
	   .nav-top-custom-style{ background: #ececec none repeat scroll 0 0;  border: 0px solid #000; display: none; margin: 110px 0%; opacity: 1; padding: 0px; position: fixed !important;   z-index: 9999;}
	   .menu-bottom-margin-set{ margin-top:150px !important;}
	   .vertical-nav a {	color:#000;	padding:16px 30px !important;	}
	   .vertical-nav .nav > li > a.active-page{ background:none !important; color: #fff; }
	   .vertical-nav .nav > li > a:focus, .vertical-nav .nav > li > a:hover{ background-color: #0E79BE !important; color: #fff; }
	   .vertical-nav a:hover { background: #0E79BE !important;}
	   }   
	   @media (min-width: 499px) and (max-width: 598px){
		
		.click-menu { margin: 50px -7px 0 0px !important; right:3%; z-index: 9999 !important;}    		
		/*.vertical-nav .nav li { font-size: 15px; line-height: 11px; opacity: 1; list-style-type:none; display:inline-block; margin: 0 2px 0 2px; }
	    .vertical-nav .nav li a.vertical-menu::before {background-image:none !important; margin: 4px 5px 0 0 !important;} 
	    .vertical-nav .nav .point{ display:none;}	    
	    .vertical-nav .nav li a.vertical-menu::before {margin: 4px 5px 0 0 !important;}
		.vertical-nav a { color: #000; font-size: 12.5px !important; font-weight:600; line-height: 24px; padding: 0 !important; }*/
		.left-side-border { border-bottom: 1px dashed #fff;    border-left: 0 solid #fff !important;  margin:-301px 0 159px !important; padding: 0 0 15px !important;  text-align: center; }   
		.right-side-spacing { margin-top: 140px !important;  padding-bottom: 20px; padding-right: 30px; }
		.text-right-side { text-align: left; }
		.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{ margin-left:auto !important;}
		#home .section-heading h1 { font-size:36px;}
		#home .section-heading p { font-size:24px;}
		 #home .section-heading h2 { font-size:40px;}
		
	   }
	   @media (min-width: 699px) and (max-width: 768px){
		.left-side-border { border-bottom: 1px dashed #fff;    border-left: 0 solid #fff !important;  margin: -268px 0 127px; padding: 0 0 15px !important;  text-align: center; }   
		.right-side-spacing { margin-top: 100px !important;  padding-bottom: 20px; padding-right: 30px; }
		.text-right-side { text-align: left; }
		#brief_3 .carousel-inner > .item > a > img, #brief_3  .carousel-inner > .item > img, #brief_3  .img-responsive, #brief_3  .thumbnail a > img, .thumbnail > img{ margin-left:auto;}
	   }
	   @media (min-width: 599px) and (max-width: 698px){
	   
	    	.vertical-nav .nav > li > a.active-page{ border-bottom: 0px solid #000; color: #0E79BE;}
	    	.vertical-nav .nav > li > a:focus, .vertical-nav .nav > li > a:hover{ border-bottom: 0px solid #000; color: #0E79BE; }
		.left-side-border {     border-left: 0 solid #fff !important;  margin: -300px 0 140px; padding: 0 0 15px !important;  text-align: center; border-bottom: 1px solid #000; border-bottom: 1px dashed #fff !important;}   
		.right-side-spacing { margin-top: 100px !important;  padding-bottom: 20px; padding-right: 30px; }
		.text-right-side { text-align: left; }
		.vertical-nav .nav li { font-size: 15px; line-height: 11px; opacity: 1; list-style-type:none; display:inline-block; margin: 0 4px 0 4px; }
	    .vertical-nav .nav li a.vertical-menu::before {background-image:none !important; margin: 4px 5px 0 0 !important;} 
	    .vertical-nav .nav .point{ display:none;}	    
	    .vertical-nav .nav li a.vertical-menu::before {margin: 4px 5px 0 0 !important;}
		.vertical-nav a { color: #000; font-size: 14px !important; line-height: 24px; padding: 0 !important; }
		#home .section-heading h1 { font-size:36px;}
		#home .section-heading p{font-size:24px;}
		#home .section-heading h2 { font-size:40px;}
	   }
	    @media (min-width: 699px) and (max-width: 768px){
	    	.vertical-nav .nav > li > a.active-page{ border-bottom: 1px solid #000; }
	    	.vertical-nav .nav > li > a:focus, .vertical-nav .nav > li > a:hover{ border-bottom: 1px solid #000; }
		.click-menu { margin: 50px -7px 0 0px !important; right:3%; z-index: 9999 !important;}   
		.nav-top-custom-style{ display: none; margin: 0 4%; opacity: 0.9; padding: 4px 7px 4px; position: fixed !important; right: 0; text-align: right; top: 12% !important; z-index:9999; }

	    .vertical-nav .nav li { font-size: 15px; line-height: 11px; opacity: 1; list-style-type:none; display:inline-block; margin: 0 4px 0 4px; }
	    .vertical-nav .nav li a.vertical-menu::before {background-image:none !important; margin: 4px 5px 0 0 !important;} 
	    .vertical-nav .nav .point{ display:none;}	    
	    .vertical-nav .nav li a.vertical-menu::before {margin: 4px 5px 0 0 !important;}
		.vertical-nav a { color: #000; font-size: 13.5px !important; line-height: 24px; padding: 0 0 0px !important; }
		.vertical-nav { background: none; border: 0px solid #d2d2d2; }	   
	   .section-heading h1{ font-size:36px;}
	    .section-heading h2 { font-size:40px;}
	   .our-work-page-block .section-heading h2 { font-size:40px; font-weight:400;}
		#home .section-heading p { font-size: 24px;} 	   
		.right_section_images { font-size: 24px; }
		.banner-img-text-second { margin: 70px 0 0 -150px; position: absolute; }
	   }
	   .our-work-page-block h2::before {  border: 0 solid #1179be;
    bottom: 0;
    color: #000;
    content: "";
    position: absolute;
    width: 72px;}
	   .our-work-page-block h2{color:#000 !important;}
	   .our-work-page-block-1 h2  { border-bottom: 0px solid #1179be; color:#000 !important;}

	   @media (min-width: 699px) and (max-width: 768px){
	   .click-menu { margin: 55px -7px 0 0px !important; right:3%; z-index: 9999 !important;}   		
	   .nav-top-custom-style{ display: block; margin: 0 0%; opacity: 0.9; padding: 5px 5px 5px 0; position: fixed !important; right: 0; text-align: right; top: 75px !important; border-bottom: 1px solid #000; background: #eee;}
	   	.vertical-nav .nav > li > a.active-page{ border-bottom: 0px solid #000; color: #0E79BE;}
	    	.vertical-nav .nav > li > a:focus, .vertical-nav .nav > li > a:hover{ border-bottom: 0px solid #000; color: #0E79BE; }
	   .vertical-nav .nav li { font-size: 15px; line-height: 11px; opacity: 1; list-style-type:none; display:inline-block; }
	   .vertical-nav .nav li a.vertical-menu::before {background-image:none !important;}
	   .vertical-nav .nav .point{ display:none;}	    
	   .vertical-nav .nav li a.vertical-menu::before {margin: 4px 5px 0 0 !important;}
	   .vertical-nav {
    display: none;
}
	   }
	   @media (min-width: 599px) and (max-width: 698px){
	   .click-menu { margin: 55px -7px 0 0px !important; right:3%; z-index: 9999 !important;}   		
	   .nav-top-custom-style{ display: block; margin: 0 10%; opacity: 0.9; padding: 5px 5px 5px 0; position: fixed !important; right: 0; text-align: right; top: 85px !important; }
	   .vertical-nav .nav li { font-size: 15px; line-height: 11px; opacity: 1; list-style-type:none; display:inline-block; }
	   .vertical-nav .nav li a.vertical-menu::before {background-image:none !important;}
	   .vertical-nav .nav .point{ display:none;}	    
	   .vertical-nav .nav li a.vertical-menu::before {margin: 4px 5px 0 0 !important;}
	   }
	   @media (min-width: 599px) and (max-width: 698px){
	   .click-menu { margin: 50px -7px 0 0px !important; right:3%; z-index: 9999 !important;}   
	   .nav-top-custom-style{ }
	   .nav-top-custom-style{ border-bottom: 1px solid #000; background: #eee;
    margin: 0;
    opacity: 0.9;
    padding: 8px 8px 8px 12px !important;
    position: fixed !important;
    right: 0;
    text-align: right;
    top: 75px !important;
    z-index: 9999;}
	   .vertical-nav {
		    display: none;
		}
	   .vertical-nav a { color: #000; font-size: 13.5px !important; line-height: 24px; padding: 0 !important; }
	   
	   .right_section_images { font-size: 24px; }    
	   }

	     @media (min-width: 299px) and (max-width: 598px){

	     	.vertical-nav .nav > li > a.active-page {
    background: #0e79be  !important;
    color: #fff;
}
	     }

	   @media (min-width: 199px) and (max-width: 298px){
	   	.navbar-brand-wrap {   display: table;    height: 115px; }
	   	.navbar-brand img { /*margin: -20px 0 0 10px; width: 75%; */  height: 48px;}
	   	.right_section_images { font-size: 24px; }
	   }
	   @media (min-width: 299px) and (max-width: 398px){
	   	.navbar-brand-wrap {   display: table;    height: 115px; }
	   	.navbar-brand img { /*margin: -20px 0 0 10px; width: 65%; */  height: 48px;}
	   	.right_section_images { font-size: 24px; }
	   	.case-study-page .container-fluid{margin: 0 0 0 0 !important;}
	   }
	   @media (min-width: 399px) and (max-width: 498px){
	   	.click-menu { display: block !important; }
	   	.navbar-brand-wrap {   display: table;    height: 115px; }
	   	.navbar-brand img { /*margin: -20px 0 0 10px; width: 65%; */  height: 48px;}
	   	.right_section_images { font-size: 24px; }
	   	.case-study-page .container-fluid{margin: 0 0 0 0 !important;}
	   }
	   @media (min-width: 499px) and (max-width: 598px){
	   	.navbar-brand-wrap {   display: table;    height: 115px; }
	   	.navbar-brand img {/* margin: -20px 0 0 10px; width: 65%; */  height: 48px;margin-left: 18px !important;}
	   	.right_section_images { font-size: 24px; }
	   	.case-study-page .container-fluid{margin: 0 0 0 0 !important;}
	   }
	   @media (min-width: 599px) and (max-width: 698px){
	   	.navbar-brand-wrap {   display: table;    height: 115px; }
	   	.navbar-brand img { /*margin: -30px 0 0 10px; width: 65%; */ height: 48px;}
	   	.left-top-section { margin-top: 155px; }
	   	.case-study-page .container-fluid{margin: 0 0 0 0 !important;}
	   }
	    @media (min-width: 699px) and (max-width: 768px){
	   	.navbar-brand-wrap {   display: table;    height: 115px; }
	   	.navbar-brand img { /*margin: -30px 0 0 10px; width: 65% !important; */ height: 48px;}
	   	.case-study-page .container-fluid{margin: 0 0 0 0 !important;}
	   	 .vertical-nav{display: none;}
	   }
	   @media (min-width: 769px) and (max-width: 799px){
	   	.navbar-brand-wrap {   display: table;    height: 115px; }
	   	.navbar-brand img { /*margin: -30px 0 0 10px; width: 65% !important; */}
	   	.case-study-page .container-fluid{margin: 0 0 0 0 !important;}
	   }
	    @media (min-width: 769px) and (max-width: 998px){
	   	.navbar-brand-wrap {   display: table;    height: 115px; }
	   	.navbar-brand img { /*margin: -0px 0 0 10px; width: 75%; */}
	   	.nav-top-custom-style{ border-bottom: 1px solid #000; background: #eee;}
	   }
	   @media (min-width: 769px) and (max-width: 798px){
	   .banner-img-text-first {width: 120%;}
       .banner-img-text-second { display: none; margin: 100px 0 0 -130px; position: absolute; }
		.click-menu { margin: 55px -7px 0 0px !important; right:3%; z-index: 9999 !important;}   
		
	   .nav-top-custom-style{ display: block; margin: 0 0%; opacity: 0.9; padding: 5px 10px 5px 0; position: fixed !important; right: 0; text-align: right; top: 82px !important; border-bottom: 1px solid #000; }
	   .vertical-nav .nav li { font-size: 15px; line-height: 11px; opacity: 1; list-style-type:none; display:inline-block; }
	   .vertical-nav .nav li a.vertical-menu::before {background-image:none !important;}
	   .vertical-nav .nav .point{ display:none;}	    
	   .vertical-nav .nav li a.vertical-menu::before {margin: 4px 5px 0 0 !important;}
	   .section-heading h1{font-size:36px;}
	   .section-heading h2 { font-size:40px;}
		#home .section-heading p { font-size: 24px;} 	   
		.right_section_images { font-size: 24px; }
		.cus-col-sm-8 { width: 100%; }
		.custom-container { width: 480px !important; }
			.vertical-nav .nav > li > a.active-page{ border-bottom: 0px solid #000; color: #0E79BE;}
	    	.vertical-nav .nav > li > a:focus, .vertical-nav .nav > li > a:hover{ border-bottom: 0px solid #000; color: #0E79BE; }
	    	.case-study-page .container-fluid{margin: 0 0 0 0 !important;}
	   }
	   @media (min-width: 799px) and (max-width: 898px){
	   	.vertical-nav .nav > li > a.active-page{ border-bottom: 0px solid #000; color: #0E79BE;}
	    	.vertical-nav .nav > li > a:focus, .vertical-nav .nav > li > a:hover{ border-bottom: 0px solid #000; color: #0E79BE; }
		.click-menu { margin: 55px -7px 0 0px !important; right:3%; z-index: 9999 !important;}   
		.vertical-nav { background: none; border: 0px solid #d2d2d2; margin-left:1%; padding:20px 15px 10px 15px;  opacity: 0.9; }	   
	    .nav-top-custom-style{ display: block; margin: 0 0%; opacity: 0.9; padding: 5px 10px 5px 0; position: fixed !important; right: 0; text-align: right; top: 82px !important; border-bottom: 1px solid #000;  }
	   .vertical-nav .nav li { font-size: 15px; line-height: 11px; opacity: 1; list-style-type:none; display:inline-block; }
	   .vertical-nav .nav li a.vertical-menu::before {background-image:none !important;}
	   .vertical-nav .nav .point{ display:none;}	    
	   .vertical-nav .nav li a.vertical-menu::before {margin: 4px 5px 0 0 !important;} 
	   .section-heading h1{font-size:36px;}
	   .section-heading h2 { font-size:34px;}
	   #home .section-heading p { font-size: 21px;}
	   .right_section_images { font-size: 24px; }
	   .custom-container { width: 720px !important; }
	   .case-study-page .container-fluid{margin: 0 0 0 0 !important;}
	   }
	   @media (min-width: 899px) and (max-width: 998px){
		
	   #home .section-heading h1, #home .section-heading h2 { font-size:40px;} #home .section-heading p { font-size: 24px;} 	
	   .nav-top-custom-style{ display: block; margin: 0 0%; opacity: 0.9; padding: 5px 10px 5px 0; position: fixed !important; right: 0; text-align: right; top: 85px !important; border-bottom: 1px solid #000;  }    
	   	.vertical-nav .nav > li > a.active-page{ border-bottom: 0px solid #000; color: #0E79BE;}
	    	.vertical-nav .nav > li > a:focus, .vertical-nav .nav > li > a:hover{ border-bottom: 0px solid #000; color: #0E79BE; }
	    	.case-study-page .container-fluid{margin: 0 0 0 0 !important;}
	   }
	   @media (min-width: 999px) and (max-width: 1098px){
	   		.vertical-nav .nav > li > a.active-page{ border-bottom: 0px solid #000; color: #0E79BE;}
	    	.vertical-nav .nav > li > a:focus, .vertical-nav .nav > li > a:hover{ border-bottom: 0px solid #000; color: #0E79BE; }
		.click-menu { display:none !important;}    
		.services_page .brief-2-first-part-text { margin: 0 5% 0 0%; }
		.vertical-nav { background: none repeat scroll 0 0; border: 0px solid #d2d2d2; display: block; opacity: 0.85; padding: 20px; }   
		.custom-top-logo { margin-top: 10px; }
		.left-top-section {margin-top: -5px; margin-bottom: 168px !important; margin-left: 10%; }
		.section-heading h1{font-size:40px;}
		.section-heading h2 { font-size:34px;}
		#home .section-heading p { font-size: 21px;}
		.right_section_images { font-size: 24px; }
		.contact-us-page-main-part { margin: 0 4% !important}
		.service-page-inner-block-1{ margin:0 7% 0 13%;}
		.case-study-page .container-fluid{margin: 0 4% !important;}
		
	   }
	   .case-study-page .container-fluid{margin:0 12%;}
	   	   .main-page .site, .main-page .site-canvas, .main-page .site-main { margin-top: -20px; position: relative; }
	   @media (min-width: 199px) and (max-width: 298px){
		 .banner-img-first img{ max-width:200px !important;}
		.banner-img-second img { max-width:200px !important;}
		.banner-img-last img{ max-width:200px !important;}
		.whatwebulid {
    margin: 0;
}

	    }
	    @media (min-width: 299px) and (max-width: 398px){
		 .banner-img-first img{ max-width:200px !important;}
		.banner-img-second img { max-width:200px !important;}
		.banner-img-last img{ max-width:200px !important;}
		.whatwebulid {
    margin: 0;
}

	    }
	    @media (min-width: 399px) and (max-width: 498px){
		 .banner-img-first img{ max-width:200px !important;}
		.banner-img-second img { max-width:200px !important;}
		.banner-img-last img{ max-width:200px !important;}
		.whatwebulid {
    margin: 0;
}

	    }
	    @media (min-width: 499px) and (max-width: 598px){
		 .banner-img-first img{ max-width:220px !important;}
		.banner-img-second img { max-width:220px !important;}
		.banner-img-last img{ max-width:220px !important;}
		.whatwebulid {
    margin: 0;
}

	    }
 		@media (min-width: 599px) and (max-width: 698px){
		.banner-img-first img{ max-width:220px !important;}
		.banner-img-second img { max-width:220px !important;}
		.banner-img-last img{ max-width:220px !important;}
		.whatwebulid {
    margin: 0;
}

	    }
	    @media (min-width: 699px) and (max-width: 898px){
		.banner-img-first img{ max-width:220px !important;}
		.banner-img-second img { max-width:220px !important;}
		.banner-img-last img{ max-width:220px !important;}
		.whatwebulid {
    margin: 0;
}

	    }
	   @media (min-width: 769px) and (max-width: 798px){
	   	.brief-2-first-part-text{margin: 0 0%;}
	   .brief-2-seconds-part-text{margin: 0 5% 0 0; }
	    #brief_3 .mid-text-3 img{ max-width: 90%; }
	    .mid-text-3{ margin: 0 0 0 4%; }
	     .about-us-page-main-part {
    		margin: 0 !important;
		}
		.whatwebulid {
    margin: 0;
}

	   } 
	   @media (min-width: 799px) and (max-width: 898px){
		/*.service-page-inner-block-1{ margin:0 7% 0 13%;}
		 .service-page-inner-block-2{ margin:0 -5% 0 12% !important;} */
		.service-page-inner-block-1{ margin:0 0 0 0%;}
		.service-page-inner-block-2{ margin:0 0 0% !important;}
		.cus-col-sm-8 { margin-left: 12%; margin-right: 12%; width: 580px; }
		.banner-img-first img{ max-width:220px !important;}
		.banner-img-second img { max-width:220px !important;}
		.banner-img-last img{ max-width:220px !important;}
		.right_section_images { margin-left: 110% !important; }
		.banner-img-text-second { margin: 70px 0 0 -140px; }
		.banner-img-text-first { margin: -120px 0 0 225px;}
		.left-top-section { margin-bottom: 50px; margin-left: 5%; margin-top: 30px; opacity: 1; }
		.brief-2-first-part-text{margin: 0 0%;}
	   .brief-2-seconds-part-text{margin: 0 0 0; }

	   .about-us-page-main-part {
    		margin: 0 !important;
		}
		.nav-top-custom-style {
   			display: block;
    margin-bottom: 10px !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0 !important;
    opacity: 0.9;
    padding: 3px 15px 3px 0 !important;
    position: fixed !important;
    right: 0;
    text-align: center !important;
    top: 100px !important;
    width: 100%;
    background: #eee;
}
.whatwebulid {
    margin: 0;
}

	   }

	   @media (min-width: 899px) and (max-width: 998px){
		.how-we-work-page h2{ font-size: 32px !important; line-height: 45px !important; padding-top: 20px; }   
		.services_page .brief-2-first-part-text { margin: 0 5% 0 0%; }
	   	.service-page-inner-block-1{ margin:0 0% 0 0%;}
		.service-page-inner-block-2{ margin:0 0% 0 0% !important;}
		.cus-col-sm-8 { margin-left: 12%; margin-right: 12%; width: 670px; }
		.left-top-section { margin-bottom: 50px; margin-left: 5%; margin-top: 30px; opacity: 1; }		
		.click-menu { margin: 50px -7px 0 0px !important; right:3%; z-index: 9999 !important;}   
		.cus-col-sm-8 { margin-left: 12%; margin-right: 12%; width: 580px; }
		   .banner-img-first img{ max-width:220px !important;}
		.banner-img-second img { max-width:220px !important;}
		.banner-img-last img{ max-width:220px !important;}
		.right_section_images { margin-left: 110% !important; }
		.banner-img-text-second {  margin: 70px 0 0 -175px; }
		.banner-img-text-first { margin: -130px 0 0 235px; }
		/*.vertical-nav {margin-left: 2%; border:1px solid #d2d2d2; background:#fff; padding: 20px; opacity:0.85; }
		  Commented for Horizantal menu display none 
		  .vertical-nav { background: #fff; border: 1px solid #d2d2d2; }	   */
	   


	   .nav-top-custom-style {
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    opacity: 0.9;
    padding: 3px 15px 3px 0;
    position: fixed !important;
    right: 0;
    text-align: center;
    top: 100px !important;
    width: 100%;
}
	   .vertical-nav .nav li { font-size: 15px; line-height: 11px; opacity: 1; list-style-type:none; display:inline-block; }
	   .vertical-nav .nav li a.vertical-menu::before {background-image:none !important;}
	   .vertical-nav .nav .point{ display:none;}
	   .click-menu { display:none !important;}
	   .vertical-nav .nav li a.vertical-menu::before {margin: 4px 5px 0 0 !important;} 
	   .brief-2-first-part-text{margin: 0 0%;}
	   .brief-2-seconds-part-text{margin: 0 5% 0 0; }
	   #brief_3 .brief_3-main-part-container {margin: 0 0 0 1%;}
	    .mid-text-2-inner{font-size:18px;}
	   }
	   #brief_3 .brief_3-main-part-container {margin: 0 0 0 12%;}


	   @media (min-width: 599px) and (max-width: 698px){
	   	.service-page-inner-block-1{ margin:0 2% 0 2%;}
		.service-page-inner-block-2{ margin:0 2% 0 2%;}
		.banner-img-first img{ max-width:200px !important;}
		.banner-img-text-first { margin: -110px 0 0 225px;}
		.banner-img-second img { max-width:200px !important; }
		.banner-img-second { margin-right: -64px; margin-top: 42px !important; }
		.banner-img-text-second { margin: 60px 0 0 -180px; }
		.banner-img-last { margin-left: -30% !important; margin-top: 280px !important; }
		.banner-img-text-last { margin: -160px 0 0 225px !important; }
		.banner-img-last img{ max-width:200px !important;}
	   }
	   @media (min-width: 699px) and (max-width: 768px){
	   	.service-page-inner-block-1{ margin:0 0% 0 0%;}
		.service-page-inner-block-2{ margin:0 2% 0 0%;}

		.services_page .img-responsive.brief_2-bottom-space {
    width: 100%;
    margin-left: 0;	

}

		.banner-img-first img{ max-width:200px !important;}
		.banner-img-text-first {margin: -110px 0 0 225px; }
		.banner-img-second img { max-width:200px !important;}
		.banner-img-last img{ max-width:200px !important;}

		.how-we-work-page h2 {
    color: #353a3f;
    font-size: 32px;
    font-weight: 400;
    line-height: 60px;
    margin: 1% 13% 0;
}


	   }	   	  

	    @media (min-width: 769px) and (max-width: 1098px){
.how-we-work-page h2 {
    
    font-size: 32px;
    font-weight: 400;
    line-height: 43px;
    
}


	    }

	   @media (min-width: 999px) and (max-width: 1098px){
	   	.service-page-inner-block-1{ margin:0 4%;}
		.service-page-inner-block-2{ margin:0 4%;}
		.banner-img-first img{ max-width:200px !important;}
		.banner-img-second img { max-width:200px !important;}
		.banner-img-last img{ max-width:200px !important;}
	   }
	   @media (min-width: 1099px) and (max-width: 1198px){
	   	.service-page-inner-block-1{ margin:0 5%}
		.service-page-inner-block-2{ margin:0 5%;}
		.banner-img-first img{ max-width:200px !important;}
		.banner-img-second img { max-width:200px !important;}
		.banner-img-last img{ max-width:200px !important;}
		.navbar-brand img {
    height: 55px;}
	   }
	   @media (min-width: 1199px) and (max-width: 1298px){
	   	.service-page-inner-block-1{ margin: 0 6%;}
		.service-page-inner-block-2{ margin:0 6%;}
		.banner-img-first img{ max-width:200px !important;}
		.banner-img-second img { max-width:200px !important;}
		.banner-img-last img{ max-width:200px !important;}
		.banner-img-text-first { margin: -110px 0 0 55% !important; }
		.banner-img-text-second { margin: 80px 0 0 -140px; position: absolute; }
		.banner-img-last { margin-left: -74.2%; margin-top: 195px !important; }
		.banner-img-text-last { margin: -160px 0 0 210px; position: absolute; width: 270px; }
		.case-study-page .container-fluid {
    margin: 0 6%;
}
.brief-2-first-part-text{margin: 0 6%;}
.brief-2-seconds-part-text {
    margin: 0 6%;
}
	   }
	   @media (min-width: 999px) and (max-width: 1098px){	
		.how-we-work-page h2{ font-size: 25px !important;
    line-height: 43px !important;
    margin: 16px 0 0 6% !important;
    padding-top: 20px;}
		.custom-top-logo { margin-top:90px; }
		.cus-col-sm-8 { margin-left: 7%; margin-right: 1%; width: 520px; padding-left:3%;}
		.banner-img-first { margin-left: -30px !important; }	
		.banner-img-second{  float:right; margin-right:-0%; margin-top:72px; }
		.banner-img-text-first { margin: -110px 0 0 53% !important; }
		.banner-img-text-second{position:absolute;margin: 70px 0 0 -140px;  }
		.banner-img-last { margin-left: -84.2%; margin-top: 275px !important; }		
		.banner-img-text-last { margin: -160px 0 0 210px; position: absolute; width: 270px; }
		.right_section_images {margin-top: -15px !important;}
		.brief-2-seconds-part-text{margin: 0 12%; }
		}
		@media (min-width: 1099px) and (max-width: 1198px){
		.custom-top-logo { margin-top:60px; }
		.cus-col-sm-8 { margin-left: 7%; margin-right: 1%; width: 560px;}
		.banner-img-first { margin-left: -30px !important; }	
		.banner-img-second{  float:right; margin-right:-18%; margin-top:30px; }
		.banner-img-text-first { margin: -110px 0 0 55% !important; }
		.banner-img-text-second{position:absolute;margin: 80px 0 0 -140px;  display:none;}
		.banner-img-last { margin-left: -70%; margin-top: 195px !important; }		
		.right_section_images {margin-top: -10px !important;}

		}
	   @media (min-width: 1099px) and (max-width: 1298px){
		.click-menu { display:none !important;}    
		.vertical-nav { display:block; background:none;  border: 0px solid #d2d2d2; padding-left:20px;}   
		.custom-top-logo { margin-top: 20px; }
		.left-top-section {margin-top: -5px; margin-bottom: 168px !important; margin-left: 10%; }
		.section-heading h1, .section-heading h2 { font-size:40px;}
		#home .section-heading p { font-size: 24px;} 
	   }
	   @media (min-width: 1099px) and (max-width: 1198px){
		.contact-us-page-main-part { margin: 0 6% !important}
		.brief-2-seconds-part-text{margin: 0 12%; }
	   }
	   @media (min-width: 1199px) and (max-width: 1298px){
		.click-menu { display:none !important;}       
		.vertical-nav { display:block; background:none;  border: 0px solid #d2d2d2; padding-left:20px;}
		.custom-top-logo { margin-top: 20px; }
		.left-top-section {margin-top: -5px; margin-bottom: 168px !important; margin-left: 10%; }
		.section-heading h1, .section-heading h2 { font-size:40px;}
		#home .section-heading p { font-size: 24px;} 
		.contact-us-page .section{ margin: 0 0 0 0px;}		
		.contact-us-page-main-part { margin:0 6% !important}
		 .brief-2-seconds-part-text{margin: 0 6%; }
	   }
	   @media (min-width: 1299px) and (max-width: 1398px){
	   .banner-img-first img{ max-width:200px !important;}
	   .banner-img-second img { max-width:200px !important;}
	   .banner-img-last img{ max-width:200px !important;}
	   .banner-img-text-second { margin: 75px 0 0 -140px; position: absolute; }
	   .cus-col-sm-8 { margin-left: 7%; margin-right: 1%; padding-left:6%; width: 720px;}
	   .section-heading h1, .section-heading h2 { font-size:40px;font-weight: normal;}
		#home .section-heading p { font-size: 24px;} 
		.our-work-page-block { margin: 0 6% !important; }
		.our-work-page-block-1 { margin: 0 6% !important; }
		 .brief-2-seconds-part-text{margin: 0 6%; }
		   .service-page-inner-block-2 {
    margin: 0 6%;
}
		.case-study-page .container-fluid {
    margin: 0 6%;
}
.whatwebulid {
    margin: 0 6%;padding-bottom: 50px;
}
.contact-us-page-main-part {
    margin: 0 6% !important;
}
.mid-text-3 {
    margin-left: 0;
    margin-top: 35px;
}
	   }
	   @media (min-width: 1399px) and (max-width: 1498px){
	   .banner-img-first img{ max-width:220px !important;}
	   .banner-img-second img { max-width:220px !important;}
	   .banner-img-last img{ max-width:220px !important;}
	   .banner-img-text-second { margin: 75px 0 0 -180px; position: absolute; }
	   .cus-col-sm-8 { margin-left: 7%; margin-right: 1%; padding-left:6%; width: 720px;}
	   .section-heading h1, .section-heading h2 { font-size:40px;font-weight: normal;}
		#home .section-heading p { font-size: 24px;} 
		.our-work-page-block { margin: 0 3% 0 12% !important; }
		.our-work-page-block-1 { margin: 0 3% 0 12% !important; }

		 .brief-2-seconds-part-text{margin: 0 6% !important; }
		 .service-page-inner-block-2 {
    margin: 0 12%;
}
.case-study-page .container-fluid {
    margin: 0 6%;
}
	   }
	   @media (min-width: 1499px) and (max-width: 1598px){
	   .banner-img-first img{ max-width:240px !important;}
	   .banner-img-second img { max-width:240px !important;}
	   .banner-img-last img{ max-width:240px !important;}
	   .banner-img-text-second { margin: 75px 0 0 -180px; position: absolute; }
	   .cus-col-sm-8 { margin-left: 7%; margin-right: 1%; padding-left:6%; width: 720px;}
	   .section-heading h1, .section-heading h2 { font-size:50px;}
		#home .section-heading p { font-size: 30px;} 
				 .brief-2-seconds-part-text{margin: 0 6% !important; }
				 .service-page-inner-block-2 {
    margin: 0 12%;
}
.whatwebulid {
    margin: 0 6%;
}
		
	   }
	    @media (min-width: 1599px) and (max-width: 1698px){
				 .brief-2-seconds-part-text{margin: 0 10% !important; }	
				 .service-page-inner-block-2 {
    margin: 0 10% !important;
}
.service-page-inner-block-1 {
    margin: 0 10% !important;
}
.our-work-page-block,.brief-2-first-part-text {
    margin: 0 10% !important;
}
.how_work {
    margin: 0 10% !important;
}
.case-study-page .container-fluid {
    margin: 0 10% !important;
}
		}
	   @media (min-width: 1299px) and (max-width: 1598px){
       /* .vertical-nav { background: #fff; border: 0px solid #d2d2d2; }	   
	   .nav-top-custom-style{ margin-left:0px; margin-top:0px; padding:0px; opacity:0.9;display:block; position: fixed !important; right:0; top:8% !important; text-align:right; margin-right:3%; }
	   .vertical-nav .nav li { font-size: 15px; line-height: 11px; opacity: 1; list-style-type:none; display:inline-block; }
	   .vertical-nav .nav li a.vertical-menu::before {background-image:none !important;}
	   .vertical-nav .nav .point{ display:none;}*/
	   .click-menu { display:none !important;} 
	   .service-page-inner-block-1{ margin:0 6%}
	   .brief-2-first-part-text { margin: 0 6% !important;}
	   .service-page-inner-block-2 {
    margin: 0 6%;
}
		.our-work-page-block {
    margin: 0 6% !important;
}

.about-us-page-main-part {
    margin: 0 6% !important;
}
.how_work {
    margin: 0 6% !important;
}

.case-study-page .container-fluid {
    margin: 0 6%;
}

.contact-us-page-main-part {
    margin: 0 6% !important;
}
	   
	   }
	   @media (min-width: 1599px) and (max-width: 2000px){
	   			 .brief-2-seconds-part-text{margin: 0 12%;}
		   .service-page-inner-block-1{ margin:0 12%;}
		.nav-top-custom-style{ margin-left:12px; margin-top:0px; padding:35px; opacity:0.9;display:block;  }
		   .service-page-inner-block-2 {
    margin: 0 12%;
}
	   }
	   @media (min-width: 1599px) and (max-width: 1698px){
		   .service-page-inner-block-1{ margin:0 12%;}
		   
	   }
	   
	   
	    .how-we-work #brief_2-2{ background:none;}
      .services-page-img-sec{ padding-left:15px;}
	  .how-we-work-page h2:before{ border-bottom:0;}
	  .how-we-work-page h2{ color:#353a3f; font-weight:400; }

	  .how-we-work-page .section-heading h2{ color:#0072bc !important; font-weight:400;	border-bottom:0 !important; margin:0 0 0 0; }
	  #brief_2-2 .section{padding: 0}
	  .how-we-work-page .blue-bg-section{ background:#0098d7; color:#fff; font-size:20px; margin:-0px 0 1px -15px; padding:40px 120px; text-align: justify;}
	   @media (min-width: 299px) and (max-width: 398px){
	  .last-row-left-col{ margin:0; border-top:0;}	   
	  .how-we-work-page .blue-bg-section{ background:#0098d7; color:#fff; font-size:20px; margin:0 15px 0 18px !important; padding:40px 120px;} 	   
	  .how-we-work-page .left_bluebg_sec{margin: 0 15px 0 18px !important;  }	
	  .case-study-page .img-responsive  { max-width:100%; margin-left:0 !important;}
	   }
	   @media (min-width: 399px) and (max-width: 498px){
	  .last-row-left-col{ margin:10% 1%; }	   
	  .how-we-work-page .blue-bg-section{ background:#0098d7; color:#fff; font-size:20px; margin:0 15px 0 18px !important; padding:40px 120px;} 	 
	  .how-we-work-page .left_bluebg_sec{margin: 0 15px 0 18px !important;  }	
	  .case-study-page .img-responsive  { max-width:100%; margin-left:0 !important;}
	   }
	   @media (min-width: 499px) and (max-width: 688px){
	  .last-row-left-col{ margin:0; border-top:0;}
	  .how-we-work-page .blue-bg-section, .left_bluebg_sec{ background:#0098d7; color:#fff; font-size:20px; margin:0 15px 0 18px !important; padding:40px 120px;} 	



	  .about-page-img-sec-last .carousel-inner > .item > a > img, .about-page-img-sec-last .carousel-inner > .item > img,  .about-page-img-sec-last .img-responsive, .about-page-img-sec-last .thumbnail a > img, .thumbnail > img { max-width:100%; margin-left:2% !important;}
      .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { max-width:100%; margin-left:auto !important;}

       .case-study-page .img-responsive  { max-width:100%; margin-left: 0 !important;}
	   
	   }
	    @media (min-width: 689px) and (max-width: 767px){
	  .how-we-work-page h2{margin:0 !important;}
	  .blue_part_howwork{
	  	margin: 0 !important;
	  }
	}

	@media (min-width: 768px) and (max-width: 798px){
	  .how-we-work-page h2{margin:1% 2% 0 !important;font-size: 23px;
    font-weight: 400;
    line-height: 33px;}	
	}
	   @media (min-width: 699px) and (max-width: 798px){
	     
	  .last-row-left-col{ margin:0; border-top:0;}
	  .last-row-left-col h3{ padding:0 3%; margin:20px 0 11px !important;}
	  .last-row-left-col p{ padding:0 3%;}
	   }
	   @media (min-width: 799px) and (max-width: 898px){
      	   
	  .last-row-left-col{ margin:0; border-top:0;}
	  .last-row-left-col h3{ padding:0 3%; margin:20px 0 11px !important;}
	  .last-row-left-col p{ padding:0 3%;}

	   }
	   @media (min-width: 899px) and (max-width: 918px){
      	   
	    .last-row-left-col{ margin:3% 10%; border-top:1px solid #000;}
	  .last-row-left-col h3{ padding:0 3%; margin:0px 0 11px !important;}
	  .last-row-left-col p{ padding:0 3%;}  
	   }
	    @media (min-width: 689px) and (max-width: 698px){
	  .how-we-work-page .blue-bg-section{margin:0 0 0  !important; padding:40px 50px;}	
	  .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  } 
	  @media (min-width: 699px) and (max-width: 708px){
	  .how-we-work-page .blue-bg-section{margin: 0 0 0  !important; padding:40px 50px;}	
	  .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }  
	  @media (min-width: 709px) and (max-width: 718px){
	  .how-we-work-page .blue-bg-section{margin: 0 0 0  !important; padding:40px 50px;}	
	  }  
	  @media (min-width: 719px) and (max-width: 728px){
	  .how-we-work-page .blue-bg-section{margin: 0 0 0  !important; padding:40px 50px;}	
	  }  
	  @media (min-width: 729px) and (max-width: 738px){
	  .how-we-work-page .blue-bg-section{margin: 0 0 0  !important; padding:40px 50px;}	
	  } 
	  @media (min-width: 739px) and (max-width: 748px){
	  .how-we-work-page .blue-bg-section{margin:0 0 0 0 !important; padding:40px 50px;}	
	  }  
	  @media (min-width: 749px) and (max-width: 758px){
	  .how-we-work-page .blue-bg-section{margin:0 0 0 0 !important; padding:40px 50px;}	
	  }  
	  @media (min-width: 759px) and (max-width: 767px){
	  .how-we-work-page .blue-bg-section{margin:0 0 0 0 !important; padding:40px 50px;}	
	  } 	 
	  @media screen only and (max-width: 768px){
	  .how-we-work-page .blue-bg-section{}	
	  }  
	  @media (min-width: 769px) and (max-width: 778px){
	  .how-we-work-page .blue-bg-section{}	
	   .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 779px) and (max-width: 788px){
	  
	   .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 789px) and (max-width: 798px){
	 
	   .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 799px) and (max-width: 808px){
	  
	   .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 809px) and (max-width: 818px){
	  
	   .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 819px) and (max-width: 828px){
	 
	   .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 829px) and (max-width: 838px){
	  
	   .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 839px) and (max-width: 848px){
	  
	   .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 849px) and (max-width: 858px){
	  .how-we-work-page .blue-bg-section{}	
	   .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 859px) and (max-width: 868px){
	  
	   .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 869px) and (max-width: 878px){
	  
 .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}	  
	  }
	  @media (min-width: 879px) and (max-width: 888px){
	  
	  .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 889px) and (max-width: 898px){
	  
	  .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 899px) and (max-width: 908px){
	  .how-we-work-page .blue-bg-section{}	
	  .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  .how-we-work-page .last-row-left-col {
    border-top: 0 none;
    margin: 0;
}
	  }
	  @media (min-width: 909px) and (max-width: 918px){
	  .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  .how-we-work-page .blue-bg-section{}	
	  .how-we-work-page h2 {
    color: #353a3f;
    font-weight: 400;
    
   
		}

		.how-we-work-page .last-row-left-col {
    border-top: 0 none;
    margin: 0;
}

	  }
	  @media (min-width: 919px) and (max-width: 999px){
	  .how-we-work-page h2{} 	  
	  .how-we-work-page .blue-bg-section{}
	  .how-we-work-page-block-1{ margin:0 -0% 0 -0% !important;}
	  }
	  @media (min-width: 999px) and (max-width: 1099px){
	  .how-we-work-page h2{} 	  
	  .how-we-work-page .blue-bg-section{}
	  .last-row-left-col h3{ padding:0 3%; margin:20px 0 11px !important;}
	  .last-row-left-col p{ padding:0 3%;}
	  }
	  @media (min-width: 1099px) and (max-width: 1199px){
	  .how-we-work-page h2{}
	  .how-we-work-page .blue-bg-section{}
	  }
	  @media (min-width: 1199px) and (max-width: 1299px){
	  .how-we-work-page h2{}
	  .how-we-work-page .blue-bg-section{}
	  }
	  
	  @media (min-width: 1199px) and (max-width: 1399px){	  
	  .footer-mid-section-1{padding: 0 1% 0 0;}
	  .services-page-img-sec{ margin-bottom: 30px;
    padding-left: 15px;  }
	  }
	   @media (min-width: 699px) and (max-width: 758px){
	   .how-we-work .site-main{margin-left:30px;}
	   .how-we-work.our-works-page-1 .site-main{margin-left:0px;}
	   }
	    @media (min-width: 759px) and (max-width: 799px){
	  .how-we-work .site-main{margin-left:50px;}
	  .how-we-work.our-works-page-1 .site-main{margin-left:0px;}
		}
	  @media (min-width: 699px) and (max-width: 799px){	  
	  .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {  max-width: 100%; }
	  .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { max-width:100%; margin-left:0;}
	  }
	  @media (min-width: 299px) and (max-width: 799px){
	  .how-we-work.our-works-page-1 .site-main{margin-left:0px;}	  
	  
	  .how-we-work-page .blue-bg-section{ padding:40px;}
	  
	   .how-we-work-page p{ font-size:20px; margin-bottom:20px;}
	   .last-para-text p{ font-size:20px !important; color:#353a3f; text-align:left !important;}
	  }
	  @media (min-width: 299px) and (max-width: 398px){	  
	  .fa-facebook, .fa-twitter, .fa-rss, .fa-youtube, .fa-linkedin, .fa-google-plus{font-size:12px !important; padding:0 10px}
	  .our-works-page-1 .site-main { margin-top: 0px;} 
	  .site.our-works-page-1{ margin-top: 0px;} 
	   .our-works-page-1 .site-canvas{ margin-top: 0px;} 
	   .our-works-page-1 .site-main { margin-top: 0px;} 
	   .services_page h3{

	  font-size: 30px !important;
    font-weight: normal;
    line-height: 38px !important;
}
	  }
	  @media (min-width: 399px) and (max-width: 498px){	  
	  .fa-facebook, .fa-twitter, .fa-rss, .fa-youtube, .fa-linkedin, .fa-google-plus{font-size:14px !important;}	  
	  .our-works-page-1 .site-main { margin-top: 0px;} 	  
   	  .site.our-works-page-1{ margin-top: 0px;} 
          .our-works-page-1 .site-canvas{ margin-top: 0px;} 
	  .our-works-page-1 .site-main { margin-top: 0px;} 
	  .services_page h3{

	  font-size: 30px !important;
    font-weight: normal;
    line-height: 38px !important;
}
	  }
	  @media (min-width: 499px) and (max-width: 598px){	  
	  .fa-facebook, .fa-twitter, .fa-rss, .fa-youtube, .fa-linkedin, .fa-google-plus{font-size:16px !important;}	  
	  /*.nav-top-custom-style li:not(:last-child):before { content: " | "; margin: 7px 0 0 2px !important; position: absolute;}*/
	   .our-works-page-1 .site-main { margin-top: 0px;} 	  
   	  .site.our-works-page-1{ margin-top: 0px;} 
          .our-works-page-1 .site-canvas{ margin-top: 0px;} 
	  .our-works-page-1 .site-main { margin-top: 0px;} 
	  .services_page h3{

	  font-size: 30px !important;
    font-weight: normal;
    line-height: 38px !important;
}
	  }
	  @media (min-width: 599px) and (max-width: 698px){	  
	  .fa-facebook, .fa-twitter, .fa-rss, .fa-youtube, .fa-linkedin, .fa-google-plus{font-size:18px !important;}	  
/*	  .nav-top-custom-style li:not(:last-child):before { content: " | "; margin: 5px 0 0 4px !important; position: absolute;}*/
.services_page h3{

	  font-size: 30px !important;
    font-weight: normal;
    line-height: 38px !important;
}
	  }
	  @media (min-width: 699px) and (max-width: 799px){	  
	  .fa-facebook, .fa-twitter, .fa-rss, .fa-youtube, .fa-linkedin, .fa-google-plus{font-size:14px !important; }	  
	  .services_page h3{

	  font-size: 30px !important;
    font-weight: normal;
    line-height: 38px !important;
}
	  }
	  @media (min-width: 799px) and (max-width: 1199px){	  
	  .fa-facebook, .fa-twitter, .fa-rss, .fa-youtube, .fa-linkedin, .fa-google-plus{font-size:14px !important; /*padding:0 6px*/}	  
	  .services_page h3{

	  font-size: 30px !important;
    font-weight: normal;
    line-height: 38px !important;
}
	  }
	  .how-we-work-page h3{ font-size:40px; font-weight:400; color:#353a3f; margin:50px 0 30px; line-height:50px;}
	  .how-we-work-page p{ font-size:20px;}
	  .last-para-text { margin:5% 0 40px;}
	  .last-para-text p{ font-size:30px; color:#353a3f; text-align:center;}
	  
	  .how-we-work-page-block-1{ margin:0 -1% 0 -1%}
	  


	  .case-study-page .section-heading h3{ color: #0098d7; font-size: 30px; }
	  .services_page h3{ font-size: 32px; font-weight: normal; line-height: 50px; margin-top: 0;}

	  .services_page h6 {
    font-size: 20px;
}