@media(min-width: 320px) and (max-width: 567px){
.love-stride {
    background-size: cover;
    border-radius: 100px;
}
.count-section {
    row-gap: 65px;

}
	.count-section .count-colume {
    width: calc(100% - 24px);
    flex-basis: calc(100% - 24px);
}
	.count-colume{
		min-height: 320px;
	}
	.love-stride h4 {
    font-size: 50px;
    line-height: 50px;

}
	.love-stride h2 {
  font-size: 50px;
    line-height: 50px;
}
	.families-list h2 {
      font-size: 50px;
    line-height: 50px;
}
	#staticBackdrop .modal-content {
    padding: 30px 20px 55px;
    background-size: 100% 100%;
    background-position: center center;
    height: 292px;
}
#staticBackdrop .modal-header .btn-close {
    right: 30px;
    top: 10px;

}
#staticBackdrop .modal-body h2 {
    font-size: 48px;
    line-height: 50px;
    font-family: "montana", sans-serif;
    color: #fff;
}
#staticBackdrop .modal-body p {
    font-size: 18px;
    line-height: 25px;
}
	span.social-icon {
    position: absolute;
    right: 55px;
    top: 30px;
}
}
@media(min-width: 320px) and (max-width: 991px){
   
.pdtb-85 {
   padding: 50px 0px;
}

.pdb-85 {
   padding-bottom: 50px;
}
.pdt-85 {
   padding-top: 50px;
}
	.header .navbar-nav {
    gap: 5px;
}
	

}
 @media(min-width: 320px) and (max-width: 767px){
.banner-text h1 {
    font-size: 65px;
    line-height: 65px;
}
	 .bubole-section p br {
    display: none;
}
.banner-text {
    margin-bottom: 100px;
} 
	.bubole-section p {
    font-size: 28px;
    line-height: 30px;
}
	.bubole-section {
    padding: 35px;
    background-size: cover;
    border-radius: 80px;
}
.love-stride h4 {
    font-size: 50px;
    line-height: 50px;

}
.love-stride h2 {
  font-size: 50px;
    line-height: 50px;
}
	.families-list h2 {
      font-size: 50px;
    line-height: 50px;
}
	 .form-section h2 {
    font-size: 38px;
    line-height: 45px;
}
	 .form-heading h2 {
    font-size: 50px;
    line-height: 55px;
    
}
	 .form-refer {
    border-radius: 50px;
    padding: 35px 25px;
}
	 .form-section h2 br{
		 display: none;
	 }	 
	 
	 
 }




 @media(min-width: 568px) and (max-width: 767px){
.count-section {
    row-gap: 50px;

}
	.count-section .count-colume {
    width: calc(50% - 24px);
    flex-basis: calc(50% - 24px);
}
	 .count-colume{
		min-height: 320px;
	}
	 
	 #staticBackdrop .modal-content {
    padding: 30px 20px 55px;
    background-size: 100% 100%;
    background-position: center center;
    height: 292px;
}
#staticBackdrop .modal-header .btn-close {
    right: 30px;
    top: 10px;

}
#staticBackdrop .modal-body h2 {
    font-size: 48px;
    line-height: 50px;
    font-family: "montana", sans-serif;
    color: #fff;
}
#staticBackdrop .modal-body p {
    font-size: 18px;
    line-height: 25px;
}
	 	span.social-icon {
    position: absolute;
    right: 150px;
    top: 30px;
}
 }
 @media(min-width: 768px) and (max-width: 991px){
.count-section {
    column-gap: 24px;
    min-height: 320px;
}
.count-section .count-colume {
    background-size: cover;
    border-radius: 50px;
}
 .love-stride h4 {
    font-size: 60px;
    line-height: 60px;

}
.banner-text h1 {
    font-size: 60px;
    line-height: 66px;
}
.banner-text p {
    font-size: 18px;
}
	 .love-stride h2 {
    font-size: 60px;
    line-height: 60px;
}
	 .box-discription p {
    font-size: 26px;
    line-height: 30px;
}
	 .families-list h2 {
    font-size: 60px;
    line-height: 60px;

}
.bubole-section {
    padding: 50px;
    background-size: contain;
}
.bubole-section p {
    font-size: 30px;
    line-height: 35px;
}
.form-section h2 {
    font-size: 40px;
    line-height: 50px;

}
	 .banner-text {
    margin-bottom: 100px;
}
span.social-icon {
    position: absolute;
    right: 150px;
    top: 30px;
}
}


 @media(min-width: 992px) and (max-width: 1199px){
span.social-icon {
    position: absolute;
    right: 150px;
    top: 30px;
}
}


 @media(min-width: 1200px) {
 .container{
		 max-width: 1000px;
	 }
 }

@media (min-width: 700px) {
    .modal-dialog {
        max-width: 646px;
        margin: 1.75rem auto;
    }
}
@media (max-width: 1199px) {
.navheader .navbar .dropdown-toggle::after {
    content:none !important;
   
}
    
.dropdown-toggle::after {
    content: none !important;
}
    a.dropdown-toggle.topnavcaret {
    position: absolute;
    right: 0;
    top: 5px;
    width:30px;
    height:30px;
    text-align:right;
        font-size: 12px;
}
    a.dropdown-toggle.topnavcaret:hover, a.dropdown-toggle.topnavcaret:focus, a.dropdown-toggle.topnavcaret:active{
          outline: none;
        box-shadow: none;
        border: none;
    }
    .header .navbar-nav li {
    margin-right: 0px;
  
}
.navbar-text {
    text-align: right!important;
    position: absolute;
    right: 80px;
    top: 0px;
    padding: 0;
}
.navbar-nav .nav-link {
    padding: 6px 0px !important;
}

    .top-nav .navbar-nav {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
        .top-nav .dropdown-menu {
    right: 0 !important;
             left: auto !important;
}
    
        .top-nav .navbar-nav  a.dropdown-toggle.topnavcaret {
    position: absolute;
    right: -13px;
    top: 0px;
    font-size: 12px;
}
	

.topnavcaret::after {
          content: "" !important;
    width: 15px;
    height: 15px;
    position: absolute !important;
     right: -0px !important;
    top: 15px !important;
    background-repeat: no-repeat !important;
    background-size:contain !important;
	    border: none;
    background: url('../img/arrow-nav.png') no-repeat !important;
}	
	
	
	
	
}
@media (min-width: 1200px) {
    .topnavcaret {
    display: none;
}
.dropdown:hover .dropdown-menu {
   visibility: visible;
  opacity: 1;
  display: block;
} 
.header .navbar {
    padding-top: 0;
    padding-bottom: 0;
}
.header .navbar-brand {
    padding-top:0;
    padding-bottom:0;
   
}
    .hidden {
    visibility: hidden;
         
} 
}