@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/

/************
1. 1840px
************/



@media only screen and (max-width: 1840px) and (orientation:  portrait)
{
	.main_nav
	{
	    margin-left: 143px;
	}
}

/************
1. 1760px
************/

@media only screen and (max-width: 1760px) and (orientation:  portrait)
{
	.work_hours
	{
	    display: none;
	}
}

/************
1. 1600px
************/

@media only screen and (max-width: 1600px) and (orientation:  portrait)
{
	.main_nav
	{
		margin-left: 54px;
	}
}

/************
2. 1440px
************/

@media only screen and (max-width: 1440px) and (orientation:  portrait)
{
	.header_phone
	{
		display: none;
	}
}

/************
3. 1380px
************/

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

/************
3. 1280px
************/

@media only screen and (max-width: 1280px) and (orientation:  portrait)
{
	.main_nav ul li:not(:last-child)
	{
		/* margin-right: 29px; */
	}
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px) and (orientation:  portrait)
{
	.header_button
	{
		display: none;
	}
	.home_slider_dots
	{
		left: calc((100vw - 930px) / 2);
	}
}

/************
4. 1100px
************/

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

/************
5. 1024px
************/

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

/************
6. 991px
************/

@media only screen and (max-width: 991px) and (orientation:  portrait)
{
	.main_nav,
	.header_social
	{
		display: none;
	}
	.home_slider_dots
	{
		left: calc((100vw - 690px) / 2);
	}
	.hamburger
	{
		display: block;
	}
	.intro_form_container
	{
		margin-top: 102px;
	}
	.why_image
	{
		position: relative;
		bottom: auto;
		right: auto;
	}
	.why_content
	{
		padding-bottom: 60px;
	}
	.why_image img
	{
		max-width: 100%;
	}
	.cta_phone
	{
		margin-top: 33px;
	}
	.footer_col:not(:last-child)
	{
		margin-bottom: 80px;
	}
	.footer_location,
	.footer_contact
	{
		padding-top: 0;
	}
}

/************
7. 959px
************/

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

/************
8. 880px
************/

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

/************
9. 768px
************/

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

/************
10. 767px
************/


@media only screen and (max-width: 767px) and (orientation:  portrait)
{
	.home_slider_dots
	{
		left: calc((100vw - 510px) / 2);
	}
	/* .header_area */
	/* { */
		/* max-width: 100%; */
	/* } */
	.home_title2
	{
	
	text-align:center;
	     max-width:100%;
		font-size:22px;
		margin-top:200px;
	}
	.header_area.sticky {
    /* background-color: #25499f; */
	/* background-color:#0068ff; */
	background-color:#0068bd;
	/* opacity:0.95; */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    height: 70px;
    position: fixed;
    top: 0;
    z-index: 999;
}
	.navbar-brand
	{
		height: 12%;
  width: 12%;
  margin-top:-30px;
	}
	.home_text2
	{
		text-align:center;
	     max-width:100%;
		font-size:2px;
	}
	.section-headingvalues >h2
	{
		margin-left:2%;
		/* text-align:center; */
	}
	.few-words-contentss
	{
		height:100%;
	}
	.home_content
	{
		max-width: 100%;
	}
	.home_title
	{
		font-size: 24px;
	}
	.mosh-cool-facts-area.service-page .counter-area h3
       {
    color:#FFFFFF;
	margin-left:-300px;
	margin-top:-5px;
	}
	.navbar-brand
{
	height: 12%;
  width: 12%;
  margin-top:-30px;
}
   .single-cool-fact1
      {
	margin-top:15px;
	margin-left:300px;
   }
   .single-cool-fact
     {
	margin-top:15px;
	/* margin-left:300px; */
   }

   .mosh-cool-facts-area.service-page
   {
    width: 100%;
    position: relative;
    z-index: 1;
	top:50px;
    height: 300px;
   }

   .mosh-cool-facts-area.service-page .cool-facts-content p 
    {
	
	margin-left:-300px;
 	font-size: 24px;
   }
   .counter
   {
	   font-size:25px;
   }
   .approach
{
	margin-top:10%;
	/* text-align:center; */
	margin-left:17%;
	width:100%;
	color:#ffffff
}
.mosh-breadcumb-area_3
{
	margin-left:20%;
}

  .background_image2
   {
	height:340px;
    left:-13%;
   margin-top:-31px;
   }
.resize
{
	margin-left:0px;
	margin-right:0px;
	width:100%;
}

.background
{
	/* height:30px; */
	background-color: #211b31;
}
.mosh-breadcumb-area
{
	width:100%;
	/* height:auto; */
}
	/* added by vishakh */
	.section-heading18 h2
      {
   margin-left:-30px;
	margin-right:1px;
	font-size: 25px;
     margin-top:70px;
	 }
  .home2
{
	margin-top:120px;
	width: 100%;
	height: 600px;
	
}
	.few-words-text .section-headingg h2 {
	font-size: 34px;
	width:150%;
	margin-top:100px;
	margin-left:55%;
}  
  

.single-footer-widgett ul {
	
	margin-left:3px;
}
.single-footer-widgett h5 {
	
	margin-left:3px;
}
	.few-words-thumb3
	{
		max-width: 100%;
		
	}
	.single-more-service-area_8 p
	{
		
		font-size:18px;
	 width:550%;
	text-align:center;
    }
	.single-more-service-area_15 p
	{
		
		font-size:18px;
	 width:550%;
	 margin-left:-250%;
	
    }
	
.discover > h4
{
	
	margin-left:220%;

	color:#f1ba08;
}
.develop > h4
{
	margin-left:-30%;
	color:#77216c;
	margin-top:10px;
}
.plan > h4
{
	margin-top:10px;
	
	margin-right:350%;
    color:#f66917;
}
.design > h4
{

	margin-left:230%;
   color:#f95053;
}
.test > h4
{
	margin-left:250%;
	color:#43a1df;
}
.grow> h4
{
	margin-left:250%;
	color:#59a21f;
}
.launch > h4
{
	margin-top:10px;
	margin-left:-30%;
	color:#328c66;
}

.single-more-service-area_8
{
	margin-top:-60px;
}
.single-more-service-area_15
{
	margin-top:-80px;
}

.mosh-subscribe-newsletter-area1
{
	margin-top:275%;
}
.alligntment
{
	
	margin-left:250%;
}
.alligntmentt
{
	display: none;
	
	
	margin-left:250%;
}
.allign
{
	margin-left:40%;
	display: block;
	
}
	.home_subtitle
	{
		font-size: 84px;
	}
	.milestone_col:not(:last-child)
	{
		margin-bottom: 50px;
	}
	.extra_content
	{
		width: 100%;
	}
	.footer_bar_content
	{
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.footer_nav
	{
		margin-top: 15px;
	}
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)and (orientation:  portrait)
{
	p
	{
		font-size: 13px;
	}
	h2
	{
		font-size: 36px;
	}
	.header.scrolled .header_content,
	.header_content
	{
		height: 60px;
	}
	.home
	{
		/* margin-top: 60px; */
		height: calc(100vh - 60px)
	}
	.navbar-brand
	{
		height: 12%;
  width: 12%;
  margin-top:-30px;
	}
	.logo a > div:first-child
	{
		font-size: 24px;
	}
	.logo a > div:last-child
	{
		font-size: 10px;
	}
	.section_subtitle
	{
		font-size: 16px;
	}
	.header_content
	{
		padding-left: 15px;
		padding-right: 30px;
	}
	.button
	{
		height: 40px;
	}
	.button a
	{
		font-size: 12px;
		line-height: 36px;
		padding-left: 31px;
		padding-right: 30px;
	}
	.home_slider_dots
	{
		display: none !important;
	}
	.home_subtitle
	{
		font-size: 18px;
	}
	.single-more-service-area_15.develop > h4
{
	margin-left:230%;
	color:#77216c;
}
	.home_title
	{
		font-size: 36px;
	}
	/* added by vishakh */
	.section-heading18 h2
      {
		    margin-left:-20px;
		
	font-size: 25px;
     margin-top:70px;
	}
	.header_area.sticky {
    /* background-color: #25499f; */
	/* background-color:#0068ff; */
	background-color:#0068bd;
	/* opacity:0.95; */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    height: 70px;
    position: fixed;
    top: 0;
    z-index: 999;
}  
	  .mosh-about-us-content-para1 > p
         {
	  margin-left:10px;
	   margin-right:10px;
	  
      font-size:16px;
    }
	
	.few-words-thumb3
	{
		margin-right:0px;
		max-width: 100%;
		margin-left:0px;
	}
	.few-words-text > p 
	
	{
		
     text-align:center;
	 max-width:100%;
	
    }
	
	


.mosh-cool-facts-area.service-page .counter-area h3,
.mosh-cool-facts-area.service-page .cool-facts-content p {
    color: #FFFFFF;
	
		text-align: center;
}
	.cta_title
	{
		font-size: 28px;
	}
	.cta_phone
	{
		font-size: 24px;
	}
	.extra_disc > div:first-child
	{
		font-size: 48px;
	}
	.extra_disc > div:last-child
	{
		font-size: 20px;
	}
	.extra_title
	{
		font-size: 56px;
	}
	.newsletter
	{
		padding-bottom: 67px;
	}
	.newsletter_row
	{
		margin-top: 39px;
	}
	.newsletter_title
	{
		font-size: 24px;
	}
	.newsletter_input
	{
		width: calc(100% - 120px);
		height: 40px;
	}
	.newsletter_input::-webkit-input-placeholder
	{
		font-size: 13px !important;
	}
	.newsletter_input:-moz-placeholder
	{
		font-size: 13px !important;
	}
	.newsletter_input::-moz-placeholder
	{
		font-size: 13px !important;
	} 
	.newsletter_input:-ms-input-placeholder
	{ 
		font-size: 13px !important;
	}
	.newsletter_input::input-placeholder
	{
		font-size: 13px !important;
	}
	.newsletter_button
	{
		width: 142px;
		height: 40px;
		font-size: 12px;
	}
	.opening_hours
	{
		left: auto;
		width: 100%;
	}
}

/************
11. 539px
************/

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

/************
12. 480px
************/

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

/************
13. 479px
************/

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

/************
14. 400px
************/

@media only screen and (max-width: 400px)
{
	
}
@media (min-width: 992px) and (max-width: 1199px) and (orientation:  portrait) {
    .search-button > a {
        margin: 0 40px;
    }
    .menu_area #nav .nav-link {
        padding: 0 10px;
    }
    .search-form-area #search {
        width: 450px;
    }
    .hero-slides .owl-next {
        right: 20px;
    }
    .hero-slides .owl-prev {
        left: 20px;
    }
    .workflow-slides-area {
        top: 0;
        padding-bottom: 100px;
    }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation:  portrait) {
    .navbar-toggler {
        border: 2px solid #fff;
        background-color: #f2f4f6;
        margin: 32px 0;
    }
    .sticky .navbar-toggler {
        margin: 11px 0;
    }
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    #mosh-navbar {
        padding: 30px;
        border-radius: 5px;
        background-color: #211b31;
        text-align: left;
    }
    .header_area.sticky .navbar {
        height: 70px;
    }
    .menu_area #nav .nav-link {
        font-size: 14px;
        padding: 6px 0;
    }
    .search-button > a {
        margin: 15px 0;
        display: block;
    }
    .hero-slide-content h2 {
        font-size: 36px;
    }
    .welcome_area,
    .single-hero-slide {
        height: 900px;
    }
    .hero-slides .owl-next {
        right: 5px;
    }
    .hero-slides .owl-prev {
        left: 5px;
    }
    .clients-logo-area > a > img {
        max-width: 100px;
        height: auto;
    }
    .single-more-service-area {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
    .mosh-more-services-area {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .single_gallery_item {
        width: 50%;
    }
    .workflow-slides-area {
        top: 0;
        padding-bottom: 100px;
    }
    .testimonial-content p {
        font-size: 13px;
    }
    .mosh-cool-facts-area .counter-area > h3 {
        font-size: 40px;
    }
}

@media (min-width: 320px) and (max-width: 767px) and (orientation:  portrait) {
    .header_area {
        padding: 0;
        height: 80px;
    }
    .navbar-toggler {
        /* border: 2px solid #fff; */
        /* background-color: #f2f4f6; */
        margin: 11px 0;
    }
    .sticky .navbar-toggler {
        margin: 11px 0;
    }
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    #mosh-navbar {
        padding: 30px;
        border-radius: 5px;
        background-color: #211b31;
        text-align: left;
    }
    .header_area.sticky .navbar {
        height: 70px;
    }
    .menu_area #nav .nav-link {
        font-size: 14px;
        padding: 6px 0;
    }
    .search-button > a {
        margin: 15px 0;
        display: block;
    }
    .hero-slide-content h2 {
        font-size: 20px;
    }
    .hero-slide-content h4 {
        font-size: 18px;
    }
    .welcome_area,
    .single-hero-slide {
        height: 600px;
    }
    .hero-slides .owl-next {
        right: 5px;
    }
    .hero-slides .owl-prev {
        left: 5px;
    }
    .search-form-area #search {
        width: 200px;
        border-radius: 10px;
        padding: 0 15px;
    }
    .section-heading > h2 {
        font-size: 24px;
    }
	.section-headingvalues >h2

{
	font-size: 24px;
	margin-left:8%;
	
	/* color: #fff; */
	/* font-weight:400; */
	
}
    .clients-logo-area > a > img {
        max-width: 100px;
        height: auto;
        margin: 15px;
    }
    .features-img > img {
        width: 100%;
        position: relative;
        bottom: -30px;
        left: 0;
        z-index: 9;
    }
    .single-more-service-area {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
    }
    .mosh-more-services-area {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .single_gallery_item {
        width: 100%;
    }
    .workflow-slides-area {
        top: 50px;
        padding-bottom: 150px;
    }
    .cta-content .section-heading h2 {
        font-size: 24px;
    }
    .mosh-service-slides .owl-prev {
        left: -15px;
    }
    .mosh-service-slides .owl-next {
        left: auto;
        right: -15px;
    }
    .footer-bottom-area {
        height: 100px;
        text-align: center;
        padding: 25px 0;
    }
    .bradcumbContent h2 {
        font-size: 40px;
    }
    .mosh-about-us-thumb {
        margin-top: 100px;
    }
    .mosh-features-thumb {
        margin-bottom: 100px;
    }
    .few-words-contents,
    .few-words-thumb {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
        height: 770px;
    }
    .mosh-team-slides .owl-prev {
        left: -10px;
    }
    .mosh-team-slides .owl-next {
        left: auto;
        right: -10px;
    }
    .subscribe-newsletter-content h2 {
        font-size: 24px;
    }
    .subscribe-newsletter-content form > input {
        width: 100%;
    }
    .subscribe-newsletter-content form > button {
        width: 120px;
        padding: 0 15px;
        right: 0;
    }
    .testimonials-slides .owl-prev {
        left: -10px;
    }
    .testimonials-slides .owl-next {
        left: auto;
        right: -10px;
    }
    .testimonial-content p {
        font-size: 13px;
    }
    .mosh-cool-facts-area .counter-area > h3 {
        font-size: 20px;
    }
    .testimonials-slides:after {
        text-align: right;
    }
    .testimonials-slides:before {
        text-align: left;
    }
    .mosh-blog-sidebar,
    .contact-information {
        margin-top: 100px;
    }
}

@media (min-width: 480px) and (max-width: 767px) and (orientation:  portrait) {
    .welcome_area,
    .single-hero-slide {
        height: 700px;
    }
    .clients-logo-area > a > img {
        max-width: 75px;
        height: auto;
        margin: 0 15px;
    }
}

@media (min-width: 576px) and (max-width: 767px) and (orientation:  portrait){
    .welcome_area,
    .single-hero-slide {
        height: 800px;
    }
    .hero-slide-content h2 {
        font-size: 30px;
    }
    .single-more-service-area {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
    }
}