@media(min-width:2000px)
{


}

@media (max-width: 1681px) {

.longopassheader.home .row .three ul {
    padding: 0;
    padding-left: 20px;
}

.thsec .wkutu {
    width: calc(100% / 3);
    background-size: contain !important;
    height: 390px;
    padding-top: 40px;
    padding-bottom: 90px;
}
.thsec .wkutu span {
    margin-top: .5rem;
}
.thsec2 .customer-owl .item p {
    width: 90%;
    margin: auto;
}
.footer .container .row .w40.twolink a.redo {
    font-size: 85%;
}

.footer .container .row .w40.twolink ul li a {
    font-size: 85%;
}
.footer .container .row .w30.firstlink a {
    font-size: 85%;
}
.longopassheader .row .three ul {
    padding: 0;
    padding-left: 30px;
}
.iletisimpart .row .col-lg-6 h2 { 
    width: 85%;
    margin-bottom: 2rem;
}
.iletisimpart .row .col-lg-6 span:nth-child(3) {
    margin-top: 4rem;
}
.urunler .container .row .uruncrd {
    width: 30%;
}
.faqs .accordion-item .accordion-header button {
    font-size: 30%;
}
.flags .container .kutufirst .flag.one { 
    background-size: contain; 
}
.flags .container .kutufirst .flag.two { 
    background-size: contain; 
}
.flags .container .kutufirst .flag.three { 
    background-size: contain; 
}
.flags .container .kutufirst::before {
    top: 3%;
}
.thsec .wkutu h5 { 
    font-size: 25px; 
}
.about .container .row .aboutcard a { 
    height: 38px; 
}
.about.blood-test .container .row .aboutcard a{ 
	display: flex;
        flex-direction: column;
        height: 50px;
}
.about .container .row .aboutcard a { 
    font-size: 14px; 
}
.fors .btsk.absol2 {
    transform: translate(0px, -36px) !important;
}
.fors .btsk.absol3 {
    transform: translate(0px, -36px) !important;
}
.featureskey.scrience .row .w50.th {
    background-image: url(../img/scien-4.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #020305 !important;
    background-position: 220% !important;
}
.testimon .row .testicard {
    width: 30%; 
}






}

@media (max-width: 1550px) {
h1 {
 font-style: normal;
 font-weight: 300;
 line-height: 122.5%;
 font-size: 45px;
}
 
h2 {
 font-size: 38px;
 font-style: normal;
 font-weight: 400;
}
 
h3 { 
font-size: 31px;  
}
h4 { 
font-size: 23px; 
}
 
h5 {
	font-size: 17px;
}
h6 { 
font-size: 15px; 
}
 .pt-96{
 	padding-top:72px;
 }
 
 .pb-96{
 	padding-bottom:72px;
 }
 .pt-48{
 	padding-top:36px;
 }
 
 .pb-48{
 	padding-bottom:36px;
 }
 .mt-96{
 	margin-top:72px;
 }
 
 .mb-96{
 	margin-bottom:72px;
 }
 .mt-48{
 	margin-top:36px;
 }
 
 .mb-48{
 	margin-bottom:36px;
 }
 .longopassheader .row .three .search {
    width: 50%;
 }
 .about.blood-test .container .row .aboutcard .absolutext p {
    font-size: 13px;
 }
 .leftos.howitworsk6 .row .col-lg-7 h6 span {
    color: #fff;
    font-weight: 700;
    font-size: 90%;
 }
.featureskey.fulltest .row .w50 { 
    background-position: 60%;
}
.flags .container .kutufirst::after { 
    top: 3%; 
}

.featureskey.scrience .row .w50 { 
    background-size: cover; 
    background-position: 170%;
}
.featureskey.scrience .row .w50.right {
    background-image: url(../img/scien-3.png);
    background-size: cover; 
    background-position: -690%;
}
.featureskey.urine .row .w50 { 
    padding-bottom: 10%;
}
.featureskey .row .w50 h4 { 
    width: 60%; 
}
.featureskey .row .w50 p { 
    width: 78%; 
}

















}


@media (max-width: 1500px) {
 
.menutwo ul li.back a{
	font-size:15px;
}
.button-71 {
    font-size: 18px;
}
.leftos .row .col-lg-7 p {
    width: 100%;
    margin-top: 1rem;
}
.fors p.absol {
    width: 100%;
}
.fors p.buyukbuyonback {
    height: 55px;
    background-image: url(../img/buyukbutonback.png);
    width: 60%;
}
p, li, a, td, th {
    font-size: 16px;
}
.about .container .row .aboutcard img {
    height: 250px;
}
.about .container .row .aboutcard {
    height: 300px;
}
.about .container .row .aboutcard.active img {
    height: 250px;
}
.ourphiso .row .flcardis img {
    height: 250px;
}
 .longopassheader .row .first ul li a span:nth-child(1) {
    position: absolute;
    bottom: 5px;
}
.longopassheader .row .first ul li a span:nth-child(2) {
    position: absolute;
    bottom: 10px;
}
.longopassheader .row .first ul li a span:nth-child(3) {
    position: absolute;
    bottom: 15px;
}
.flags .container .kutufirst .flag h6 {
    color: #fff;
    width: 60%;
    margin: auto;
    margin-bottom: 0rem;
    font-weight: bold;
}
.twosec .bgs {
    /* min-height: 65vh; */
    padding-top: 20px;
    background: #000;
    padding-top: 5%;
    padding-bottom: 0%;
}
    .thsec .wkutu span {
        margin-top: .5rem;
        width: 65%;
    }
    .footer .container .row .w30.firstlink ul li {
margin-bottom: .5rem;
    
}
.footer .container .row .w40.twolink a.redo {
margin-bottom: .5rem;
    
}
.footer .container .row .w40.twolink ul li {
    margin-bottom: .5rem;
    
}
.iletisimpart .row .col-lg-6 h2 {
        width: 95%;
        margin-bottom: 1rem;
    }

.benefits .container .row .w30 img {
    width: 220px;
    height: 220px;
}
.benefits p.altabsol {
    bottom: -35px;
    left: 20%;
    padding: 18px 3%;
    width: 60%;
}
.footer .container .row .w50.firstlink a {
    font-size: 80%;
}
.footer .container .row .w50.twolink ul li a {
    font-size: 80%;
}
.footer .container .row .w100.table table tr td:last-child img {
    margin-top: -.2rem;
}
.footer .container .row .w40 p {
    margin-top: -2rem;
}
.flags .container .kutufirst .flag {
    padding-top: 9%;
}
    .flags .container .kutufirst .flag h6 {
        margin-bottom: 1rem;
    }
.flags .container .kutufirst .flag {
    min-height: 480px;
}
.menutwo .button-71 {
    font-size: 13px;
    padding: 7px 5px;
}
.menutwo .button-71 {
    margin-left: 0;
}
.menutwo ul li.back {
    padding-left: 0;
}
.toplestks {
    width: 92%;
}
.dailyfirst .container .btnlistbtn {
    bottom: 190px;
    position: inherit;
}
.urunler .container .row .uruncrd .urunimage img {
    height: 200px;
}
.about .container .row .aboutcard {
    width: 48%;
}





}

@media (max-width: 1400px) {
	.longopassheader .row .first ul li {
    margin-right: 30px;
    position: relative;
}
 
.longopassheader .row .twos img {
    top: 34px;
} 
.urunlerlistepart .row .w50 img {
    width: 80%;
    object-fit: contain;
    max-height: 250px;
}
.urunlerlistepart .row .w50 .urun-tab img {
    width: 100%;
    object-fit: contain;
    height: 70px;
}
.urunlerlistepart .row .w50 .urun-tab {
    margin-top: 2rem;
    width: 100px;
    height: 100px;
    border: 1px solid #fff;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}
.testimon .row .testicard {
        width: 45%;
    }
    .featureskey.scrience .row .w50.th { 
        background-position: 110% !important;
    }
.featureskey.scrience .row .w50.right.fts { 
    background-size: cover; 
    background-position: 40%;
}
    .featureskey.scrience .row .w50.right {
        background-image: url(../img/scien-3.png);
        background-size: cover;
        background-position: -120%;
    }
    .featureskey.saliva .row .w50 { 
    background-position: -3720%;
}
.featureskey.saliva .row .w50.right {
    background: url(../img/sa-2.jpg);
    background-size: cover !important; 
    background-position: 10000%;
}
    .featureskey .row .w50 p {
        width: 58%;
    }
.featureskey.saliva .row .w50.right.fts { 
    background-position: -10%; 
}
.featureskey.saliva .row .w100 { 
    padding: 5% 5%; 
}
.urunlist .btnlistbtn .row .btsk {
    margin-top: 1rem;
}
.urunlist p:nth-child(3) { 
    margin-top: 0rem; 
    margin-bottom: 0rem;
}
.chatbot .chatbox .closechat { 
    top: 5%; 
    font-weight: 400; 
}
.chatbot .chatbox { 
    width: 270px;
    height: 300px; 
}
    .about.blood-test .container .row .aboutcard .absolutext p {
        font-size: 10px;
    }
        .thsec .wkutu {
        padding-top: 50px;
    }
    
        .thsec .wkutu h5 {
        font-size: 20px;
    margin-top: 5px;
    }
        .thsec .wkutu span {
        margin-top: 0rem;
        width: 65%;
    font-size: 11px;
    }
    .footer .container .row .w100.table table tr td {
    padding: 0;
    vertical-align: inherit;
    border: none;
    color: #fff;
    font-size: 80%;
    padding-bottom: 0.5rem;
}
    .footer .container .row .w40.twolink a.redo {
        font-size: 75%;
    }
        .footer .container .row .w40.twolink ul li a { 
        font-size: 75%;
    }
        .footer .container .row .w30.firstlink a {
        font-size: 75%;
    }
    .longopassbanner .bannertext h2 { 
	    font-size: 190%; 
	}
	.longopassheader .row .first ul li a {
    color: #757575;
    font-size: 14px;
}
.focuslistproduct .row .w50 {
    width: auto;
    margin-right: 15px;
    text-align: center;
    margin: 0;
}
.iletisimpart .row .col-lg-6 h2 { 
    font-size: 30px; 
}
.about .container .row .aboutcard:hover img {
    height: 260px;
}
.about .container .row .aboutcard img {
    height: 260px;
}
    .about .container .row .aboutcard a {
        height: 48px;
    }

.dailyfirst .container .btnlistbtn {
        bottom: 80px;
        position: inherit;
    }
.btnlistbtn .row .btsk {
    margin-right: 30px;
    margin-bottom: 30px;
    margin-top: 0rem;
    display: inline-block;
}
}

@media (max-width: 1300px) {
	h1 {
 font-size: 45px;
}
 
h2 {
 font-size: 40px;
}
 
h3 { 
font-size: 30px;  
}
h4 {
font-size: 28px;
}
h5 {
	font-size: 20px;
}
h6 {
font-size: 18px; 
}
p, li, a, td, th { 
    font-size: 15px; 
}
span{
	font-size: 14px;
}

 .pt-96{
 	padding-top:60px;
 }
 
 .pb-96{
 	padding-bottom:60px;
 }
 .pt-48{
 	padding-top:30px;
 }
 
 .pb-48{
 	padding-bottom:30px;
 }
 
.dailyfirst .container .btnlistbtn {
    position: inherit;
    }
	.btnlistbtn .row .btsk {
    margin-bottom: 0!important;
    margin-top: 0!important;
    display: inline-block;
}
 .mt-96{
 	margin-top:60px;
 }
 
 .mb-96{
 	margin-bottom:60px;
 }
 .mt-48{
 	margin-top:30px;
 }
 
 .mb-48{
 	margin-bottom:30px;
 }
  .baslik-pb{
  	padding-bottom:36px;
 }
 .baslik-mb{
  	margin-bottom:36px;
 }
    .longopassheader .row .three ul {
        padding: 0;
        padding-left: 10px;
    }
    .btnlist .row .btsk {
    margin-top: 10px;
    margin-right: 30px;
    margin-bottom: 10px;
}
    
    .twosec .bgs img {
    height: 50vh;
}
    .thsec .wkutu {
        width: calc(100% / 2);
        background-size: contain !important;
        height: 450px;
        padding-top: 40px;
        padding-bottom: 90px;
        margin-left: auto;
        margin-right: auto;
    }
    .thsec .wkutu {
        padding-top: 100px;
    }
    .started .w50 span {
	    display: block;
    	width: 100%;
    	margin-bottom: 0rem;
	}
	.started .w50 h4 {
	    margin-bottom: 1rem;
	}
	.footer .container .row .w100.table table tr td {
	    font-size: 80%;
	}
 .longopassbanner .bannertext h2 {
    font-size: 200%;
}   
.gribgs {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 2%;
    padding-bottom: 2%;
}    
.featureskey.scrience .row .w50 p {
    width: 95%;
    font-weight: 400;
}








    
}
@media (min-width:1200px){
	.mobile-menu {
		display: none;
	}
}
@media (max-width: 1200px) {
 .pt-96{
 	padding-top:48px;
 }
 
 .pb-96{
 	padding-bottom:48px;
 }
 .pt-48{
 	padding-top:24px;
 }
 
 .pb-48{
 	padding-bottom:24px;
 }
 
 .mt-96{
 	margin-top:48px;
 }
 
 .mb-96{
 	margin-bottom:48px;
 }
 .mt-48{
 	margin-top:24px;
 }
 
 .mb-48{
 	margin-bottom:24px;
 }
  
 .main-header { 
    display: none;
}
.mobile-menu {
    display: block;
}
 .mm-logo-kapat {

		border-bottom: 1px solid #fff;
		padding-left: 4%;
		padding-right: 4%;
		padding-bottom: 10px;
	}
	.mm-logo-kapat .mm-logo {

		width: 50%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.mm-logo-kapat .mm-logo img {

		width: 60%;
	}
	.mm-logo-kapat .mm-kapat {

		width: 50%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.mm-logo-kapat .mm-kapat .closebtn {

		color: #fff;
		font-weight: 300;
		font-size: 40px;
	}
	.mm-links {

		margin-top: 4%;
	}
	.mm-links ul {

		padding-left: 0;
		margin-bottom: 0;
	}
	.mm-links ul li {

		list-style: none;
		border-bottom: 1px solid #fff;
		margin-bottom: 20px;
	}
	.mm-links ul li a {

		color: #fff;
		font-weight: bold;
		font-size: 30px;
	}
	.mm-dil {

		margin-top: 4%;
	}
	.mm-dil ul {

		padding-left: 0;
		margin-bottom: 0;
	}
	.mm-dil ul li {

		display: inline-block;
		margin: 0px 5px 0px 0px;
	}
	.mm-dil ul li a {

		color: #fff;
		font-size: 20px;
	}
	.mm-dil ul li span {

		color: #fff;
		font-size: 20px;
	}
p, li, a, td {
    font-size: 14px;
    line-height: 160%;
}
 .mobile-menu .mobile-menu-logo img {
    width: 100%;
    height: 80px;
}
 
.mobile-menu {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 1s;
    width: 100%;
    z-index: 1111;
    background: #fff;
}
 
 .longopassbanner {
    position: relative;
    max-height: 570px;
    margin-top: 100px;
}

.longopassheader {
    display: none;
}
.thsec{}
.thsec .container{max-width:100%;}
    .thsec .wkutu {
        width: calc(100% / 3); 
    }
}
@media(min-width:900px){
	.masaustu{display:block;}
	.mobil{ display:none;}	
}

@media (max-width: 900px) {
	
	.toplestks{
	background-image: url(http://longopass.com.tr/themes/longopass/assets/img//buyukbutonback.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 80%;
    margin: auto;
    text-align: center;
    color: #fff;
    padding: 10px;
    background-size: 100%;
}
 .ourphiso .row.certificates .flcardis {
    width: 50%;  
}

 .pt-96{
 	padding-top:48px;
 }
 
 .pb-96{
 	padding-bottom:48px;
 }
 .pt-48{
 	padding-top:24px;
 }
 
 .pb-48{
 	padding-bottom:24px;
 }
 
 .mt-96{
 	margin-top:48px;
 }
 
 .mb-96{
 	margin-bottom:48px;
 }
 .mt-48{
 	margin-top:24px;
 }
 
 .mb-48{
 	margin-bottom:24px;
 }
	.w50 {
	    width: 100%;
	    position: relative;
	}
  
  
  .onesec .bgs img {
    width: 100%;
    height: 37vh;
    object-fit: cover;
}

    .thsec .wkutu {
        width: calc(100% / 1);
        background-size: contain !important;
        height: 530px;
        padding-top: 40px;
        padding-bottom: 90px;
        margin-left: auto;
        margin-right: auto;
    }


.twosec .text {
    width: 70%;
}
    .twosec .bgs img {
        height: 35vh;
    }
    .thsec .wkutu {
        width: calc(100% / 2);
        background-size: cover;
        height: 290px;
        padding-top: 7%;
        padding-bottom: 90px;
        margin-left: auto;
        margin-right: auto;
        background-position: 50% !important;
    }
    .thsec2doktor .doktor-owl .item img {
    max-width: 60%;
    margin: auto;
    margin-bottom: 2rem;
    margin-top: 0rem;
}
.thsec2doktor .doktor-owl .item {
    padding-top: 10%;
}
     .thsec .wkutu span {
        margin-top: 0rem;
        width: 45%;
        font-size: 11px;
    }
    .thsec .btsk {
    margin: 0;
    margin-bottom: -48px;
}
.footer .container .row .w40 p {
    color: #919191;
    width: 100%;
    font-size: 100%;
    margin-bottom: 0rem;
    margin-top: 0rem;
}
.footer .container .row .w100.table {
    color: inherit;
    margin: 0;
    display: inline-block;
    padding-left: 0px;
}
.footer .container .row .w30 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.footer .container .row .w30 img {
    width: 60%;
    margin: auto;
	margin-bottom:1rem;
}
.footer .container .row .w30:nth-child(2) img {
    width: 30%;
    margin-bottom: 5rem;
}
.footer .container .row .w40 {
    width: 100%;
    text-align: center;
}
.footer .container .row .w100.table {
        color: inherit;
        margin: 0;
        display: inline-block;
        padding-left: 0px;
        width: 100%;
        text-align: center;
    }
        .footer .container .row .w100.table table tr td {
        font-size: 100%;
        padding: 0;
    }
        .footer .container .row .w100.table table tr td  img{
        display:none;
    }
    .footer .container .row .w100.table img {
    width: 20%;
    display: inline-block;
    margin: auto;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.footer .container .row .w100.table table {
    margin-top: 1rem;
    width: 100%;
}
    .footer .container .row .w40 p {
        width: 100%;
        margin-bottom: 2rem;
        margin-top: 1rem;
    }
.footer .container .row .w30.firstlink p {
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.footer .container .row .w30.firstlink .w60 {
    width: 100%;
    text-align: center;
}

.footer .container .row .w30.firstlink ul li {
    font-size: 130%;
    margin-bottom: 1.5rem;
    color: #fff;
}
.footer .container .row .w30 .download:nth-child(2) {
    margin-top: 1rem;
    display: inline-block;
    margin-bottom: 1rem;
}
 .footer .container .row .w30:nth-child(2) img {
        width: 30%;
        margin-bottom: 1rem;
    }
    .footer .container .row .w40.twolink a.redo {
        font-size: 130%;
        margin-top: 2rem;
    }
    .footer .container .row .w40.twolink ul li a {
        font-size: 100%;
        width: 100%;
    }
.footer .container .row .w40.twolink ul li {
    width: 100%;
}
.w60 {
    width: 100%;
    position: relative;
}
.altsec p.bordererd {
    text-align: center;
    width: 94%;
    margin: auto;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 10px 40px;
    color: #ffffff50;
    margin-top: -9%;
    background: #18191c;
}
.footer .container .row .w40.twolink p {
    font-size: 140%;
}
.footer .container .row .w30.firstlink p {
        font-size: 140%;
    }
    .about .container .row .aboutcard {
    width: 47%;
}
    .ourphiso .row .flcardis {
    width: 47%;
    margin-bottom: 8%;
}
 .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 90%;
}
    .urunler .container .row .uruncrd {
        width: 48%;
    }
    .btnlistbtn .row .btsk {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 1rem;
}
.leftos.howitworsk1 {
    background-image: url(../img/howitswork1.png);
    background-size: contain;
    padding-top: 3%;
    background-repeat: no-repeat;
    padding-bottom: 3%;
    background-position: center;
}
.fors p.absol {
    width: 100%;
}   
.fors h6 {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
}
.fors h6:nth-child(5) {
    margin-bottom: 1rem;
    margin-top: -1rem;
}
.leftos .row .col-lg-7 {
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    max-width: 100%;
    flex: 100%;
}
.prodcs .howcard {
    width: 100%;
    position: relative;
}
.prodcs .howcard h2 {
    width: 40%;
    font-size: 25px;
}    
.prodcs .howcard img {
    width: 100%;
    height: 40vh;
    object-fit: cover;
    object-position: top;
}
.prodcs .howcard {
    width: 100%;
    position: relative;
    margin-bottom: 15%;
}
.benefits .container .row .w30 img {
    width: 100%;
    height: 200px;
}    
.benefits .container .row .w30 p {
    width: 100%;
    margin: auto;
    color: #000;
}
.benefits {
    padding-bottom: 15%;
}
.benefits p.altabsol {
    bottom: -51px;
    left: 5%;
    width: 90%;
}
.btnlist .row .btsk {
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .leftos .row .col-lg-7 {
    margin-top: auto;
    margin-bottom: auto;
    flex: 100%;
    max-width: 100%;
}
.flags .container .kutufirst::before {
    width: 0;
}
.flags .container .kutufirst .flag {
    position: relative;
    min-height: 700px;
    width: 100%;
    text-align: center;
    padding-top: 25%;
    background-size: contain !important;
    background-position: center !important;
	
    margin-bottom: 2rem;
}
    .flags .container .kutufirst .flag h6 {
        width: 50%;
    }
.flags .container .kutufirst .flag p {
    color: #000;
    width: 40%;
    margin: auto;
    margin-top: 2rem;
    font-size: 110%;
}
.flags img {
    width: 90%;
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.prodcs.ictwo .row {
    padding-top: 0;
    transform: translate(0, 0%);
}
.featureskey .row .w50 h4 {
    color: #d09bc1;
    text-align: right;
    width: 100%;
    margin-left: auto;
}
    .featureskey.saliva .row .w50 {
        background-position: -15000%;
    }
    
    .featureskey.saliva .row .w100 h4 { 
    width: 60%; 
}
.featureskey.saliva .row .w100 p {
    color: #000;
    font-weight: 400;
    width: 60%;
    margin-left: auto;
    text-align: left;
}
.featureskey.saliva .row .w100 { 
    background-size: 50% 100%;
}
    .featureskey .row .w50 p {
        width: 88%;
    }    .about .container .row .aboutcard:hover img {
        height: 255px;
    }.about .container .row .aboutcard {
        height: 320px;
    }
    .menutwo ul {
    width: 25%;
    background: #393D4199;
    z-index: 99;
    position: relative;
    width: 20vw;
    height: 100vh;
    padding-top: 45%;
    list-style: none;
}
.menutwo {
    left: -105%; 
}
.iletisimpart .row .col-lg-6 span:nth-child(3) {
        margin-top: 1rem;
    }
    .iletisimpart .row .col-lg-6 span {
    margin-left: 0px;
}
.iletisimpart .row .col-lg-6.row.iletisim h3 {
    color: #fff;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
    font-weight: bold;
    margin-top: 3rem;
}
.iletisimpart .row .col-lg-6.row.iletisim input {
    width: 95%; 
}
.dailyfirst {
    background-image: radial-gradient(circle at center, #8c9093 0%, #262c33 100%);
    padding-top: 3%;
    padding-bottom: 2%;
    position: relative;
    padding-bottom: 5%;
}
.dailyfirst .btnlistbtn .row .btsk {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0rem;
    display: inline-block;
}
.dailyfirst .container .btnlistbtn {
    position: absolute;
    bottom: 30px;
    margin: auto;
    width: 100%;
    left: 0;
    bottom: -40px; 
}
.btnlistbtn .row .btsk a {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.dailytwo {
    padding-top: 9%;
    padding-bottom: 5%;
    background-image: radial-gradient(circle at center, #8c9093 10%, #262c33 60%);
    background-color: #939494;
}
    .leftos.howitworsk1 {
        
        background-color: #000;
    }
    h1 {
 font-size: 40px;
}
 
h2 {
 font-size: 35px;
}
 
h3 { 
font-size: 27px;  
}
h4 {
        font-size: 20px;
    }

h5 {
	font-size: 18px;
}
    h6 {
        font-size: 15px;
    }
p, li, a, td, th { 
    font-size: 14px; 
}
span{	
	font-size: 13px;
}
        
    .fors p { 
	    width: 100%; 
	}
.prodcs span {
    display: block;
    text-align: center;
    background: url(../img/butonback.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    margin: auto;
    padding: 15px 30px;
    margin-bottom: -4rem;
    color: #fff;
    box-shadow: none !important;
}
.leftos .row .col-lg-5 {
    /* margin-right: auto; */
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    flex: 100%;
    max-width: 100%;
}
.prodcs .howcard::before { 
    top: -10%; 
}
.urunlerlistepart ul.izlence::before { 
    width: 0;
    height: 0;
}
.featureskey.saliva .row .w50 {
    width: 100%!important;
}

.featureskey .row .w50 {
    width: 100%!important;
}
.featureskey.saliva .row .w50.right {
        background-position: 0;
    }
.about.blood-test .container .row .aboutcard .absolutext {
    opacity: 1;
}
.about.blood-test .container .row .aboutcard .absolutext p {
    transform: translate(-0%, 0px);
}
.footer .container .row .w50.firstlink p {
    text-align: center;
}
.footer .container .row .w50.firstlink ul li {
    text-align: center;
}
.footer .container .row .w50.twolink p {
    text-align: center;
}
.footer .container .row .w50.twolink ul li {
    width: 100%;
}
.footer .container .row .w50.twolink a.redo {
    text-align: center;
}
.footer .container .row .w100.table table tbody {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    text-align: center;
}
    .footer .container .row .w100.table table tr td {
        font-size: 100%;
        padding: 0;
        display: block;
    }
        .footer .container .row .w100.table table tr td {
        margin-bottom: 0.5rem;
    }




}




@media (max-width: 800px) {
  .twosec .bgs img {
        height: 40vh;
    }
    .thsec .wkutu {
    background-position: center!important;
}
    .thsec .wkutu span {
        margin-top: .5rem;
        width: 50%;
    }
     
     .leftos.howitworsk1 {
        background-image: url(../img/howitswork1.png);
        background-size: contain;
        padding-top: 3%;
        background-repeat: no-repeat;
        padding-bottom: 3%;
        background-position: center;
        background-color: #000;
    }
    .fors h6 {
        font-size: 100%;
    }
    .benefits p.altabsol {
    	background-size: contain;
    }
    .iletisimpart .row .col-lg-6 h2 {
    	font-size: 25px;
	}
}

@media (min-width: 600px) {

	 
 
}

@media (max-width: 600px) {
	 
	 .pt-96{
 	padding-top:36px;
 }
 
 .pb-96{
 	padding-bottom:36px;
 }
 .pt-48{
 	padding-top:12px;
 }
 
 .pb-48{
 	padding-bottom:12px;
 }
 
 .mt-96{
 	margin-top:36px;
 }
 
 .mb-96{
 	margin-bottom:36px;
 }
 .mt-48{
 	margin-top:24px;
 }
 
 .mb-48{
 	margin-bottom:24px;
 }
	h1 {
 font-size: 30px;
}
 
h2 {
 font-size: 25px;
}
 
h3 { 
font-size: 22px;  
}
h4 {
font-size: 20px;
}
h5 {
	font-size: 15px;
}
h6 {
font-size: 14px; 
}
p, li, a, td, th { 
    font-size: 13px; 
}
span{
	font-size: 12px;
}
       .twosec .bgs img {
        height: 80vh;
    }
        .twosec .text {
        width: 90%;
        left: 5%;
        top: 5%;
    }
    .twosec .text h6 {
    color: #fff;
    font-size: 90%;
    margin-bottom: 10px;
    position: relative;
}
.twosec .text h6::before {
    content: "";
    position: absolute;
    top: 0;
    background: #fff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transform: translate(-10px, 7px);
}
.thsec {
    background: url(../img/background-pass.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 13%;
    padding-bottom: 13%;
}
    .thsec .wkutu {
        height: auto;
        padding-top: 10%;
        padding-bottom: 90px;
    }
.started .w50 .rightakord .accordion .accordion-item button span {
    position: absolute;
    top: 13%;
    right: 14px;
    font-weight: 100;
    opacity: 0;
    width: auto;
    color: #fff;
    font-size: 35px;
    text-align: center;
}
button:hover {
    color: #ffff;
}
.onlineshop .row .w50:first-child {
    margin-bottom: 3rem;
    padding-right: 5%;
    position: relative;
}
.thsec2 .customer-owl .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    top: 20%;
}
.thsec2 .customer-owl .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    top: 20%;
}
.footer .container .row .w40 button {
    background: #000000;
    border-radius: 20px;
    color: #fff;
    width: 100%;
    border: 1px solid #fff;
    margin-left: 0px;
    height: 40px;
    margin-top: 2rem;
}
.footer .container .row .w40 input {
    width: 100%;
    border: none;
    outline: none;
    padding-left: 20px;
    border-radius: 20px;
    height: 40px;
}
    .footer .container .row .w30.firstlink ul li {
        font-size: 130%;
        margin-bottom: 0.5rem;
        color: #fff;
    }
    .footer .container .row .w40.twolink a.redo {
        font-size: 120%;
        margin-top: 2rem;
    }
    .onesec .textbtn h4 {
    margin: auto;
    text-align: center;
    width: 90%;
    color: #fff;
    font-weight: 600;
}
    .about .container .row .aboutcard {
        width: 100%;
    }
    .about .container .row {
    justify-content: space-between;
    margin-top: 5rem;
    margin-bottom: 0rem;
}
    .ourphiso .row .flcardis {
        width: 100%;
        margin-bottom: 8%;
    }
        .btnlist .row .btsk {
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 0px;
    }
    .about.carere .container .row input {
    		width: 100%;
		    color: #fff;
	}
    .about.carere .container .row textarea {
    		width: 100%;
		    color: #fff;
	}
	
	.btnlist .row .btsk a {
    width: fit-content;
}
	.btnlist .row .btsk{
    width: 100%; 
}
.longopassbanner {
        position: relative;
        max-height: 570px;
        margin-top: 70px;
        height: 200px;
    }
    .longopassbanner img{
        object-fit:cover;
        height: 200px;
    }
    .longopassbanner .bannertext h2 {
        font-size: 150%;
    }
        .urunler .container .row .uruncrd {
        width: 100%;
    }
    .faqs .accordion-item .accordion-header button {
        font-size: 50%;
        height: auto;
        padding-bottom: 5px;
        padding-top: 5px;
    }
 .leftos .row .col-lg-7 p { 
    width: 100%; 
    margin-top: 2rem;
}
     .leftos.howitworsk1 { 
       /* background-size: cover;*/ 
        background-position: 80%;
    }
 .fors p { 
    width: 100%; 
}
 .prodcs span {
  
    width: 100%; 
    padding: 15px 30px;
    margin-bottom: 0rem; 
}
     .prodcs .howcard h2 {
        width: 60%;
        font-size: 20px;
    }
    
    .leftos {
    background: #000000;
    padding-top: 5%;
    padding-bottom: 5%;
}
 .featureskey .row .w50 {
    width: 100% !important;
}
.benefits .container .row .w30 {
    text-align: center;
    width: 100%;
	margin-bottom:3rem
}
.benefits h4 { 
    top: -16px; 
    left: 34%; 
}
    .benefits .container .row .w30 img {
        width: 100%;
        height: 320px;
    }
.benefits .container .row .w30 h5 {
    margin-bottom: 0rem;
    color: #fff;
    font-weight: 600;
} 
    .benefits p.altabsol {
        background-size: cover;
        width: 90%;
        background-repeat: no-repeat;
        background-position: center;
        position: inherit;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        border: 2px solid #fff;
    }
        .flags .container .kutufirst .flag p {
         
        width: 70%;
        margin: auto;
        margin-top: 1rem;
        font-size: 100%;
    }
        .flags .container .kutufirst .flag {
        position: relative;
        min-height: 550px;
        width: 100%;
        text-align: center;
        padding-top: 40%;
        background-size: contain !important;
        background-position: center !important;
        margin-bottom: 0rem;
    }
    .thsec .btsk {
        margin: 0;
        margin-bottom: -75px;
    }
    .started { 
    padding-top: 15%; 
}
    .acikgri .container .row .col-lg-2 img {
    width: 100%; 
}
    .urunlerlistepart { 
    padding-top: 30%; 
}
.urunlerlistepart ul.izlence { 

    display: none;
}
.urunlerlistepart .row .btsk{
	
    margin-right: 0px;
}
.basliko .btsk {
    position: inherit; 
}
.featureskey .row .w100 p { 
    width: 80%; 
}
.testimon .row .testicard {
        width: 100%;
        margin-bottom: 5rem;
    }
.about .container .row .aboutcard:hover img { 
    height: 250px; 
}
 .about.blood-test .container .row .aboutcard .absolutext { 
    opacity: 1; 
}   
   .about.blood-test .container .row .aboutcard .absolutext p {
    transform: translate(-0%, 0px);
} 
  .button-71 { 
    font-size: 12px; 
    padding: 5px 21px; 
}  
        .thsec .wkutu {
        width: calc(100% / 1); 
    }
        .thsec .wkutu h5 {
        font-size: 15px;
        margin-top: 5px;
    }
        .thsec .wkutu span {
        margin-top: .5rem;
        width: 45%;
        font-size: 10px;
    }
    .thsec2doktor .doktor-owl .owl-nav .owl-prev {
	    position: absolute;
	    left: 0px;
	    top: 20%;
	}
	.thsec2doktor .doktor-owl .owl-nav .owl-next {
	    position: absolute;
	    right: 0px;
	    top: 20%;
	}
	    .footer .container .row .w30.firstlink p {
        font-size: 100%;
    }
        .footer .container .row .w40.twolink p {
        font-size: 100%;
    }
        .footer .container .row .w40.twolink a.redo {
        font-size: 100%;
        margin-top: 2rem;
    }
        .about .container .row .aboutcard {
        height: 290px;
    }
        .about .container .row .aboutcard a {
        height: 34px;
        padding: 0;
        margin: 0;
    }
        .about .container .row .aboutcard img {
        height: 250px;
    }
    
    .btnlist a{
    	margin-bottom:0.5rem;
    	margin-top:0.5rem;
    }
    .leftos h4 {
    font-size: 20px;
}
    .leftos h6 {
    font-size: 12px;
}
.button-alt { 
    font-size: 13px; 
    line-height:120%;
}
        .flags .container .kutufirst .flag h6 {
        width: 90%;
    }
        .flags .container .kutufirst .flag p {
        width: 70%; 
        font-size: 90%;
    }
    
    .flags p.buyukbuyonback { 
    width: 100%; 
}.flags .btsk {
    transform: translate(0, -30px) !important;
}
    .prodcs .howcard {
        width: 100%;
        position: relative;
        margin-bottom: 35%;
    }
    .results .container .ikontext {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    border-right: 0px solid #000;
    padding-right: 0%;
}
    
    .results .container .ikontext img {
    width: 88px;
    height: 88px;
    object-fit: contain;
    margin-bottom: 0rem;
    margin-top: 3rem;
}
.results span { 
    left: 30vw; 
}
.results .container h4 {
    margin-top: 10%;
}
    .ikonlarhow6 .container .row .w30 {
    margin-right: 3%;
    width: 100%;
}
.ikonlarhow6 .container .row .w30 .images img {
    max-width: 158px;
    height: 158px;
    object-fit: contain;
}
.ikonlarhow6 .container .row .w30 .images h5 {
    color: #fff;
    font-size: 100%;
    text-align: center;
    width: 100%;
    margin: auto;
}
.about.carere .w100 .btsk::before {
    content: "";
    width: 97%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 85%;
}
    .dailyfirst .container .btnlistbtn {
        position: inherit; 
    }
        .btnlistbtn .row .btsk a {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 1rem;
    }
        .featureskey.saliva .row .w100 {
        background-size: 0% 100%;
    }
        .featureskey.saliva .row .w100 h4 {
        width: 100%;
    }
    .featureskey.saliva .row .w100 p {
        color: #000;
        font-weight: 400;
        width: 100%;
        margin-left: auto;
        text-align: left;
    }
        .about .container .row .aboutcard img {
        height: 235px;
    }
        .twosec .bgs img {
        height: 46vh;
    }
    .ourphiso .row.certificates .flcardis {
    width: 100%;
    height: 250px;
    margin-bottom: 3rem;
}
 	.toplestks{
	background-image: url(http://longopass.com.tr/themes/longopass/assets/img//buyukbutonback.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    margin: auto;
    text-align: center;
    color: #fff;
    padding: 10px;
    background-size: 100%;
}   

    .twosec .text p {
    font-size: 80%;
}
.twosec .text h6 {
        color: #fff;
        font-size: 80%;
        margin-bottom: 10px;
        position: relative;
    }
        .footer .container .row .w50.twolink ul li a {
        font-size: 80%;
        text-align: center;
    }
        .footer .container .row .w100.table table tr td {
        font-size: 80%;
        padding: 0;
        display: block;
    }
}