/* large desktop :2160px. */
@media (min-width: 2160px) and (max-width: 3840px) {
 
}
  
  
 /* large desktop :2001px. */
 @media (min-width: 2001px) and (max-width: 2160px) {
.secureimg01 {
    height: 240px;
    }
.secureimg02 {
    margin: 54px 0px 0px 0px;
    height: 277px;
    }
.secureimg03 {
    top: 57%;
    left: 22%;
    }
.secureimg04 {
    height: 124px;
    top: 77%;
    left: 8%;
    }
.pearlcardimg1 {
    background: #ffffff;
    }
.pearlcardimg1 img {
    object-fit: contain;
    }
.secureaviation-section02 .secureimg04 {
    height: 111px;
    left: 7%;
    }
.aboutvideo-section .motivational-video {
    height: 280px;
    }
.motivational-video {
    height: 280px;
    }


  }

/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {
  
}


/* desktop 1200px to 1600px */
@media (min-width: 1200px) and (max-width: 1600px) {
	
 }



/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
.stellarnav > ul > li > a {
    padding: 3px 0px 10px 0px;
    font-size: 18px;
    } 
.bannercarousel-text h2 {
    font-size: 50px;
    line-height: 50px;
    }
.bannercarousel-text p {
    margin: 16px 0px 45px 0px;
    font-size: 20px;
    width: 96%;
    line-height: 30px;
    }
.bannercarousel-img {
    margin: 76px 0px 0px 0px;
    height: 323px;
    }
.featuredcard a {
    padding: 9px 13px;
    font-size: 15px;
    line-height: 18px;
    }
.featuredcard {
    gap: 12px;
    }
.welcomehead h6 {
    font-size: 18px;
    width: 100%;
    }

.secureimg01 {
    margin: 0px 21px 0px 0px;
    width: 189px;
    height: 233px;
    }
.secureimg02 {
    margin: 53px 0px 0px 0px;;
    width: 156px;
    height: 250px;
    }
.secureimg04 {
    width: 164px;
    top: 53%;
    left: 7%;
    }
.secureimg03 {
    top: 37%;
    left: 35%;
    }
.secureaviation-text p {
    margin: 7px 0px 12px 0px;
    font-size: 17px;
    line-height: 25px;
    }
.motivationalcard h6 {
    padding: 9px 0px;
    font-size: 16px;
    }
.aboutpearl-left p {
    margin: 7px 0px 12px 0px;
    font-size: 17px;
    width: 100%;
    line-height: 24px;
    }
.pearlcardimg1 {
    margin: 0px 0px 8px 0px;
    width: 100%;
    height: 89px;
    }
.pearlcardimg2 {
    height: 190px;
    }
.pearlcardimg3 {
    height: 288px;
    }
.hero-content {
    top: 75px;
    }
.addresscard p {
    margin: 0px auto;
    font-size: 17px;
    line-height: 28px;
    width: 100%;
    }
.aboutpearls-section02 .pearlcardimg1 {
    background: #fff;
    }
.pearlcardimg1 img {
    object-fit: contain;
    }
.secureaviation-section02 .secureimg04 {
    height: 145px;
    top: 68%;
    }
.ullamcorpertext p {
    margin: 0px 0px 12px 0px;
    font-size: 17px;
    width: 100%;
    line-height: 23px;
    }






.footer-links ul {
    gap: 30px;
    flex-wrap: wrap;
    }
.footer-links li {
    font-size: 15px;
    line-height: 9px;
    }
.footer-links li::after {
    height: 1px;
    right: -19px;
    bottom: 3px;
    }

  }



/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.fot-news-letter{ float: none;}  
.fot-news-letter h6{font-size:15px;}
.fot-news-letter form .tnp-email{min-width: 119px;}
.logo {
    width: 139px !important;
    margin: 7px 0px;
    }
.stellarnav {
    justify-content: end;
    align-items: center;
    }
.menu-toggle {
    display: block !important;
    text-align: center;
    }
.stellarnav .menu-toggle span.bars {
    top: 0px;
    margin-right: 0px;
    }
.stellarnav .menu-toggle {
    padding: 6px;
    }
.stellarnav .menu-toggle span.bars span {
    width: 24px;
    height: 2px;
    margin: 0 0 4px;
    background:#000;
    }
.stellarnav.mobile.right > ul {
    z-index: 999;
    background:linear-gradient(to right, #e52e71, #ff8a00);
    }
.main-nav .stellarnav ul ul {
    width: 100%;
    background: #fff0f6;
    padding: 11px 2px;
    }
.main-nav.scroll .stellarnav > ul > li > a {
    padding: 10px 0px 10px 14px;
    font-size: 19px;
    }
.stellarnav > ul > li > a:hover {
    color: 00618C !important;
    border-bottom: 00618C 1px solid;
    }
.stellarnav > ul > li > a.active {
    color: 00618C !important;
    border-bottom: 00618C 1px solid;
    }
.stellarnav .icon-close::after {
    border-bottom: solid 3px #00618C;
    }
.stellarnav .icon-close::before {
    border-bottom: solid 3px #00618C;
    }
.stellarnav a.dd-toggle .icon-plus::after {
    border-bottom: solid 3px #fff;
    }
.stellarnav a.dd-toggle .icon-plus::before {
    border-bottom: solid 3px #fff;
    }
.stellarnav.mobile li a {
    color: #fff;
    font-size: 17px;
    border-bottom: 1px solid rgba(210, 176, 176, 0.15);
    }
.stellarnav .menu-toggle span.bars {
    top: 2px !important;
    }
.bannercarousel-text {
    margin: 104px 0px 0px 0px;
    }
.bannercarousel-text h2 {
    font-size: 37px;
    line-height: 24px;
    margin-bottom: 18px;
    }
.bannercarousel-text p {
    margin: 10px 0px 35px 0px;
    font-size: 15px;
    line-height: 23px;
    }
.bannercarousel-img {
    margin: 76px 0px 0px 0px;
    height: 287px;
    }
.featuredcard a {
    padding: 9px 12px;
    font-size: 10px;
    height: auto !important;
    line-height: 22px;
    gap: 0px;
    }
.featuredcard {
    gap: 3px;
    }
.featuredcard a span {
    font-size: 8px;
    }
.welcomehead {
    margin: 0px 0px 22px 0px;
    justify-content: start;
    flex-wrap: wrap;
    }
.welcomehead h6 {
    margin: 12px 0px 0px 0px;
    font-size: 17px;
    width: 70%;
    }
.secureaviation-text {
    margin:96px 0px 0px 0px;
    }
.secureaviation-text p {
    margin: 7px 0px 12px 0px;
    font-size: 17px;
    width: 100%;
    line-height: 25px;
    }
.secureimg04 {
    top: 77%;
    left: 8%;
    }
.secureimg03 {
    top: 59%;
    left: 25%;
    }
.aboutpearl-left p {
    margin: 0px 0px 18px 0px;
    font-size: 17px;
    line-height: 25px;
    }
.aboutpearl-left h2 {
    margin: 0px 0px 14px 0px;
    font-size: 40px;
    line-height: 25px;
    }
.aboutpearl-right {
    padding: 0px 0px 0px 0px;
    }
.pearlcardimg1 {
    margin: 0px 0px 8px 0px;
    height: 102px;
    }
.pearlcardimg2 {
    height: 187px;
    }
.pearlcardimg3 {
    height: 299px;
    }
.clientcard {
    bottom: 22px;
    width: 155px;
    padding: 6px;
    left: 28%;
    }
.breadcumb img {
    height: 285px;
    max-height: 285px;
    }
.hero-content-upper h2 {
    font-size: 30px;
    line-height: 21px;
    }
.addresscard h5 {
    font: normal normal 600 21px/23px "Philosopher", sans-serif;
    }
.addresscard p {
    font-size: 14px;
    line-height: 21px;
    width: 100%;
    }
.addresscard p a {
    font-size: 14px;
    }
.quoteform h3 {
    margin: 0px 0px 22px 0px;
    font-size: 29px;
    line-height: 30px;
    }
.aboutpearls-section02 .pearlcardimg1 {
    background: #fff;
    }
.pearlcardimg1 img {
    object-fit: contain;
    }
.ullamcorpertext p {
    margin: 0px 0px 17px 0px;
    font-size: 17px;
    line-height: 25px;
    }
.ullamcorperimg {
    height: 410px;
    }







.footerlogo {
    width: 135px;
    margin: 0px 0px 33px 0px;
    }
.footer-links li {
    font-size: 16px;
    line-height: 10px;
    }
.footer-links ul {
    gap: 23px;
    flex-wrap: wrap;
    }
.footer-links li::after {
    width: 7px;
    height: 2px;
    right: -14px;
    bottom: 2px;
    }
.linkscard {
    gap: 15px;
    flex-wrap: wrap;
    }
.footer {
    padding: 43px 0px 0px 0px;
    }
.copyright {
    margin: 34px 0px 0px 0px;
    font-size: 14px;
    }

 }



/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {
    
.about-katy-img{float:none; margin-left:0px;}    
.findus-icon,.footer-links ul{ justify-content: start;}    
.motivationalcard{padding:0px;}    
.fot-news-letter form .tnp-email{    min-width: 185px;}    
.featuredcard{         display: inline-block;
        line-height: 50px;} 
     
.container-fluid {
    padding: 0px 20px !important;
    } 
.logo {
    width: 139px !important;
    margin: 7px 0px;
    }
.stellarnav {
    justify-content: end;
    align-items: center;
    }
.menu-toggle {
    display: block !important;
    text-align: center;
    }
.stellarnav .menu-toggle span.bars {
    top: 0px;
    margin-right: 0px;
    }
.stellarnav .menu-toggle {
    padding: 6px;
    }
.stellarnav .menu-toggle span.bars span {
    width: 24px;
    height: 2px;
    margin: 0 0 4px;
    background:#000;
    }
.stellarnav.mobile.right > ul {
    z-index: 999;
    background:linear-gradient(to right, #e52e71, #ff8a00);
    }
.main-nav .stellarnav ul ul {
    width: 100%;
    background: #fff0f6;
    padding: 11px 2px;
    }
.stellarnav > ul > li > a:hover {
    color: 00618C !important;
    border-bottom: 00618C 1px solid;
    }
.stellarnav > ul > li > a.active {
    color: 00618C !important;
    border-bottom: 00618C 1px solid;
    }
.stellarnav .icon-close::after {
    border-bottom: solid 3px #fff;
    }
.stellarnav .icon-close::before {
    border-bottom: solid 3px #fff;
    }
.stellarnav a.dd-toggle .icon-plus::after {
    border-bottom: solid 3px #fff;
    }
.stellarnav a.dd-toggle .icon-plus::before {
    border-bottom: solid 3px #fff;
    }
.stellarnav.mobile li a {
    color: #fff;
    font-size: 17px;
    border-bottom: 1px solid rgba(210, 176, 176, 0.15);
    }
.stellarnav .menu-toggle span.bars {
    top: 2px !important;
    }
.main-nav.scroll .stellarnav > ul > li > a {
    padding: 15px !important;
    font-size: 19px !important;
    }
.bannercarousel-text {
    margin: 62px 0px 0px 0px;
    }
.bannercarousel-text h2 {
    font-size: 28px;
    line-height: 24px;
    }
.bannercarousel-text p {
    margin: 10px 0px 21px 0px;
    font-size: 15px;
    line-height: 22px;
    }
.subscribtn {
    margin: 32px 0px 0px 0px;
    padding: 9px 29px;
    font-size: 15px;
    }
.bannercarousel-img {
    margin: 54px 0px 0px 0px;
    height: 281px;
    }
.featured-section {
    margin: -80px 0px 0px 0px;
    padding: 41px 0px 26px 0px;
    width: 100%;
    height: auto;
    }
.featuredcard {
    gap: 20px;
    flex-wrap: wrap;
    }
.featuredcard a span {
	display: contents;
    }
.featuredcard a {
    min-height: 84px !important;
    }
.welcomehead {
    margin: 0px 0px 21px 0px;
    flex-wrap: wrap;
    }
.welcomehead h2 {
    margin: 0px 0px 8px 0px;
    font-size: 28px;
    line-height: 30px;
    }
.welcomehead h6 {
    font-size: 15px;
    width: 100%;
    line-height: 19px;
    }
.secureimg01 {
    margin: 0px 34px 0px 0px;
    width: 100%;
    }
.secureimg02 {
    margin: 30px 0px 28px 0px;
    width: 100%;
    }
 .secureimg04 {
    position: relative;
    width: 100%;
    height: 223px;
    overflow: hidden;
    border-radius: 7px;
    top: unset;
    left: unset;
    }
.secureaviation-text p {
    margin: 12px 0px 9px 0px;
    font-size: 15px;
    width: 100%;
    line-height: 21px;
    }
.readmorbtn {
    font-size: 16px;
    }
.secureaviation-section {
    padding: 20px 0px 44px 0px;
    }
.motivationalvideo-section h2 {
    margin: 0px 0px 19px 0px;
    font-size: 28px;
    line-height: 30px;
    }
.motivationalvideo-section {
    padding: 38px 0px;
    }
.aboutpearls-section {
    padding: 38px 0px;
    }
.aboutpearl-left h2 {
    margin: 0px 0px 17px 0px;
    font-size: 28px;
    line-height: 12px;
    }
.aboutpearl-left p {
    margin: 7px 0px 10px 0px;
    font-size: 15px;
    width: 100%;
    line-height: 21px;
    }
.aboutpearl-right {
    padding: 45px 0px 0px 0px;
    }
.pearlcardimg1 {
    margin: 0px 0px 14px 0px;
    width: 100%;
    height: 179px;
    }
.pearlcardimg2 {
    margin: 0px 0px 18px 0px;
    height: 251px;
    }
.pearlcardimg3 {
    height: auto;
    }
.clientcard {
    width: 197px;
    padding: 12px;
    left: 14%;
    }
.breadcumb img {
    height: 243px;
    max-height: 243px;
    }
.hero-content {
    top: 76px;
    }
.hero-content-upper h2 {
    font-size: 25px;
    line-height: 21px;
    }
.contactus-left {
    margin: 0px 0px 17px 0px;
    flex-wrap: wrap;
    }
.addresscard p {
    font-size: 14px;
    line-height: 23px;
    width: 79%;
    }
.quoteform h3 {
    margin: 0px 0px 18px 0px;
    font-size: 25px;
    line-height: 26px;
    }
.addresscard {
    margin: 0px auto;
    width: 390px;
    }
.secureimg03 {
    top: 26%;
    }
.aboutpearls-section02 {
    padding: 0px 0px 10px 0px !important;
    }
.aboutpearls-section02 .pearlcardimg1 {
    height: 190px;
    background: #fff;
    }
.pearlcardimg1 img {
    object-fit: contain;
    }
.secureaviation-section02 .secureimg02 {
    margin: 21px 0px 22px 0px;
    height: 262px;
    }
 .ullamcorpertext p {
    margin: 0px 0px 11px 0px;
    font-size: 15px;
    line-height: 21px;
    }
.ullamcorpertext {
    padding: 21px 20px;
    }

















.footer {
    padding: 30px 0px 0px 0px;
    }   
.footerlogo {
    width: 135px;
    margin: 0px 0px 22px 0px;
    }
.linkscard {
    gap: 14px;
    flex-wrap: wrap;
    }
.linkscard h5 {
    font-size: 16px;
    line-height: 21px;
    }
.linkscard h5 span {
    margin-right: 6px;
    }
.linkscard h5 span img {
    width: 19px;
    }
.footer-links ul {
    width: auto;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 25px;
    }
.footer-links li::after {
    width: 5px;
    height: 1px;
    right: -10px;
    bottom: 3px;
    }
.footer-links li {
    font-size: 13px;
    line-height: 11px;
    }
.copyright {
    margin: 22px 0px 0px 0px;
    font-size: 13px;
    text-align: center;
    }
.copyright-right {
    text-align: center;
    }
 .featuredcard a{font-size: 15px;  padding:9px 24px;} 
}
@media (min-width: 376px) and (max-width: 425px) {
 .featuredcard a{font-size: 15px;  padding:9px 24px;}      
    
}
@media (min-width: 320px) and (max-width: 375px) {
    .featuredcard a{font-size: 15px;  padding:9px 14px;} 
    .modal-title{ font-size: 16px;}
}