@media(min-width:1500px) and (max-width:1679px) {
	
	   .navbar a, .navbar a:focus {
	padding: 10px 8px;
	font-size: 14px;
}
        .navbar li.connect_btn a{font-size: 16px;padding: 11px 10px 11px 10px;}
    
    .navbar .dropdown ul a {
	padding: 8px 15px;
	font-size: 13px;
	font-weight: 400;
}
    #header .logo img {
	max-height: 60px;
}
    
.welcome p {
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}    
   .connect-section .details-text {
	font-size: 16px;
	line-height: 32px;
} 
    
}
@media(min-width:1200px) and (max-width:1499px) {
    
    #header .logo img {
	max-height: 50px;
}
  
    
       .container, .container-lg, .container-md, .container-sm {max-width: 1100px;}
	#header .sticky-wrapper {padding-right: var(--bs-gutter-x,.75rem);padding-left: var(--bs-gutter-x,.75rem);}
    
    .navbar a, .navbar a:focus {
	font-size: 12px;
	padding: 11px 6px;
}
    
    .navbar > ul > li {padding: 10px 0 10px 5px;}
    
     a.connect_btn {
	font-size: 12px;
	padding: 10px 8px;
	margin: 0 5px;
}
    
     #hero .carousel {position: relative;}    
    .slider1, .slider2, .slider3{padding: 15px;min-height: 400px;}       
    #hero .btn-get-started {margin: 0px 0px 10px 0px;font-size: 14px}
    
     #hero h2 {font-size: 30px;line-height: 44px;}
#hero p {margin: 0 auto 15px auto;font-size: 16px;line-height: 28px;text-align: left;}
#hero h3 {margin-bottom: 10px;font-size: 24px;line-height: 30px;}
    
    .section-title h2 {  font-size: 32px;}
    
    .yellow-color {font-size: 40px;line-height: 45px;}
    .main-image-right img{max-width: 100%;height: auto;}
    
    .case-study-item .content h3{font-size: 18px;}
    .product-box .profile-pic { width: 70px;       height: 70px;}
    .product-box .management-detsils h4 {font-size: 16px;}
    
    .product-box .management-detsils {padding: 0px 0 0 10px;}
    
    
    
    .btn-get-started {padding: 18px 20px;}
    
    .welcome p {
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}
    
    .connect-section .details-text {
	font-size: 16px;
	line-height: 32px;
} 
    
    
/*
    .welcome-inner::after {
	position: absolute;
	content: '';
	width: 33.33%;
	height: 52%;
	background: url(../img/welcome-right.jpg) no-repeat top right;
	right: 0;
	top: 0;
	border: 8px solid #085074;
	background-size: cover;
}
*/
	
}
@media(min-width:1100px) and (max-width:1199px) {
    
    
    .container, .container-lg, .container-md, .container-sm {max-width: 1100px;}
	#header .sticky-wrapper {padding-right: var(--bs-gutter-x,.75rem);padding-left: var(--bs-gutter-x,.75rem);}
    
    .navbar a, .navbar a:focus{	font-size: 13px;}
    
    .navbar > ul > li {padding: 10px 0 10px 5px;}
    
    .navbar a, .navbar a:focus {padding: 0 5px;font-size: 12px;}
    .navbar li.connect_btn a{font-size: 12px;padding: 11px 10px 11px 10px;}
    
     #hero .carousel {position: relative;}    
    .slider1, .slider2, .slider3{padding: 15px;min-height: 400px;}       
    #hero .btn-get-started {margin: 0px 0px 10px 0px;font-size: 14px}
    
     #hero h2 {font-size: 30px;line-height: 44px;}
#hero p {margin: 0 auto 15px auto;font-size: 16px;line-height: 28px;text-align: left;}
#hero h3 {margin-bottom: 10px;font-size: 24px;line-height: 30px;}
    
    .section-title h2 {  font-size: 32px;}
    
    .yellow-color {font-size: 40px;line-height: 45px;}
    .main-image-right img{max-width: 100%;height: auto;}
    
    .case-study-item .content h3{font-size: 18px;}
    .product-box .profile-pic { width: 70px;       height: 70px;}
    .product-box .management-detsils h4 {font-size: 16px;}
    
    .product-box .management-detsils {padding: 0px 0 0 10px;}
    .btn-get-started {padding: 18px 20px;}
    
    
      .welcome p {
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}
    
    .connect-section .details-text {
	font-size: 16px;
	line-height: 32px;
} 
    
    
    
}
	

@media(min-width:992px) and (max-width:1099px) {
    
   #header .sticky-wrapper {padding-right: var(--bs-gutter-x,.75rem);padding-left: var(--bs-gutter-x,.75rem); display: block !important;}
    #header .logo{float: left;}
    
    #header .logo img {	max-height: 60px;}
    .listing-content .price {font-size: 16px;}
    
    

    .navbar a, .navbar a:focus{	font-size: 16px;}
    
    .navbar > ul > li {padding: 10px 0 10px 5px;}
    
    .navbar a, .navbar a:focus {padding: 0 5px;font-size: 14px;}
    .navbar li.connect_btn a{font-size: 16px;padding: 11px 10px 11px 10px;}
    
   #hero .carousel {position: relative;}    
    .slider1, .slider2, .slider3{padding: 15px;min-height: 400px;}       
    #hero .btn-get-started {margin: 0px 0px 10px 0px;font-size: 14px}
    
     #hero h2 {font-size: 30px;line-height: 44px;}
#hero p {margin: 0 auto 15px auto;font-size: 16px;line-height: 28px;text-align: left;}
#hero h3 {margin-bottom: 10px;font-size: 24px;line-height: 30px;}
    
  .section-title h2 {  font-size: 32px;}
    
    .yellow-color {font-size: 40px;line-height: 45px;}
    .main-image-right img{max-width: 100%;height: auto;}
    
    .case-study-item .content h3{font-size: 18px;}
    
    .key-management-full { padding: 30px 0;}
    
    .btn-get-started {padding: 18px 20px;}

    .scroll-tab{overflow: auto}
    
      .welcome p {
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}
    
    .connect-section .details-text {
	font-size: 16px;
	line-height: 32px;
} 
    
}

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

  
    #topbar .contact-info span {
		display: block;
	   text-align: center;
    }    
#topbar {padding: 5px 0px;height: auto;}
 #header .sticky-wrapper {
	position: relative;
	padding-right: 15px;
	padding-left: 15px; 
	background: #fff;
	padding-top: 12px;
	padding-bottom: 12px;
} 
    
    
    
        #hero h3 {font-size: 16px;margin: 10px 0px 0px  0px}    
    #header .logo img {	max-height: 60px;}
    #header .logo{padding: 0;}
    
    .welcome-img{display: block;}
    .welcome-inner::after{display: none;}
    .listing-grid {grid-template-columns: repeat(2, 1fr);}
    .name-loc {	display: block}
    .details-grid li{width: 100%;}
    .listing-content h3 {font-size: 20px;}
    .listing-content .price {font-size: 18px;}
    .counter-box {font-size: 22px;}
    
    
    
    
    
    .slider2, .slider1, .slider3{padding: 15px;min-height: 450px}    
    #hero h3 {font-size: 20px;}    
    #hero h2 {font-size: 30px;line-height: 26px;margin: 15px 0 0 0;}    
    #hero .btn-get-started {font-size: 12px;padding: 15px 10px;}
    .section-title h2 {font-size: 22px;}
    .yellow-color {font-size: 24px;line-height: 50px;}
    .section-title {padding-bottom: 0px;}
    
    .section-title h2 {line-height: 20px;}
    .text-j p{font-size: 14px;line-height: 28px;}
    
    .main-image-right img{max-width: 100%;height: auto;}    
    .case-study-item .content h3 {	font-size: 18px;}    
    .section {padding: 20px 0;}    
    .section-title .main-titel { font-size: 22px;}  
    
    .key-management-full { padding: 20px 0;}    
   .product-box .management-detsils h4 {font-size: 11px;}    
    .footer-top {font-size: 20px;line-height: 35px;}
    
    .welcome .content .btn-learn-more {margin-bottom: 10px;}
    .product-box .profile-pic {width: 50px;height: 50px;}
    .product-box .profile-pic img{max-width: 70%}
    
    .product-box .management-detsils{padding: 0px 0 0 10px;font-size: 16px;}
        .aboutus p{font-size: 14px;line-height: 30px;}   
    .our_exemplary_services .title{font-size: 20px;}
    .our_exemplary_services p{font-size: 14px;line-height: 30px;}
    
    
            .company-name-head{font-size: 16px !important;}
    .contact-info-box-content .contact_info{font-size: 14px;}    
    .ragistration_f{width: 100%;}
    .welcome-img-div{
        display: none
    }
    
      .welcome p {
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}
    
    .connect-section .details-text {
	font-size: 16px;
	line-height: 32px;
} 
    
    
}

@media(min-width:480px) and (max-width:767px) {
    
    p{line-height: 28px;}
    #topbar .contact-info span {display: block;text-align: center;}    
    #topbar {padding: 5px 0px;height: auto;}
    #header .sticky-wrapper {position: relative;padding-right: 15px;padding-left: 15px;background: #fff;padding-top: 12px;padding-bottom: 12px;}  
    .slider2, .slider1, .slider3{padding: 15px;min-height: 250px}    
    #hero h3 {font-size: 16px;margin: 10px 0px 0px  0px}    
    #header .logo img {	max-height: 60px;}
    #header .logo{padding: 0;}
    
    .welcome-img{display: block;}
    .welcome-inner::after{display: none;}
    .listing-grid {grid-template-columns: repeat(1, 1fr);}
     .name-loc {	display: block}
    .details-grid li{width: 100%;}
    

    
    
    #hero h2 {font-size: 20px;line-height: 26px;margin: 0;}    
    #hero .btn-get-started {font-size: 12px;padding: 15px 10px;}
    .section-title h2 {font-size: 22px;}
    .yellow-color {font-size: 24px;line-height: 50px;}
    .section-title {padding-bottom: 10px;}
    
    .section-title h2 {line-height: 20px;}
    .text-j p{font-size: 14px;line-height: 28px;}
    
    .main-image-right img{max-width: 100%;height: auto;}    
    .case-study-item .content h3 {	font-size: 18px;}    
    .section {padding: 20px 0;}    
    .section-title .main-titel { font-size: 22px;}  
    
    .key-management-full { padding: 20px 0;}    
    .management-detsils h4 {font-size: 14px;}    
    .footer-top {font-size: 20px;line-height: 35px;}
    
    .welcome .content .btn-learn-more {margin-bottom: 10px;}
        .aboutus p{font-size: 14px;line-height: 30px;}   
    .our_exemplary_services .title{font-size: 20px;}
    .our_exemplary_services p{font-size: 14px;line-height: 30px;}

    
        .company-name-head{font-size: 16px !important;}
    .contact-info-box-content .contact_info{font-size: 14px;}    
    .ragistration_f{width: 100%;}
     .scroll-tab{overflow: auto}
    .welcome-img-div{
        display: none
    }
      .welcome p {
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}
    
    .connect-section .details-text {
	font-size: 16px;
	line-height: 32px;
} 
    
    }
    
@media(min-width:320px) and (max-width:479px) {
   
    
    #header .logo{padding: 0}
    #header .logo img {max-height: 46px;}
    
    
    

    #topbar .contact-info span {display: block; text-align: center;  }    
    #topbar {padding: 5px 0px;height: auto;}
    #header .sticky-wrapper {position: relative;padding-right: 15px;padding-left: 15px; background: #fff;padding-top: 12px;padding-bottom: 12px;}   
    .slider2, .slider1, .slider3{padding: 15px;min-height: 250px}    
    #hero h3 {font-size: 14px;margin: 0;}    
    #hero h2 {
	font-size: 16px;
	line-height: 26px;
	margin: 0;
	padding: 0;
}
    
    
    .listing-grid {grid-template-columns: repeat(1, 1fr);}
    .listing-content h3 {        font-size: 18px;}
    .listing-content .price {font-size: 16px;}
    .swiper-slide { padding: 0px ;}
    .name-loc {	flex-wrap: wrap;}
    .details-grid li{width: 100%;}
    
    .welcome-img{display: block;}
    .welcome-inner::after{display: none;}
    
    
    #hero .btn-get-started {font-size: 12px;padding: 15px 10px;}
    .section-title h2 ,    .section-title h2 span {font-size: 22px;line-height: 26px}
    .yellow-color {font-size: 24px;line-height: 50px;}
    
    .contat-form h3 {font-size: 20px;}
    
    .section-title{padding-bottom: 10px}
    .section-title h2 {line-height: 20px;}
    .section-title spAN{font-size: 16px;line-height: 20px;}
    .text-j p{font-size: 14px;line-height: 28px;}
    
    .main-image-right img{max-width: 100%;height: auto;}    
    .case-study-item .content h3 {	font-size: 18px;}    
    .section {padding: 20px 0;}    
    .section-title .main-titel { font-size: 22px;}  
    
    .key-management-full { padding: 20px 0;}    
    .management-detsils h4 {font-size: 14px;}    
    .footer-top {font-size: 20px;line-height: 35px;}
    
    .aboutus p{font-size: 14px;line-height: 30px;}   
    .our_exemplary_services .title{font-size: 20px;}
    .our_exemplary_services p{font-size: 14px;line-height: 30px;}
    
    .slider-aboutus{padding: 20px;}
    
    .company-name-head{font-size: 16px !important;}
    .contact-info-box-content .contact_info{font-size: 14px;}    
    .ragistration_f{width: 100%;}
    
     .scroll-tab{overflow: auto}
    
    .carousel-item{
        height: auto;
    }
    
    .welcome-img-div{
        display: none
    }
      .welcome p {
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}
    
    .connect-section .details-text {
	font-size: 16px;
	line-height: 32px;
} 
    
}