@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Forum&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden; width:100%;}
body{
font-family: "Forum"; font-weight:400; padding:0; color:#00131d; font-weight:normal; padding-right:0!important; background:#fff;
font-size:16px;
line-height:1.5;
 overflow-x:hidden; width:100%;
}
/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

:root{--shade: linear-gradient(180deg, var(--lightgreen) 0%, var(--lightblue) 100%);
--lightgreen:#b2d9c4; --green:#44916f; --dark:#257f7f; --lightblue:#81bbc8; --brown:#c2946f;
}

img{border:0;}

*{ box-sizing:border-box;}
*:hover{
}

a{color:var(--dark); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#000;}

a:focus, button:focus, .active{outline: none !important; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0)!important;}

h1, h2, h3, h4, h5{margin:0 0 20px; padding:0; font-weight:400; font-family: "Forum"!important;}
h2{text-transform:uppercase; font-size:42px; margin-bottom:35px;}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #666;
}


@keyframes wiggle {
0%{transform:rotate(0deg);}
80%{transform:rotate(0deg);}
85%{transform:rotate(5deg);}
95%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}


.fullArea{width:1280px; max-width:92%; margin:0 auto;}

/* Header */
.headerArea{display:block; position:absolute; left:0; right:0;top:1px; clear:both; padding:15px 0; z-index:999; font-family:'Open sans';}
.logo{display:block; padding:5px 0;}
.logo img{max-width:100%; height:75px;}
.sticky.headerArea{position:fixed; left:0; top:0; right:0; background:var(--dark); padding:5px 10px;}
.sticky.headerArea .logo img{height:35px;}
.callBtn{color:#fff; font-weight:600; padding:15px 20px;}
.callBtn i{margin-right:5px;}
.callBtn:hover{color:var(--lightblue);}
.viewMenu{color:#fff; padding:11px 20px; border-radius:5px; font-weight:600; text-transform:uppercase; font-size:14px;}
.viewMenu i{margin-left:5px;}
.viewMenu:hover{background:#fff; color:var(--lightblue);}


.project-slider{display:block; position:relative; overflow:hidden; clear:both; background:var(--dark); background-size:cover;}
.project-slider .carousel-item > img{object-fit:cover; height:100%; width:100%;}
.project-slider .carousel-item:after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; transition: opacity 1s ease-in-out; content:''; display:block;
background: linear-gradient(130deg, rgba(10, 65, 65, 0.93) 33%, rgba(10, 65, 65, 0) 77%); z-index:5;}
.carousel-control-next, .carousel-control-prev{width:5%;}

.wrap-video {
  line-height: 180px;
  text-align: center;
  height: 180px;
  width: 180px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.4);
  overflow: hidden;
  position:absolute; right:7%; bottom:10%; z-index:100;
}

.wrap-video a {
  background-color: #fff;
  padding: 43.5px 49.5px;
  text-align: center;
  color: var(--green);
  border-radius: 50%;
}
.wrap-video a:hover{color:#fff; background:var(--green);}


.bannerContent{z-index:30; color:#fff; position:absolute; left:100px; bottom:10%;}
.bannerContent img{position:absolute; right:15%;top:-25%;}
.bannerContent h2{font-size:50px; margin-bottom:25px; padding:0; line-height:1; font-weight:400; text-transform:uppercase;}
.bannerContent h2 big{display:block; font-size:120px; line-height:0.9;}
.bannerContent h2 span{display:block; font-size:75px;}
.bannerContent a{display:inline-block; color:#fff; border-radius:10px; padding:20px 30px; line-height:1; border:1px #fff solid; font-weight:600; text-transform:uppercase;}
.bannerContent a:hover{background:#fff; color:var(--lightblue);}


.welcomeArea{text-align:center; padding:80px 0; background:transparent url('../images/imgbgcategory.jpg') no-repeat top center; font-size:18px;}
a.commonBtn{background:#fff;color:var(--dark); display:inline-block; border-radius:5px; padding:15px 40px; text-transform:uppercase; font-weight:600; font-family:'Open Sans'; font-size:14px; display:inline-block; margin-bottom:50px;}
a.commonBtn:hover{background:var(--dark); color:#fff;}
.welcomeArea h3{font-size:36px;}
.welcomeArea ul{list-style-type:none; margin:0;padding:0;}
.welcomeArea ul li{display:inline-block; width:32.5%;}
.welcomeArea ul li a{color:#444; font-size:20px; padding:35px 20px; display:block; overflow:hidden;}
.welcomeArea ul li a i{display:block; overflow:hidden; margin:30px 0 0;font-size:22px;}
.welcomeArea ul li a:hover{background:var(--lightblue); color:#fff;}


.aboutArea{padding:100px 0 150px; background:var(--lightgreen)}
.aboutArea h3{margin-bottom:5px;}
.aboutArea h2{margin-bottom:20px; padding-bottom:20px; position:relative;}
.aboutArea h2:before{position:absolute; left:0; bottom:5px; height:3px; width:100px; content:''; display:block; background:var(--dark);}
.aboutArea p{margin-bottom:30px;}
.aboutArea .row{font-size:20px;}
.aboutArea img + p{position:absolute; bottom:-80px; left:-50px; right:120px; padding:20px; background:var(--dark); color:#fff; font-size:20px; margin:0;}
.aboutArea img + p strong{color:var(--lightgreen);}


.articlesArea{display:block; overflow:hidden; padding:60px 0; text-align:center; background:var(--green); color:var(--lightgreen);}
.articlesArea a{color:#fff;}
.articlesArea h3{font-size:24px; margin-bottom:12px;}
.articlesArea .item a div{display:block; overflow:hidden; background:rgba(0,0,0,0.1); padding:20px; min-height:300px;}
.articlesArea #owl-demo1 .item a figure{display:block; overflow:hidden; margin-bottom:0;}
.articlesArea #owl-demo1 .item a figure img{transition: transform .5s; transform: scale(1); height:250px!important; width:100%!important; object-fit:cover;}
.articlesArea #owl-demo1 .item:hover a figure img{transform: scale(1.4);}

.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{ margin:0 30px; top:47%; width:45px; height:45px; position:absolute; background:var(--lightgreen)!important; color:var(--dark)!important; border-radius:50%;}
.owl-carousel .owl-nav button.owl-prev img,.owl-carousel .owl-nav button.owl-next img{height:25px;}
.owl-carousel .owl-nav button.owl-prev{left:-90px;}
.owl-carousel .owl-nav button.owl-next{right:-90px;}



.logoArea{padding:20px 0;}
/* -- Logos Scroll -- */
.simply-scroll-container{position: relative;}
.simply-scroll-clip{position: relative;	overflow: hidden;}
.simply-scroll-list{overflow: hidden;	margin: 0;	padding: 0;	list-style: none;}
.simply-scroll-list li {padding: 0;	margin: 0;	list-style: none;}
.simply-scroll-list li img{border: none;display: block;	width:200px; background:#fff; padding:8px;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.simply-scroll{width: 100%;}
.simply-scroll .simply-scroll-clip{width: 100%;}	
.simply-scroll .simply-scroll-list li{float: left; width: 200px;margin:12px;}
/* -- Logos Scroll End -- */

.galleryArea{text-align:center; display:block; padding:40px 20px 0;}
.galleryArea img{width:100%; margin-bottom:30px;}


.recentBlogs{background:var(--lightblue); color:#fff;}
.recentBlogs .item a{position:relative; display:block; margin:15px 0;}
.recentBlogs .item a > div{margin-left:160px; text-align:left; padding:0; background:none; min-height:auto;}
.recentBlogs .item a figure{width:130px; height:130px; border-radius:50%; position:fixed; left:7px; top:7px; display:block; overflow:hidden; outline:2px #fff solid; outline-offset:5px;}
.recentBlogs .item a figure img{width:100%!important; height:100%!important; object-fit:cover; transition: transform .5s; transform: scale(1);}
.recentBlogs .item a:hover figure img{transform: scale(1.4);}


.awards{background:var(--lightgreen) url('http://oswaldsawh.ca/wp-content/uploads/2024/08/cornerBg.svg') no-repeat right -40% bottom -150px; padding:60px 0 100px; display:block; background-blend-mode: soft-light;}
.awards h2{ font-size:34px; margin-bottom:40px; text-align:center;}
.awards h3{font-weight:600; font-size:30px; margin-bottom:12px;}
.awards h3 i{color:var(--dark); margin-right:5px;}
.awards p{font-size:22px; margin-bottom:0;}
.awards .carousel-indicators{bottom:-80px; justify-content:start; margin-left: 0%;}
.awards .carousel-indicators li{background:#fff; padding:0; height:12px; width:12px; border-radius:50%; border:none;}
.awards [class^="col-"] > div{display:block; padding:20px 0; position:relative;}
.awards [class^="col-"] > div:before{position:absolute; content:''; display:block; top:-10px; bottom:-10px; right:0%; left:-100px; border-radius:10px;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
}


.footerArea{background:var(--dark); padding:40px 0; display:block; color:#fff; overflow:hidden; clear:both; font-family:'Open Sans';}
.footerArea > hr{padding:0; margin:60px 0 0;border-color:rgba(255,255,255,0.4);}
.footerArea > a{width:80px; height:80px; background:#fff; border-radius:50%; margin:-40px auto -30px; display:block; position:relative; z-index:5; text-align:center; font-size:22px;}
.footerArea > a i{ text-align:center; line-height:80px;}
.footerArea > a:hover{background:var(--lightblue); color:#fff;}
.footerArea ul{margin:0; padding:0; list-style-type:none;}
.footerArea ul li{margin-bottom:15px; display:block;}
.footerArea ul li a{color:var(--lightblue); font-size:16px;}
.footerArea ul li a:hover{color:#fff;}
.footerArea [class^="col-"] h4{font-size:26px;  margin-bottom:15px;}
.footerArea [class^="col-"] > a{display:block; clear:both; color:#888; padding:8px 0; font-size:16px;}
.footerArea [class^="col-"] > a i{margin-right:5px;color:var(--lightblue);}
.footerArea [class^="col-"] > a:hover{color:var(--lightblue);}

.footerArea input[type="text"], .footerArea textarea{display:block; border:none; width:100%; padding:0 10px; height:40px; margin-bottom:15px; font-size:14px; background:none; color:#fff; border:1px var(--lightblue) solid;}
.footerArea div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{height:135px!important; padding:10px;}
.footerArea input[type="submit"], .footerArea .wpforms-submit{background:#444!important; color:#fff!important; border:none!important; padding:9px 25px!important; float:right; text-transform:uppercase!important; font-weight:600; font-size:15px; width:100%!important;}
.footerArea input[type="submit"]:hover{background:#fff; color:var(--dark);}
.footerArea ::placeholder {color:var(--lightblue); opacity: 1;}
.footerArea ::-ms-input-placeholder{color:var(--lightblue);}

.downloadBtn{display:inline-block!important;}
.downloadBtn img{height:80px;}


.footerArea .wpforms-submit:hover{background:#222!important; color: #fff!important;}


ul.social-links{float:right; margin:0; padding:0; list-style-type:none;}
ul.social-links li{display:inline-block;}
ul.social-links li a{text-align:center; color:#fff; background:#444; display:block; width:36px; height:36px; text-align:center; border-radius:50%;}
ul.social-links li a i{font-size:16px; line-height:36px;}
ul.social-links li a:hover{background:var(--lightblue); color:#fff;}

.footerBottom{background:var(--dark); color:#fff; padding:0px 0 30px; display:block; overflow:hidden; font-size:16px; position:relative; font-family:'Open Sans';}

.footerBottom a{color:var(--lightblue);}


.accessibilityBtn{position:fixed; right:10px; bottom:10px; z-index:100;}
.accessibilityBtn > img{height:60px; border-radius:50px; border:2px #fff solid;}

.modal .modal-dialog{max-width:900px}
.modal-content{border:none;position:relative;padding:0!important;font-size:14px;border-radius:0;-webkit-box-shadow:0 10px 34px -15px rgba(0,0,0,.24);-moz-box-shadow:0 10px 34px -15px rgba(0,0,0,.24);box-shadow:0 10px 34px -15px rgba(0,0,0,.24)}
.modal-content .modal-header{padding:0;border:none}
.modal-content button.close{position:absolute;top:0;right:0;padding:0;margin:0;width:40px;height:40px;z-index:1;text-shadow:none;background:var(--dark);color:#fff;opacity:1}
.modal-content .modal-body{border:none;position:relative;z-index:0}
.modal-content .row [class^=col-]:first-child{background:transparent url('../images/bg-1.jpg') no-repeat center center;background-size:cover}
.modal-content .modal-body h2{font-weight:700;text-transform:uppercase;font-size:42px;margin-bottom:20px;}
.modal-content .modal-body h2 span{font-weight:400}
.modal-content .modal-body h4{text-transform:uppercase;font-size:15px}
.modal-content .modal-body .form-control{margin-bottom:10px}
.modal-content .modal-body .btn-primary{color:#fff!important;text-transform:uppercase;letter-spacing:1px;font-size:14px;background:var(--dark)!important;width:100%;margin-top:10px;border:none!important}
.modal-content .text{position:relative;z-index:0}
.modal-content .text:after{position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;content:'';border:1px solid rgba(0,0,0,.1);z-index:-1}


div.wpforms-container-full .wpforms-form .wpforms-field {padding: 5px 0!important; clear: both;}
.modal-content div.wpforms-container-full .wpforms-form input[type="submit"], .modal-content div.wpforms-container-full .wpforms-form button[type="submit"], .modal-content div.wpforms-container-full .wpforms-form .wpforms-page-button
{color:#fff!important;text-transform:uppercase;letter-spacing:1px;font-size:14px;background:var(--dark)!important;width:100%;margin-top:10px;border:none!important}




#scroll-icon {
 position:fixed;
 right:10px;
 bottom:10px;
 cursor:pointer;
 width:35px;
 height:35px;
 text-indent:-9999px;
 display:none;
 z-index:99999;
}
#scroll-icon span {
	position:absolute; left:0; top:0;
 height:35px;
 width:35px;
 background:transparent url('../images/arrowup.png') no-repeat center center;
}
#scroll-icon:hover {
 opacity:1;
 filter:"alpha(opacity=100)";
 -ms-filter:"alpha(opacity=100)";
}
#scroll-icon:hover span{ background-image:url('../images/arrowupsolid.png');}


.sub-menu-toggle{display:none!important;}

.innerBannerArea{display: block; overflow: hidden; clear: both; background: var(--dark); min-height: 200px; position: relative;}
.innerBannerArea:after{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; transition: opacity 1s ease-in-out; content:''; display:block;
background: linear-gradient(130deg, rgba(10, 65, 65, 0.93) 33%, rgba(10, 65, 65, 0) 77%); z-index:5;}

.innerContentArea{background:var(--lightgreen) url('http://oswaldsawh.ca/wp-content/uploads/2024/08/cornerBg.svg') no-repeat right -30% bottom -120px; font-size: 18px; padding:50px 0 80px; display:block; background-blend-mode: soft-light; background-size:40%;}
.innerContentArea h1{font-size: 48px; display: block; margin-bottom: 10px;}
.innerContentArea h2{font-size: 30px; margin: 0; padding: 10px 0 20px; color: var(--dark);}
.breadcumbList{display: block; list-style-type: none; margin: 0 0 30px; padding: 0 0 5px; border-bottom: 2px var(--dark) solid;}
.breadcumbList li{display: inline-block; margin-right: 10px;}


.blogListings [class^="col-"]{position: relative; margin-bottom: 30px;}
.blogListings [class^="col-"]:before{position: absolute; background: #fff; content: ''; display: block; left: 15px; right: 15px; top: 0; bottom: 0px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.blogListings a{position: relative; z-index: 5;}
.blogListings a + div{display:block; overflow:hidden; padding:15px 15px 10px;}
.blogListings a figure{display:block; overflow:hidden; margin-bottom:0; height: 250px;}
.blogListings a figure img{transition: transform .5s; transform: scale(1); width: 100%!important; height: 100%!important; object-fit: cover;}
.blogListings a figure:hover img{transform: scale(1.4);}
.blogListings a + div p + span{background: var(--dark); color: #fff; display: inline-block; padding: 5px 25px; border-radius:25px;}
.blogListings a + div p + span:hover{background: var(--green);}


.BlogArea img{width:100%!important;max-width:900px!important;height:auto;display:block;margin:0 0 30px;}
.BlogArea p{text-align: justify;}
.blogDates{display:block;overflow:hidden;padding:0 0 10px;margin:0 0 20px;border-bottom:2px var(--dark) dotted}
.blogDates i{color:var(--dark);margin:0 3px}
.blogDates a{float: right; padding: 5px 10px; background: var(--dark); color: #fff; border-radius:5px;}
.blogDates a i{color: #fff;}
.blogDates a:hover{background: var(--green);}

.blogTitle{min-height:80px}
.blogTitle a:hover{color:var(--green)}
.tags{visibility:visible;margin-bottom:15px;font-size:13px;text-transform:uppercase}
.tags a{padding:3px 8px;background:#ddd;color:#222;display:inline-block;margin:0 3px;font-size:12px}
.tags a:hover{background:var(--green);color:#fff;border:none!important;text-decoration:none}
.navigation.post-navigation{display:block;overflow:hidden;padding:10px 0;margin:10px 0 15px;border-top:2px #ddd solid;border-bottom:2px #ddd solid}
.nav-links>div{width:50%;float:left;}
.nav-links>div.nav-next{float:right;}
.navigation.post-navigation .nav-links span{border:none}
.nav-next{text-align:right}
.next-post,.previous-post{font-size:16px;color:var(--datk);font-weight:600}
.nav-links .post-title{display:block;clear:both;overflow:hidden}
.nav-links a{color:var(--green)}
article[class^=post-]{display:block;overflow:hidden;padding:15px;margin-bottom:20px;border:1px #ddd solid}
article[class^=post-] h2{font-size:20px}
article[class^=post-] .post-taxonomies{display:none}
article[class^=post-] a img{width:300px!important;margin-bottom:5px;max-width:100%!important}
article[class^=post-] a{color:var(--green)}
article[class^=post-] a:hover{color:red}
article[class^=post-] .posted-on{font-size:12px;display:block;padding:5px 10px;background:#ddd}
article+.navigation.pagination{display:none}
.blogTitle+p{min-height:115px!important}
.btn.btn-primary{background:var(--dark)!important;border:none!important}
.btn.btn-primary:hover{background:var(--green)!important}
.pagination{justify-content:center}
.page-numbers{display:inline-block;padding:5px 10px;margin:0 2px 0 0;border:1px solid #fff;background:#fff;color:var(--green);line-height:1;text-decoration:none;border-radius:2px;font-weight:600}
.page-numbers.current,a.page-numbers:hover{background:var(--green);color:#fff}


.volunteerAre a{padding: 5px 10px; background: var(--dark); color: #fff; border-radius:5px;}
.volunteerAre a i{color: #fff;}
.volunteerAre a:hover{background: var(--green);}
.volunteerAre img{box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.volunteerAre small{margin-bottom:10px; display:block; font-size:20px;}
.volunteerAre small i{margin-right:5px; color:var(--dark);}
.volunteerAre h3{margin-bottom:10px;}


.photoGallery [class^="col-"]{margin-bottom:30px;}
.photoGallery a{display:block; overflow:hidden; height:200px;}
.photoGallery a img{transition: transform .5s; transform: scale(1); width: 100%!important; height: 100%!important; object-fit: cover; outline: 1px rgba(255,255,255,0.5) solid;
  outline-offset: -15px;}
.photoGallery a:hover img{transform: scale(1.4);}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{border: 2px #fff solid!important; border-right: 0!important; border-radius: 15px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{border: 2px #fff solid!important; background: #b2d9c4!important;}


/*------------------------------------*\
 Media Queries
\*------------------------------------*/

@media (max-width: 1280px){
}

@media (max-width: 991px){
.project-slider .carousel-item > img{height:600px; float:right; object-position: 85% 0;}
.bannerContent{left:40px; bottom:auto; top:170px;}
.bannerContent h2{font-size:28px!important;}
.bannerContent h2 big{font-size:42px!important;}
.bannerContent h2 span{font-size:34px!important;}
.bannerContent img{width:80px;}
.wrap-video{line-height: 100px;  height: 100px;  width: 100px; right:auto; left:40px;}
.wrap-video a {padding: 27.5px 30.5px;}

.welcomeArea ul li{width:32%;}

.aboutArea h3{font-size:24px;}
.aboutArea h2{font-size:30px;}
.aboutArea span{bottom:-80px; left:-20px; right:50px;}
.aboutArea .row{font-size:17px;}

}

@media (max-width: 767px){
.footerArea{ text-align:center;}
.footerArea > div > .row > [class^="col-"]{margin-bottom:20px;}
.footerArea ul{margin:10px 0;}
.footerBottom{text-align:center;}
.footerBottom ul{ text-align:center; display:block; float:none; padding-top:10px;}

.welcomeArea ul li{width:100%; border-bottom:1px #ddd solid; margin:0; padding:0;}
.welcomeArea ul li a{display:block; padding:15px;}
.welcomeArea ul li a i{display:inline-block; margin:0; position:relative; top:5px; right:-10px;}

.aboutArea{padding:50px 0;}
.aboutArea img+p{position:static; display:block; padding:15px;}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{top:50%;}
.owl-carousel .owl-nav button.owl-prev{left: -20px;}
.owl-carousel .owl-nav button.owl-next{right: -20px;}

.galleryArea{padding-bottom:0;}

.awards{ text-align:center; padding:30px 0 150px;}
.awards h2{font-size:30px;}
.awards h3{font-size:24px;}
.awards p{font-size:20px;}
.awards [class^="col-"] > div{display:block; position:relative; background:#fff; padding:20px 20px 40px;}
.awards [class^="col-"] > div:before{display:none;}
.awards .carousel-indicators{bottom:-40px; justify-content:center; margin-left: 15%;}
.awards .carousel-indicators li{background:var(--dark);}



.recentBlogs .item a > div{margin:10px 0 0; text-align:center!important;}
.recentBlogs .item a figure{border-radius:50%; position:static; margin:10px auto;}

	
.innerBannerArea img{height:300px; float:right; object-fit: cover; object-position: 85% 0;}
.innerContentArea{padding:40px 0 200px;}
.innerContentArea h1 {font-size: 30px;}
	
.blogDates a {width: 100%; margin: 10px 0 0;}
}

@media (max-width: 500px){
h2{font-size:36px;}
}

@media (max-width: 360px){
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}

@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
}