@media screen and (max-width: 1220px) {
.ft-container {
width: 100%;
padding: 0 10px;
}
.about-content-img figure{
margin-right: 15px;
}
}
@media screen and (max-width: 1200px) {
body.boxed-layout #page{
width: 95%;
}
.contact-details {
padding: 0;
}
}
@media screen and (max-width: 1170px) {
.featured-content-img {
height: 250px;
}
.about-content-img .about-content-wrap {
width: 67%;
}
.about-content-img figure{
margin-right: 5px;
}
.contact-details i {
font-size: 18px;
width: 45px;
height: 45px;
margin-top: 6px;
}
.contact-details p {
font-size: 15px;
}
#masthead .show .ft-search{
width: 90%;
}
.slide {
height: 80vw;
}
.slide .slide-caption{
top:25%;
}
.yith-wcwl-add-button.show {
top: 160px;
}
}
@media screen and (max-width: 980px) {
.about-content-img .about-content-wrap {
width: 100%;
}
.yith-wcwl-add-button.show {
top: 160px;
}
.slide {
height: 80vh;
}
ul#primary-menu {
margin: 0;
}
.menu-search {	    
border-radius: 0;
box-shadow: none;
float: right;
top: 5px;
box-shadow: none;
background-color: transparent;
}
#masthead.fixed .menu-search{
top: 20px;
}
.admin-bar #masthead.fixed .sticky-wrapper {
top: 32px;
}
.toggle-btn {
width: 45px;
height: 45px;
background: #3695eb;
padding: 10px 0px 5px;
}
.toggle-bar{
display: block;
width: 70%;
height: 3px;
background-color: #fff;
margin: auto auto 7px;
}
#masthead .ft-search-wrap .search-icon{
background-color: #3695eb;
}
#masthead .ft-search-wrap.show .search-icon{
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.menu{
display: none;
}
.sticky-wrapper{
padding: 20px 0;
}
.fixed .sticky-wrapper {
box-shadow: 0px 0px 32px #000;
}
.site-details{	
display: inline-block;
vertical-align: middle;
width: 90%;
}
#masthead.fixed .site-branding {
display: block;
padding: 10px
}
.menu > ul{
margin: 0;
width: 100%;
}
.main-navigation .menu {
background: #2b96cc none repeat scroll 0 0;
height: 100%;
left: 0;
padding: 0;
padding-top: 80px;
position: fixed;
top: 0;
width: 50%;
z-index: 99999;
overflow-y: scroll;
display: block;
}
.main-navigation li{
width: 100%;
text-align: left;
}
.main-navigation ul, .main-navigation .menu {
transform: translate(-100%);
-webkit-transform: translate(-100%);
-moz-transform: translate(-100%);
transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
}
.main-navigation.toggled ul, .main-navigation.toggled .menu {
transform: translate(0);
-webkit-transform: translate(0);
}
#masthead .menu .sub-menu{
width: 100%;
position: static;
background-color: #2b77bc;
transition: none;
}
#masthead .menu li.menu-item-has-children i,#masthead .menu li.page-item-has-children i{
top: 25px;
padding: 10px;
}
.contact-details i{
line-height: 2.4;
}
.toggled .toggle-bar1 {
transform-origin: 5px 8px 0;
-webkit-transform-origin: 5px 8px 0;	    
-moz-transform-origin: 5px 8px 0;
transform: rotate(45deg) translateY(50%);
-webkit-transform: rotate(45deg) translateY(50%);
-moz-transform: rotate(45deg) translateY(50%);
}
.toggled .toggle-bar2{
opacity: 0;
}
.toggled .toggle-bar3 {
transform-origin:  5px -3px 0;
-webkit-transform-origin: 5px -3px 0;
-moz-transform-origin: 5px -3px 0;
transform: rotate(-45deg) translateY(-50%);
-webkit-transform: rotate(-45deg) translateY(-50%);
-moz-transform: rotate(-45deg) translateY(-50%);
}
.toggle-bar{
transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
}
#masthead .show .ft-search {
left: -236px;
width: 300px;
}
#masthead .ft-search input[type="search"]{
height: 40px;
}
.featured-content-img{
padding: 20px
}
.widget.widget_product_search .search-field{
width: 67%;	
}
.fixed .sticky-wrapper .menu-search{
padding: 0 10px;
}
}
@media screen and (max-width: 800px) {
.featured-content-img {
height: 220px;
}
.contact-number, .contact-address {
padding-left: 10px;
}
.contact-details p {
font-size: 14px;
padding-left: 5px
}
.featured-wrap{
margin-top: 0;
}
.featured-section .ft-container{
padding: 0;
}
#primary {
width: 100%;
float: none;
}
#secondary {
width: 100%;
float: none;
padding-left: 0;
}
}
@media screen and (max-width: 782px) {
.site-details {
width: 86%;
}
.admin-bar .toggled .menu {
padding-top: 46px;
}
#masthead.fixed .menu-search{
margin-bottom: 20px;
}
.admin-bar .toggled .menu {
padding-top: 100px;
}
section .featured-content-img,
section .about-content-img,
section .service-content-img,
section .team-content-img,
.blog-section .blog-content-img {
width: 50%;
}
.footer-block {
width: 49%;
}
.about-content-img .about-content-wrap {
width: 67%;
}
.about-content-img figure{
margin-right: 5px;
}
section .about-content-img{
width: 49%;
}
.cta-section .section-content {
width: 100%; 
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
width: 48%;
margin-right: 1.2%;
}
.woocommerce ul.products li.product:nth-child(3n), .woocommerce-page ul.products li.product:nth-child(3n) {
margin-right: 1.2%;
}
.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) {
margin-right: 0;
}
.team-page-content {
width: 48%;
}
.team-page-content:nth-child(2n) {
margin-right: 0; 
}
.team-page-content:nth-child(3n) {
margin-right: 1.2%; 
}
.slide {
height: 100vw;
}
}
@media screen and (max-width: 640px) {
.site-details {
width: 81%;
}
.about-content-img .about-content-wrap {
width: 100%;
}
.main-navigation .toggle .menu{
padding-top: 100px; 
}
.toggled .toggle-btn {
position: fixed;
top: 20px;
z-index: 9999999;
left: 19px;
background-color: #fff;
}
.admin-bar .toggled .toggle-btn {
top: 52px;
}
.toggled .toggle-bar{
background-color: #3695eb;
}
.site-branding {
float: none;
}
.contact-details {
float: none;
margin: 10px 0;
}
.slide .caption-wrapper {
width: 100%;
}
.contact-image {
position: static;
height: auto;
width: auto
}
.contact-section {
padding-bottom: 0;
}
.contact-section .contact-form {
width: 100%;
padding-right: 10px;
}
#masthead .ft-search-wrap .search-icon {
display: none;
}
}
@media screen and (max-width: 600px){
.admin-bar #masthead.fixed .sticky-wrapper{
top: 0;
}
}
@media screen and (max-width: 575px) {
.main-navigation ul, .main-navigation .menu {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.main-navigation ul, .main-navigation .menu {
width: 100%;
}
.featured-content-img,
.about-content-img,
.service-content-img,
.team-content-img,
.blog-content-img,
.footer-block,
.testimonial-page .testimonial-content-wrap,
.team-page-content,
.service-page-content {
width: 100% !important;
}
.featured-content-img{
text-align: center;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
width: 100%;
margin-right: 1.2%;
}
.featured-content-img{
height: auto;
}
}
@media screen and (max-height: 500px) {
#masthead.fixed .sticky-wrapper {
position: static;
}
}.rpwwt-widget ul { list-style: outside none none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.rpwwt-widget ul li { overflow: hidden; margin: 0 0 1.5em; }
.rpwwt-widget ul li:last-child { margin: 0; }
.rpwwt-widget .screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; }
.rpwwt-widget .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.rpwwt-widget ul li img { display: inline; float: left; margin: .3em .75em .75em 0; }
#rpwwt-recent-posts-widget-with-thumbnails-2 img { width: 50px; height: 50px; }.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}