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

@media (min-width: 1800px){
	.fixed-header .logo{    
	width: 300px;
}
}
@media (min-width: 1366px){
		.fixed-header .menu .nav-link{    
		font-size: 16px;
	}
}
@media (max-width: 3000px)
{
	.logo{
		width: 350px;
	}
	.menu .nav-item{
		margin: 0 50px;	
	}
    .slider-box2 {		
		width: 32%;		
		bottom: 30px;
		left: 240px;
	}
}

@media (max-width: 1800px)
{
	.logo{
		width: 350px;
	}
	.menu .nav-item{
		margin: 0 50px;	
	}
    .slider-box2 {		
		width: 30%;		
		bottom: 30px;
		left: 80px;
	}
}

@media (max-width: 1750px)
{
	.slider-box2 {		
		width: 45%;		
		bottom: 30px;
		left: 80px;
	}
}

@media (max-width: 1625px)
{
	.logo{
		width: 300px;
	}
	.menu .nav-item{
		margin: 0 40px;	
	}
}

@media (max-width: 1505px){
	.logo{
		width: 250px;
	}
	.menu .nav-item{
		margin: 0 40px;	
	}
	.menu .nav-link{
		color: #FFFFFF;
		font-size: 18px;
	}
	.menu-btn{
		border-width: 3px;
	}
}
@media (max-width: 1390px){
	.slider-box {		
		width: 57%;		
		bottom: 30px;
		left: 80px;
	}
}
@media (max-width: 1366px){
	.menu .nav-item{
		margin: 0 20px;	
	}
	.menu .nav-link{
		color: #FFFFFF;
		font-size: 16px;
	}
	


}

@media (max-width: 1199px)
{
	.logo{
		width: 200px;
	}
	.menu .nav-item{
		margin: 0 10px;	
	}
	.menu .nav-link{
		color: #FFFFFF;
		font-size: 16px;
	}
    
    .banner-text {   bottom: 20px;}
    
    .banner-text{
        font-size: 42px;
        bottom: unset;
        top: 50%;
    }
	
	.slider-box {   
		width: 67%;   
		bottom: 30px;
		left: 80px;
	}
	.tidemark{
  	font-size: 19px;
  }
}

@media (max-width: 1023px){
	.logo{
		width: 180px;
	}
	.menu .nav-item{
		margin: 0 3px;	
	}
	.menu .nav-link{
		color: #FFFFFF;
		font-size: 16px;
	}
	.about-bg {   
    	height: 400px;   
	}
    .banner-text {   bottom: 20px;}
    
    .banner-text{
        font-size: 42px;
        bottom: unset;
        top: 50%;
    }
	.insight-bg {   
    	height: 400px;   
	}
	.menu-btn {        
		padding: 5px 6px !important;		
	}	
	.slider-box {   
		padding: 50px;
		width: 60%;    
		bottom: 30px;
		left: 50px;
		}
	.slider-box h1 {
    font-size: 30px;    
}
	.slider-box p {
    font-size: 16px;
    margin-bottom: 0;
}
    .slider-box2 {
		width: 50%;
		bottom: 15px;
		left: 30px;
		padding: 10px 10px
	}
	.val-icon {
		width: 175px;
		height: 175px;    
	}
	.val-text {
		font-size: 24px;    
	}
	.val-icon {   
		box-shadow: 8px 17px 0 4px #95d6e8;
	}
	.divider-brd::after{
		height: 5px;
		width: 100%;
		top: unset;		
		left: 0;
		bottom: -25px;
		background-image: url("../Images/m-divider.png");
		background-size: contain;
		background-position: center;
	}
	.story-heading {
		font-size: 30px;}
	
	.process-bar li::after{		height: 120%;	}
	
	.ico-pb{
		padding-bottom: 140px;
	}
	.ico-pt{
		padding-top: 100px;
	}
	.left-icon{
		position: absolute !important;
		top: -100px;
    	right: -16px;
		z-index: 1;
	}
	.left-icon.last{
		position: absolute !important;
		top: -100px;		
		z-index: 1;
	}
	.right-icon{
		position: absolute !important;
		top: -100px;
		left: -26px;
		z-index: 1;
	}
	.mt-icon {    margin-top: 150px; }
	
	.sub-head{
		font-size: 22px;
	}
	.demo-bg-team h3{
		color: #005c95 !important;
	}
	.demo-bg-team{
		background: transparent !important;		
	}
	
	.about-img {
    width: 70px;
}
	.insight-img {
    width: 70px;
}
	.add-Ons h4 {
   
    font-size: 20px;
}
}

@media (max-width: 767px){
	
	.about-bg {
		height: 225px;
	}
	.insight-bg {
		height: 225px;
	}
	.menu{
		background: rgba(46,121,168,0.80);
		padding: 15px;
	}
	.menu .nav-link{		
		font-size: 14px;
		color: #FFFFFF !important;
	}	
	.menu-btn {        
		padding: 5px 6px !important;	
		margin-top: 10px !important;
	}	
	
	.banner-text {   bottom: 20px;}
	
	.banner-text{
		font-size: 30px;
		bottom: unset;
		top: 50%;
	}	
	
	.banner-text1 {   bottom: 20px;}
	
	.banner-text1{
		font-size: 28px;
		bottom: unset;
		top: 50%;
	}	
	
	.text-font { 
    	font-size: 16px;    	
    	margin-top: 30px;
	}
	
	.value-heading {	font-size: 50px;	}
	
	.val-icon {
		width: 75px;
		height: 75px;    
	}
	.val-heading{	font-size: 22px; 	}
	
	.val-text {
		font-size: 14px;    
	}
	.val-icon {   
		box-shadow: 2px 8px 0 0px #95d6e8;
	}
	.bg-blue {
		background: rgba(226,245,251,0.50);
		padding: 40px 20px;
	}
	
	.left-icon{
		position: absolute !important;
		top: -50px;
		right: 0;
		z-index: 1;
	}
	.left-icon.last{
		position: absolute !important;
		top: -60px;
		right: 0;
		z-index: 1;
	}
	.right-icon{
		position: absolute !important;
		top: -40px;
		left: 0;
		z-index: 1;
	}
	
	.slider-box {
		width: 70%;
		bottom: 30px;
		left: 20px;
		padding: 20px 20px
	}
	.slider-box h1 {
		font-size: 16px;
	}
	.slider-box p {
		font-size: 11px;
		margin-bottom: 0;		
	}
    .slider-box2 {
		width: 70%;
		bottom: 15px;
		left: 30px;
		padding: 10px 10px
	}
	.sub-box {
		width: 70%;
		bottom: 150px;
		left: 20px;
		padding: 20px 20px
	}
	.sub-box h1 {
		font-size: 16px;
	}
	.sub-box p {
		font-size: 11px;
		margin-bottom: 0;		
	}
	.story-heading {
    	font-size: 30px;
	}
	.mt-icon{
		margin-top: 60px;
	}
	.main-icon img {    width: 50px; }
	
	
	.contact + h6{
		font-size: 13px;
	}
	.text-20{
		font-size: 20px!important;
	}
	.sub-head{
		font-size: 19px;
	}
	.custom-input-q{
		width: 100%;
	}
	.custom-input-sub{
		width: 100%;
	}
	.btn2-submit{
		width: 100%;
	}
    .price-box{
	   background-color: #FFFFFF;
	   box-shadow: 0 3px 12px rgba(0,0,0,0.20);
	   padding: 16px;
	   border-radius: 15px;
	   text-align: center;
    }

    .price-box:hover{
	   background: #e9f7fc;
    }
    
    .price-box.selected{
	   background: rgba(226,245,251,0.75) !important;
	   transform: scale(1.1);
    }

    .price-circle{
	   width: 100px;
	   height: 100px;
	   background: #3a72a0;
	   border-radius: 50%;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   margin: 0 auto;
	   color: #FFFFFF;
	   box-shadow: 2px 5px 6px rgba(58,114,160,0.50);
    }
    
    .price-list{
	   padding-left: 0;
	   list-style: none;
	   border-top: 2px solid #3a72a0;
	   margin-top: 20px;
	   padding-top: 30px;	
    }
    
    .price-list li{
	   margin-bottom: 10px;
	   color: #035a8f;
    }
    
    .btn-price{
	   background: #3a72a0;
	   color: #FFFFFF;
	   width: 100%;
	   margin-top: 20px;
	   padding: 8px 15px;
    }

    .btn-price:hover{
	   background: #346186;
	   color: #FFFFFF;	
    }
    
    .plan-list{
	   color: #035a8f;
    }

    .add-Ons{
	   background: rgba(226,245,251,0.75);
	   padding: 15px;
	   text-align: center;
	   font-size: 13px;
	   color: #035a8f;
    }
    
    .add-Ons h4{
        color: #02174c;
        margin-top: 20px;	
    }

/*-----Style1 Media------*/

.credit h1{
   font-size: 26px
}
.bg-blue1{
	padding: 50px 20px;
}
.custom-input1{
	width: 100% !important;
	margin-top: 25px;
	font-size: 14px;
	height: 16px;
}
.custom-input1:focus{
  font-size: 14px;
}
.cname{
	font-size: 14px !important;
}
.credit p{
	font-size: 14px;
	text-align: center; 
}
.row1{
	margin-bottom: -20px;
}
.note p{
	font-size: 14px;
}
.dot-list::after{
  	top:7px;
  }

 .dot-list::after{
  	display: none;
  }
  .sub-footer a{
  	font-size: 14px;
  }
  .sub-footer a h3{
   font-size: 17px;
  }
  .dot-list1::after{
    left: -15px !important;
    top: 18% !important;
  }

  .dowanload{
  	font-size: 17px !important;
  }

/*-----Style2------*/

.foot-mar{
		margin-top: 5px;

	}
	.hor-border, .demo{
/*		font-size: 7px;*/
		font-size: 13px;
	}
	.nav-link{
  	   padding: 3px !important;
	}
	.hor-border::after{
	border-right: 1px solid black;
/*	height: 30%;*/
	height: 55%;
	top: 5px;
	}
   .tidemark{
/*   	font-size: 4px !important;*/
   	font-size: 10px !important;
   }
   .contact1{
   	font-size: 25px;
   }
   .contact{
   	font-size: 20px;
   } 
   .adress{
   	font-size: 12px;
   }
	.about-img{
	width: 35px;
}
	.insight-img{
	width: 35px;
}
	.price-box.selected {
  
    transform: scale(1);
}

}

@media (max-width: 320px){
	.contact + h6{
		font-size: 10px;
	}
	.custom-input{
		width: 100%;
	}
	.custom-input-sub{
		width: 100%;
	}
	.custom-input-q{
		width: 100%;
	}
	.btn2-submit{
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px){
    .cname{
	font-size: 14px;
	margin-top: 20px;
    }
    .banner-text1{
	font-size: 36px;
    }
    .sub-footer a{
  	font-size: 10px ;
    }
    .hor-border, .demo{
		font-size: 16px;
	}
	.tidemark{
  	font-size: 14px !important;
    }
    .slider-box2 {
		width: 60%;
		bottom: 15px;
		left: 30px;
		padding: 10px 10px
	}
}