/* ################################################### WIDTH 2100px ################################################### */
@media only screen and (max-width: 2100px){

body{
font-size: 21px;
}

}

/* ################################################### WIDTH 1900px ################################################### */
@media only screen and (max-width: 1900px){

body{
font-size: 19px;
}

}

/* ################################################### WIDTH 1800px ################################################### */
@media only screen and (max-width: 1800px){

.w1600, .w50 .w800{
width: 85%;
}

.focus_txt.fs_4_4_vw{
font-size: 5.2vw;
}

}

/* ################################################### WIDTH 1600px ################################################### */
@media only screen and (max-width: 1600px){

.w50 .w800 .w70{
width: 80%;
}

header .ml_a img{
height: 80px;
}

}

/* ################################################### WIDTH 1500px ################################################### */
@media only screen and (max-width: 1500px){

body{
font-size: 17px;
}

.swiper-container .swiper-slide img{
height:30px;
}

}

/* ################################################### WIDTH 1300px ################################################### */
@media only screen and (max-width: 1300px){

.fs_15_vw{
font-size: 18vw;
}

.w100.dis_fle .w40{
width: 50%;
}

#contact .w40{
width: 45%;
}

}

/* ################################################### WIDTH 1200px ################################################### */
@media only screen and (max-width: 1200px){

.w50 .w800 .w70{
width: 85%;
}

.col_wrap.dis_fle{
display: block;
}

.col_wrap.dis_fle .w40{
width: 100%;
padding-top: 2vh;
}

}

/* ################################################### WIDTH 1100px ################################################### */
@media only screen and (max-width: 1100px){

body{
font-size: 15px;
}

.button{
border-width: 1px !important;
padding: 1.5vh 3vh;
}

.button.bg_black{
border-width: 0px !important;
}

.pt_40{
padding-top: 30vh;
}

.pt_25{
padding-top: 17vh;
}

.pt_20{
padding-top: 15vh;
}

.pt_15{
padding-top: 10vh;
}

.pt_10{
padding-top: 7.5vh;
}

.pt_7_5{
padding-top: 5.5vh;
}

.pt_5{
padding-top: 3.75vh;
}

.pt_2{
padding-top: 1.5vh;
}

.pt_1{
padding-top: 0.75vh;
}

.pb_25{
padding-bottom: 17vh;
}

.pb_15{
padding-bottom: 10vh;
}

#cb_wrap{
right: 40px;
bottom: 45px;
}

#horz_scroll .hs_item.dis_fle{
display: block;
}

#horz_scroll .hs_item .w50{
width: 100%;
height: 50%;
}

#horz_scroll .hs_item .w50 .w800{
width: 85%;
height: 100%;
margin: 0px auto;
display: flex;
flex-wrap: wrap;
align-items: center;
}

#horz_scroll .hs_item .w50 .w800 .w70{
width: 100%;
}

#img_grid .w50{
width: 100%;
}

#img_grid .w50 .pt_40{
padding-top: 15vh;
}

.swiper-container .swiper-slide img{
height:25px;
}

.par_grid {
gap: 0vh 1.416vw;
}

.par_grid .w19{
width: 23.75%;
}

form input:nth-child(2), form input:nth-child(3){
margin-top: 3vh;
}

footer ul li {
margin-left: 20px;
}

}

/* ################################################### WIDTH 1000px ################################################### */
@media only screen and (max-width: 1000px){

.w800{
width: 85%;
}

.swiper-container .swiper-wrapper{
margin-left: 0vw;
}

.swiper-container{
width: 85%;
margin: 0px auto;
overflow: hidden;
}

}

/* ################################################### WIDTH 991px ################################################### */
@media(max-width:991px){

#ProvenExpert_widget_container{
display:none !important;
}

}

/* ################################################### WIDTH 900px ################################################### */
@media only screen and (max-width: 900px){

.par_grid {
gap: 0vh 1.7vw;
}

.par_grid .w19{
width: 32%;
}

footer .w40, footer .w20{
width: 100%;
text-align: center;
}

footer .w40:first-child{
display: none;
}

footer .w20 img{
height: 120px;
}

footer .w40:last-child{
padding-top: 2vh;
}

}

/* ################################################### WIDTH 800px ################################################### */
@media only screen and (max-width: 800px){

.fs_4_4_vw {
font-size: 5.2vw;
}

.w30{
width: 100%;
}

header .ml_a img{
height: 50px;
}

#vid_dat .w100 .w100.dis_fle{
display: block;
}

#vid_dat .w100 .w100.dis_fle .ta_center{
padding: 2vh 0;
}

.pin_item .gro_bol.fs_1_9 br{
display: none;
}

#contact .w40{
width: 100%;
}

#contact .pt_7_5{
padding-top: 2vh;
}

#contact .dis_fle .w40:last-child{
padding-top: 4vh;
}

}

/* ################################################### WIDTH 700px ################################################### */
@media only screen and (max-width: 700px){

#about .pb_25{
padding-bottom: 10vh;
}

}

/* ################################################### WIDTH 600px ################################################### */
@media only screen and (max-width: 600px){

.par_grid {
gap: 0vh 4.25vw;
}

.par_grid .w19{
width: 47.5%;
}

.video .gro_lig{
display: none;
}

}

/* ################################################### WIDTH 500px ################################################### */
@media only screen and (max-width: 500px){

body{
font-size: 14px;
}

.pt_40{
padding-top: 20vh;
}

.pt_25{
padding-top: 12vh;
}

.pt_20{
padding-top: 10vh;
}

.pt_15{
padding-top: 7.5vh;
}

.pt_10{
padding-top: 5vh;
}

.pt_7_5{
padding-top: 3.25vh;
}

.pt_5{
padding-top: 2.5vh;
}

.pt_2{
padding-top: 1vh;
}

.pt_1{
padding-top: 0.5vh;
}

.pb_25{
padding-bottom: 12vh;
}

.pb_15{
padding-bottom: 7.5vh;
}

.focus_txt.fs_4_4_vw{
font-size: 7.6vw;
}

#cb_wrap{
right: 7.5%;
bottom: 30px;
}

#cb_button{
width: 40px;
height: 40px;
}

#img_grid .w50 .pt_40{
padding-top: 10vh;
}

.swiper-container .swiper-slide{
margin-bottom: 7vh;
}

.swiper-container .swiper-slide img{
height:20px;
}

.swiper-container .swiper-pagination-bullet{
width: 11px;
height: 11px;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap,15px);
}

form input:nth-child(2), form input:nth-child(3){
margin-top: 2vh;
}

footer .w20 img{
height: 100px;
}

footer ul li {
margin-left: 10px;
}

}

/* ################################################### WIDTH 400px ################################################### */
@media only screen and (max-width: 400px){

#horz_scroll .hs_item .w50:first-child{
height: 60%;
}

#horz_scroll .hs_item .w50:last-child{
height: 40%;
}

}

/* ################################################### WIDTH 375px ################################################### */
@media only screen and (max-width: 375px){

#horz_scroll .hs_item .w50:first-child{
height: 70%;
}

#horz_scroll .hs_item .w50:last-child{
height: 30%;
}

}

/* ################################################### WIDTH 350px ################################################### */
@media only screen and (max-width: 350px){

#horz_scroll .hs_item .w50:first-child{
height: 100%;
}

#horz_scroll .hs_item .w50:last-child{
height: 0%;
}

}

/* ################################################### LANDSCAPE ################################################### */
@media only screen and (max-width: 950px) and (orientation: landscape){

#vid_dat .w100 .w100.dis_fle{
display: none;
}

#horz_scroll .hs_item .w50:first-child{
height: 100%;
}

#horz_scroll .hs_item .w50:last-child{
height: 0%;
}

}