@media only screen and (min-width: 1600px){
 
}
@media only screen and (min-width: 1400px){
.custom-container{max-width: 100%; margin-left:120px;}
}
@media only screen and (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
    /* .custom-container{
        max-width: 1340px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    } */
}

/* @media only screen and (min-width: 992px){
    .mobile_primary li.menu-item-has-children > a:first-child::after{
        content: '\f0d7';
        font-family: 'FontAwesome';
        margin-left: 5px;
        color: #fff;
    }
        .mobile_primary > ul > li > a::before {
            content: "";
            position: absolute;
            width: 0;
            height: 2px;
            bottom: 3px;
            left: 0;
            background-color: #f82249;
            visibility: hidden;
            transition: all 0.3s ease-in-out 0s;
        }
        .mobile_primary > ul > li:hover > a::before {
            visibility: visible;
            width: 100%;
        }
} */

@media only screen and (min-width: 992px){
    .pt-150{
        padding-top: 150px !important;
    }
    .pb-150{
        padding-bottom: 150px !important;
    }
    .pt-100{
        padding-top: 100px !important;
    }
    .pb-100{
        padding-bottom: 100px !important;
    }
    .pt-120{
        padding-top: 120px !important;
    }
    .pb-120{
        padding-bottom: 120px !important;
    }
    .pt-125{
        padding-top: 125px !important;
    }
    .pb-125{
        padding-bottom: 125px !important;
    }
    .pt-90{
        padding-top: 90px !important;
    }
    .pb-90{
        padding-bottom: 90px !important;
    }
    .pt-70{
        padding-top: 70px !important;
    }
    .pb-70{
        padding-bottom: 70px !important;
    }
    .pt-80{
        padding-top: 80px !important;
    }
    .pb-80{
        padding-bottom: 80px !important;
    }
    .pt-65{
        padding-top: 65px !important;
    }
    .pb-65{
        padding-bottom: 65px !important;
    }
    .pt-60{
        padding-top: 60px !important;
    }
    .pb-60{
        padding-bottom: 60px !important;
    }
}

@media only screen and (max-width: 1024px){
    .mobile_primary {
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
        left: -100%;
        background-color: #fff;
        transition: .5s;
        z-index: 999;
        display: block;
        padding: 0;
        border-radius: 0;
        float: none;
        overflow-y: auto;
        margin-left: 0;
    }
    .mobile_primary.active{
        display: block !important;
        left: 0;        top: -26px;
        padding-top: 20px;
    }
    .mobile_primary .sub-menu{
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        text-align: left;
        list-style: outside none none;
        margin: 0;
        padding: 15px;
        visibility: inherit;
        opacity: inherit;
        border-radius: 0;
        border-bottom: 0;
        transform: inherit;
        transition: inherit;
        box-shadow: none;
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
    }
    .mobile_primary .sub-menu{
        display: none;
    }
    .mobile_primary ul{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .mobile_primary ul.menu-navigation{
        position: relative;
        height: calc(100vh - 50px);
        padding-bottom: 54px;
        overflow: scroll;
    }
    .mobile_primary li:first-child{
        border-top: none;
    }
    .mobile_primary .sub-menu li{
        display: block;
        border: 0;
    }
    .mobile_primary ul li{
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        background: none;
        border-bottom: 1px solid #dbdbdb;
    }
    /* .mobile_primary.active ul li.current-menu-item{
        background-color: #faa831;
    } */
    .mobile_primary ul li a{
        padding: 15px 10px 10px 0px;
        color: #141616;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        line-height: 15px;
    }
    .mobile_primary .sub-menu-button{
        cursor: pointer;
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 999;
        padding: 0 0 0 15px;
    }
    .sub-menu-button::after{
        content: '\f0da';
        font-family: 'FontAwesome';
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: normal;
        transition: all.5s ease-in-out;
        color: #fff;
    }
    .sub-menu-button::after {
        transform: rotate(0deg);
    }
    .sub-menu-button.open::after {
        transform: rotate(90deg);
        color: #fff;
    }
    .menu-button{
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        transition: all .3s ease;
        font-size: 18px;
        line-height: 30px;
        color: #fff;
        padding: 0;
        z-index: 9999;
        margin-top: 0;
        scale: .75;
    }
    .menu-button.toggle{
        top: 35px;
        right: 25px;
    }
    .menu-button .toggle-bar{
        width: 35px;
        height: 3px;
        background-color: #012e40 ;
        display: block;
        margin:11px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .menu-button.toggle .toggle-bar:nth-child(1){
        -webkit-transform: translateY(11px) rotate(45deg);
        -ms-transform: translateY(11px) rotate(45deg);
        -o-transform: translateY(11px) rotate(45deg);
        -moz-transform: translateY(11px) rotate(45deg);
        transform: translateY(11px) rotate(45deg);
    }
    .menu-button.toggle .toggle-bar:nth-child(2){
        opacity: 0;
    }
    .menu-button.toggle .toggle-bar:nth-child(3){
        -webkit-transform: translateY(-8px) rotate(-45deg);
        -ms-transform: translateY(-8px) rotate(-45deg);
        -o-transform: translateY(-8px) rotate(-45deg);
        -moz-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg);
    }
}
@media only screen and (max-width: 991px){
    .brand-content{
        padding: 30px 25px 30px 25px;
    }
    #brandSlider .owl-nav .owl-prev {
        top: 90%;
        left: 35%;
    }
    #brandSlider .owl-nav .owl-next {
        top: 90%;
        right: 35%;
    }
    .about-content {
        padding: 50px 25px 50px 40px;
    }
    .about-content h2{
        font-size: 30px;
        line-height: normal;
    }
    .vission-content{
        padding: 50px 50px 50px 50px;
    }
    .vission-content h2{
        font-size: 40px;
    }
    .vission-content p{
        font-size: 20px;
    }
    #goalSlider .owl-nav .owl-prev {
        top: 102%;
        left: 35%;
    }
    #goalSlider .owl-nav .owl-next {
        top: 102%;
        right: 35%;
    }
    .journey-section h2{
        font-size: 32px;
        line-height: normal;
    }
    .journey-section p{
        font-size: 32px;
        line-height: 35px;
    }
	
	/*matchme*/
	.carousel{ top:0px;}
	.navbar-brand img{ width:60px; margin-left:15px; }
	.area-expertise-section{ margin-top:0px;}
	.position-relative{  }
	.carousel-container h2{ font-size:28px;    line-height: 32px;margin-top: 70px;}
	.carousel-container h3{ font-size:22px;}
	.carousel-container p{ font-size:14px;}
	
	.carousel-container h3{ margin-bottom:10px;}
	.area-expertise-section p, .mission-section p{ padding:10px;}
	.area-expertise-section{ padding:40px 20px; background:none}
	.area-expertise-section h2,.our-team h2, .mission-section h2, .contact-section h2  { font-size:26px;}
	.stories-area{ margin:20px 0px; margin-left:0px;}
	.number-row .col{ width:100%;}
	.number-row{ display:block}
	.our-team {padding: 40px 0px;}
	
	
	
	
	
	 .p-left{ padding-left:0px;}
	 #directorsSlider .owl-nav .owl-prev {
    top: 90%;
    left: 38%;
}
.story-box{ background:none}
.side-bg{ padding-left:0px; padding-top:25px;}
.footer-logo p{ text-align:left;  }
#directorsSlider .owl-nav .owl-next {
    top: 90%;
    right: 35%;
}
.contact-btn {
    background: none;
    border-radius:0px;
    padding: 15px 10px 10px 30px;
    color: #000 !important;
    margin-left: 0px;
}
.footer-section{  }
.footer-menu-1st{ margin-left:0px;}
.d-n{ display:none}
 }
 
 @media only screen and (max-width:521px){
 
  .main-banner-section{ padding-left:15px; padding-right:15px}
 .main-banner-section h2, .study-design h2, .results-text-area h2, .speak-section h2, .faq-section h2, .hiv-area h2, .hpc-area h2, .testing-diagnosis-section .left h2, .hepc-section h2{ font-size:36px; line-height: 42px; padding-right:0px; margin-top:0px;}
 .speak-section h3{ font-size:26px;}
 .our-services-area{  }
 .faq-section { padding:90px 10px}
  .faq-section .learn{ margin-bottom:60px;}
  .q a{padding-right: 50px; font-size:21px}

 .ingredients-area{ margin-bottom:20px; margin-top:20px;}
 .ingredients{ margin-top:0px;}
 .ingredients{padding: 10px 0px 40px 20px;}
 .yellow-box{ margin:0px; margin-top:90px; padding: 90px 20px;}
 .yellow-box .left-area h2{ font-size:30px;}
 .art-line-img img  {
        margin-top: -562px;
        margin-left: 0px;
        width: 150px !important;
}
 .art-line-img1 {
         margin-left:0px;
        width: 150px !important; margin-top:-60px; width: 100px !important;
}

 .art-line-img2 img  {
        margin-top: -700px;
        margin-left: 0px;
        width: 150px !important;
}

.stay-in-the-loop-area .email-box{ margin-top:20px; padding:20px 20px 5px 20px; padding-top:40px;}
.stay-in-the-loop-area .email-box input{ width:100%; margin-bottom:10px;}

.art-line-img1 img{ margin-left:0px;}
.line{ background:none; margin-bottom:10px;}
.faq-section h2{ padding-bottom:20px }
 
.q{font-size: 18px;}
 
  .banner-section{ height:inherit; padding:20px;}
   .speak-section p, .facts-matter-box p, .results-text-area p{ padding:0px;}
   .study-box{ margin-bottom:40px;}
   .facts-matter-box{ padding:40px}
   .stay-in-the-loop-area h2{font-size: 24px;}
   .f-link{ width:100%; display:inline-block}
   .footer-logo{ width:80%;  }
   .footer-section{ padding:90px 15px 20px 15px; text-align:center}
   .social{ width:100%; display:inline-block; float:left; margin-top:60px;}
   .social a{ display:inline-block; float:none; text-align:center;}
   .footer-logo-middle{ text-align:center; display:inline-block; padding-bottom:20px;}
   .no-m-left{ margin:0px !important; padding-left:20px  !important;}
   .find-care-btn-left-space{ margin-left:0px; display:block; margin-top:20px; margin-left:4%; width:92%;}
   .main-banner-section .right img{ padding-top:40px;}
   .main-banner-section .right img{ margin-bottom:-125px}
   .hiv-area-2 h2{ margin-bottom:40px; text-align:center}
   .hiv-area-2{background: #aad5ff;}
   .hiv-area-2 .box h2, .step-area .step-box h2{ text-align:left}
   .step-area .step-box{ width:95%}
   .hiv-area-4 h2 span{ font-size:42px;}
   .hiv-area-4 .left h3, .hpc-area h3, .hpc-area h4{ margin-top:40px; font-size:32px; line-height:32px;}
   
   .hiv-area-4 .left{ padding-left:0px;}
   .hiv-area-3 .yellow-box .left-area{padding: 60px 20px;}
   
   .hiv-area-3 .yellow-box .left-area p, .hepc-section1 .right{ padding-right:0px;}
   .step-area .step-box, .hpc-area .right, .hpc-area .img-left{ padding-right:0px;}
   
   .main-banner-section p, .testing-diagnosis-section .left p, .testing-diagnosis-section .left ul{ padding-right:0px;}
   .hiv-area h4, .hepc-section h4{ font-size:26px;  }
   .hiv-area h2{ text-align:left; padding-top:30px;}
    
   
   .real-results-section { padding-left:15px; padding-right:15px;}
   .our-services-area, .hiv-area, .hiv-area-2, .hiv-area-3, .hiv-area-4, .our-services-area, .main-banner-section, .hpc-area, .testing-diagnosis-section, .but-first-prevention, .hepc-section, .hepc-section1, .hepc-section2   { padding:90px 15px;}
   
   .hpc-area h2{ padding-top:30px;}
   
   .study-design{ padding-left:5px; padding-right:25px;}
   .real-results-section .shop-now{ display:block }
   .mobile-off{ display:none}
   .mobile-on{ display:block !important}
   .mobile-on img{ margin-bottom:40px;}
   
   .flip-box { width:90%; height:320px; margin-left:5%; margin-bottom:5px;  }
  .early-sign-to-know .box { width:100%;   }
  .but-first-prevention .right{ padding-left:0px;}
  .but-first-prevention h3, .hepc-section1 h3, .hepc-section2 .left h3{ font-size:32px; padding-bottom:25px; padding-top:40px;}
  
  
  .testing-diagnosis-section .left{ width:100%;}
  .m-left-50{ margin-left:0px;}
  .mobile-space-100{ height:100px; display:block}
  .m-50{ margin-top:0px; margin-bottom:25px;}
  .but-first-prevention .art-line-img img{ margin-left:0px;         margin-top: -780px;}
 .but-first-prevention  .shop-now{  padding:8px 15px; }
 .but-first-prevention .yellow-box{ margin-top:150px;}
 .hepc-area .left-area{ padding-right:15px; padding-left:15px;}
 .hepc-area .left-area p{ padding-right:0px;}
 .hepc-area .left-area p span{ line-height:25x;}
 .hepc-section .early-sign-to-know{ padding-right:0px;}
 .hepc-area{ margin-bottom:0px;}
 .hepc-section .flip-box{ float:left}
 .hepc-section h2{ padding-top:30px; text-align:left}
 .hepc-bottom{ padding-left:0px; width:100%;}
 .hepc-section1 ul{ margin-bottom:60px;}
 .hepc-section1 .art-line-img img{ margin-left:0px;         margin-top: -942px;}
 .hepc-section2 h2{ padding:0px; padding-bottom:40px;}
  .hepc-section2 .left{ padding-left:0px; padding-top:40px;}
  .gotothe-test-box p{ font-size:28px;}
  .graphic-img img{ left: -50px;}
  .space-right-faq{ padding-right:15px;}
  .faq-text-area{ padding:80px 40px; margin-bottom:40px;}
  .faq-text-area-right{ padding:80px 40px; margin-top:40px;}
  .only-mobile-space-bottom{ margin-bottom:40px;}
  .space-right-faq{ padding-right:0px;}
   .faq-section1 h2{ padding:0px; padding-bottom:40px}
   .faq-section1 .box{ margin-bottom:40px;margin-left: 15px;}
   .mobile-space-r-l{ padding-left:15px; padding-right:15px;}
   .space-100{ height:100px;}
   .prevention-testing .box img{ margin-bottom:40px;}
   .HIV-Resources-area h2{ padding-left:10px;} 
   .HIV-Resources-area ul li{ padding:20px 60px 20px 30px;}
   .prevention-testing .box h2{ font-size:42px;}
    .prevention-testing .box{ margin-bottom:40px; margin-right:10px;}
	.prevention-testing-bottom-area .box{ margin-bottom:40px; display:inline-block}
	.prevention-testing-bottom-area h2{ padding:0px; padding-bottom:40px;}
	
	.find-care-area1{  padding: 120px 0px; background-position:100% 100%; background-size:cover !important}
	.find-care-area1 .box{ min-height:inherit}
	.find-care-section-bottom h2{ font-size:42px;}
	.find-care-section-bottom .left img{ padding:0px; padding:0px; margin-bottom:40px; }
	.find-care-section-bottom p{ padding:10px; font-size:16px;}
	 .img5 img{ margin-top: -820px !important;}
	 .hepc-area .right .learn{ margin-top:150px; float:inherit; margin-right:0px; margin-left:20px;}
	 .but-first-prevention .yellow-box ul li{ margin-right:5px;}
	  .prevention-testing .box h2{ font-size:36px;}
	  .art-line-img3{ margin-top:-300px;}
	   .art-line-img3 img{ margin-left:0px;}
	    .prevention-testing-bottom-area .box p{ padding-bottom:0px;}
	    .bot-to-by{ padding-bottom:20px; display:inline-block}
 }
 
 
  @media only screen and (max-width:375px){
   .img5 img{ margin-top: -923px !important;}
   .img6 img{ margin-top: -1010px !important;}
   .prevention-testing .box h2{ font-size:32px;}
    .art-line-img3{ margin-top:-335px;}
  
  }
 
   @media only screen and (max-width:361px){
   .art-line-img img{ margin-top: -635px !important;}
   .art-line-img1 img{ margin-top: -275px !important;}
   .img5 img{ margin-top: -905px !important;}
 .img6 img{ margin-top: -1010px !important;}
   .art-line-img3{ margin-top:-345px;}
   }
 
  @media only screen and (max-width:359px){
  p{ font-size:14px;}
  .accordion-body{font-size:14px;}
.our-services-area .box-area h3, .accordion-item button, .our-services-area .blue-box h3{ font-size:14px; }
.why-chouseus-main-box .box .right .panel p{ font-size:12px; }
.our-services-area p, .about-us p{ font-size:12px;}
.our-services-area .box-area h3, .accordion-item button, .our-services-area .blue-box h3{font-size:13px;}
.our-services-area .box-area, .our-services-area .blue-box{min-height: 200px;}
.our-packages .box-area h3{ font-size:14px;}
.our-packages .box-area p, .our-packages .blue-box p, .our-packages a{ font-size:12px;}

 
 }