@media screen and (max-width:1200px) and (min-width:992px){
 .match_detils ul {
  
    gap: 3px;
}   
}


@media screen and (min-width:1025px) {
    .instead.works-how .insted_detils.insted_left {
    width: 115%;
}
.wsmenu>.wsmenu-list>li>a:hover{color:#1F3D2B !important;background: #f4f5f4 !important}
.wsmenu>.wsmenu-list>li+li {
    /* margin-left: 30px; */
}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu:before {left: 90px;}
.wsmenu>.wsmenu-list>li:hover a, .wsmenu>.wsmenu-list>li.selected>a {color: #2fb7a3;}
.wsmenu>.wsmenu-list>li.selected>a {color: #2fb7a3;}
.wsmenu>.wsmenu-list>li ul.sub-menu {
    transform: translateY(-10px) !important;
    transform: scaleY(0) !important;
    transform-origin: 0 0 0;
    border-radius: 5px;
    box-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)) !important;
    padding: 24px !important;
    padding-top: 28px !important;
    border: 1px solid oklch(96.7% 0.003 264.542);
    border-radius: 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a {display: flex;align-items: center; justify-content: unset;text-align: left;font-size: 14px;transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

span.wsmenu-click+a:after{content:"\f078";margin-left:5px;font-family:'FontAwesome';font-size:12px;position:relative;bottom:1px;}
.wsmenu > .wsmenu-list > li:hover ul.sub-menu{opacity:1;visibility:visible;margin-top:0px;transform: translate(0px, 0px);transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transform: translateY(0px) !important;  transform: scaleY(1) !important;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu{opacity:0;visibility:hidden;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > ul.sub-menu{opacity:1;visibility:visible;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu{opacity:0;visibility:hidden;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu{opacity:1;visibility:visible;}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected a{color: #2fb7a3;}

.btn-primary:hover, .form-submit:hover {
    /* background-color: #37c9b3 !important; */
}
.btn-default:hover {
    border: 1px solid #1f3d2b !important;
    background-color: #1f3d2b;
    color: #fff;
}
.btn-primary.bordered:hover {background-color:#2fb7a3 !important;color:#ffffff !important; }
.btn-primary.bordered:hover svg {fill:#ffffff;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease; }
.btn:hover, .btn:hover input, .form-submit:hover {transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.btn-primary.white:hover, .form-submit.white:hover {
    background-color: #c2a878 !important;
    border: 1px solid #c2a878 !important;
    color: #fff !important;
}
.btn.white::before {background: #2fb7a3;}
.btn.white::after { background: #2fb7a3;}
.btn-primary.bordered.white:hover, .form-submit.white.bordered:hover { color: #000000 !important;  background-color: #ffffff !important;}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover a {
    color: #0b5ed7;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: color-mix(in oklab, #1F3D2B 5%, transparent) !important;
}
}



@media screen and (max-width:1380px) {
    
}

@media screen and (min-width:1199px) {

}

@media screen and (max-width:1200px) {
.wsmenu>.wsmenu-list>li+li {margin-left: 20px;}
.banner figcaption h1 {font-size: 3.15rem;}
.banner figcaption p {font-size: 1.05rem;}
.btn, .btn input, .form-submit, input[type="submit"] {min-width: 110px;font-size: 1.025rem;padding: 17px 25px 16px 25px;}
}

@media screen and (max-width:1140px) {
.wsmenu>.wsmenu-list>li>a {font-size: 14px;}
.menubar {margin-right: 20px;}
.menu_right .btn {padding: 8px 14px 7px 14px;        font-size: 13px;}
.site_main {padding-top: 64px;}
}

@media screen and (max-width:1080px) {
.wsmenu>.wsmenu-list>li+li {margin-left: 16px;}
}

@media screen and (max-width:1024px) {
}



@media screen and (max-width:1024px) {
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li a {
  
    color: #fff !important;
}
   .sub-svg svg {
    color: #1f3a5f;
}
.sub-svg {
    background: #fff;
}
html { height: 100%; -webkit-overflow-scrolling: touch; }
body.wsactive { overflow: hidden; }
.wsmenucontainer { background-attachment: local; background-position: 33% 0%; }
.wsmenu { width: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; overflow-y: hidden; padding: 0; top: 0; visibility: hidden; position: fixed; margin: 0px; }
.wsmenu>.wsmenu-list {
    height: auto;
    min-height: 100%;
    width: 330px;
    background: #1f3a5f;
    padding-bottom: 0;
    margin-left: -250px;
    display: block;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    position: absolute;
}
.wsmenu>.wsmenu-list>li { width: 100%; display: block;float: left; border-right: none; background-color: transparent; position: relative; white-space: inherit; clear: right; }

@supports (-webkit-overflow-scrolling:touch) {.wsmenu>.wsmenu-list>li:last-child {padding-bottom:110px;}}
.wsmenu>.wsmenu-list>li>a { width: 100%; padding:12px 45px 11px 15px;font-family:  "Inter", sans-serif;text-align: left; background-color: transparent; color: #ffffff;}
.wsmenu>.wsmenu-list>li.selected>a  {color:#876aff;}
 .wsmenu>.wsmenu-list>li:hover>a {}
.wsmenu>.wsmenu-list>li:hover .wsmenu-click>i:before {}
.wsmenu>.wsmenu-list li.selected .wsmenu-click>i:before {border-color: #ffffff;}
.wsmenu>.wsmenu-list>li a.menuhomeicon { padding-left: 17px; padding-right: 17px; border-top: solid 1px rgba(0, 0, 0, 0.13); }
.wsmenu>.wsmenu-list>li>a.menuhomeicon i { display: none; }
.wsmenu>.wsmenu-list>li>a>i { font-size: 16px; color: #bfbfbf; }
.wsmenu>.wsmenu-list>li>a .wsarrow:after { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu {width: 100% !important;min-width: calc(100%); display: none;padding:15px 15px 15px 15px; background-color: transparent;   border-radius: 0; position: relative; top: 0px; border: none;margin: 0; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat;float: left;width: 100%;box-shadow: none;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {display:flex;line-height: normal;padding: 8px 15px;font-size: 14px;font-family:  "Inter", sans-serif;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a {color: #ffffff;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li span+a { padding-right: 30px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a>i { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu {     min-width: 100%;width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0px; padding: 10px 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat;background-color: #ffffff;float: left; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu li a:after { left: 39px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {font-size: 13px; padding: 7px 10px 7px 25px;word-break:break-word; white-space: break-spaces; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a>i { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666666; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a { color: #000; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0px; padding: 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0px 0px 0px 0px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 10px 0px 10px 34px; color: #383838; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a>i { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666666; text-decoration: underline; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000; }
.wsmobileheader { width: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 10002; height: 54px; background-color: #eaecf0; text-align: center; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; box-shadow: 0 0 1px rgba(0, 0, 0, .3); }
.wsactive .wsmobileheader { margin-left: 240px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.wsanimated-arrow{width:30px;height:35px;margin-left: 10px; position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;float:right;z-index:99999;}
.wsanimated-arrow span{display:block;position:absolute;height:2px;width:30px;background:#000000;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;right: 0;  margin: 2px auto 0 auto;}
.wsactive .wsanimated-arrow span{background:#fff;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a:after {top: 9px;}
#menu-main-menu>li {width: 100%; float: left; position: relative;}
#wsnavtoggle span:nth-child(1){top:8px;}
#wsnavtoggle span:nth-child(2),#wsnavtoggle span:nth-child(3){top:22px;}
.wsactive #wsnavtoggle span:nth-child(2), .wsactive #wsnavtoggle span:nth-child(3){top:15px;}
#wsnavtoggle span:nth-child(4){top:15px;float: right;left: 0;}
.wsactive #wsnavtoggle span:nth-child(1){top:18px;width:0%;left:50%;}
.wsactive #wsnavtoggle span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.wsactive #wsnavtoggle span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.wsactive #wsnavtoggle span:nth-child(4){top:18px;width:0%;}
.overlapblackbg { right: 0; width: 100%; height: 100vh; min-height: 100%; position: fixed; top: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; background:linear-gradient(150deg,rgba(31, 59, 95, 0.8) 0%, rgba(47, 183, 163, 0.8) 100%)}
.wsactive .wsmenu .overlapblackbg { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; }
.wsmenucontainer { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.wsactive .wsmenucontainer { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.wsactive .wsmenu { overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility: visible; z-index: 88; top: 0; }
.wsactive .wsmenu>.wsmenu-list { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; margin-left: 0; }
.wsmenu>.wsmenu-list>li>.wsmenu-click { height: 43px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 43px; z-index: 55;}
.wsmenu>.wsmenu-list>li.selected>.wsmenu-click {/*border-left: 1px solid rgb(0 0 0 / 20%);*/}
.wsmenu>.wsmenu-list li.selected .wsmenu-click>i:before {border-color: rgb(0 0 0 / 20%);}
.wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i { transform: rotate(-45deg); margin-top: 18px; }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i { display: block; height: 18px; width: 18px; float: right; transform: rotate(-225deg); margin:7px 13px 0px 0px; }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color:#ffffff; transition: 0.2s ease; display: block; transform-origin: 100% 0; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02 { height: 33px;width: 43px; position: absolute; top: 0; right: 0; display: block; cursor: pointer;z-index: 88;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i { display: block; height: 10px; width: 10px; float: right; transform: rotate(-225deg); margin:11px 17px 0px 0px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color:#ffffff; transition: 0.2s ease; display: block; transform-origin: 100% 0; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i.wsmenu-rotate { transform: rotate(-45deg); margin-top: 16px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected a, .wsmenu>.wsmenu-list>li>ul.sub-menu li.selected>a, .wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a:focus {text-decoration: none;position: relative;color: #876aff;}
.wsmenu>.wsmenu-list>li+li {  margin-left: 0;}
.menubar {margin-right: 0;}


}

@media screen and (max-width:991px) {
    .towrd {
    margin-top: 0;
}
.banner figcaption h1 {font-size: 2.65rem;}
.btn, .btn input, .form-submit, input[type="submit"] {min-width: 110px;font-size: 0.925rem;padding: 14px 20px 13px 20px;}
.banner figcaption p {margin-bottom: 25px;}
.shop_main,.ger_main,.blog_main {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.footer_main,.proper_main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    
}
.contactus.contactus-innerpage,#inner-page,.defult_pages_content {
    margin-top: 50px;
}
.search-result-data {
    margin-top: 50px;
}
.search-result-data h1.page-title, .search-result-data h2, .Not_found.text-center h2 {
    font-size: 32px;
}
.search-result-count.default-max-width, p.grey-text, .service-txt p {
    line-height: 22px;
}
.ultra_main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
     
}
.gudide_main,.featured_main,.arti_main,.testing_main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.Osprey_bnner_main h1 {
 
    font-size: 43px;
}
}


@media screen and (max-width:767px) {
    .contacrt_main ,.compare_simliar_main,.releted_main{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
    .shop_main, .ger_main, .blog_main,.hik_main{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
 .about_us_main p, .service-txt p {
    width: 100%;
    float: left;
    font-size: 18px;
}
    .defult_pages_content span.alignleft, .service-img {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0px;
}
    section.search-result-data ul li {
    font-size: 18px;
    padding: 12px;
}
    .search-result-data h1.page-title, .search-result-data h2, .Not_found.text-center h2 {
    font-size: 22px;
}
    .banner figcaption h1 {
    font-size: 33px;
}
.title h2 {
    font-size: 32px;
}
  
  .perfect .title h2 {
    font-size: 32px;
}
.footer_main,.proper_main,.gudide_main,.featured_main,.testing_main{
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 23px;
}
.footer_last {
    display: block;
}
.priva_link {
    justify-content: left;
    margin-top: 10px;
}
.browser-main ul {
    
    display: flex;
    flex-wrap: wrap;
}
section{padding: 50px 0px !important}
.ultra_main,.arti_main {
    grid-template-columns: repeat(1, minmax(0, 1fr));
     
}
}

@media screen and (max-width:640px) {
    .expt_svg {
    margin-bottom: 20px;
}
    .expt ul {
    display: block;
}
    .contacrt_main,.quic_main_grid,.key_secf_main,.pros_cros_main,.compare_simliar_main,.releted_main {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
    .bac_tittle h2,.outdoor_main h2 {
    font-size: 29px;
}
    .blog_flex{display: block;}
    .blog_anch {
    margin-top: 10px;
}
.shop_main, .ger_main, .blog_main,.expert_main,.field_main,.hik_main {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.signle_Blog_bnner .bnner-txt figcaption h1 {
    font-size: 33px;
}
}

@media screen and (max-width:575px) {
 .look_txt h3 {
    font-size: 32px;
}
}

@media screen and (max-width:565px) {
    .btn+.btn {
    margin-left: 0;
}
 
}


@media screen and (max-width:485px) {
   .redy-btn a.btn.btn-primary.white {
    margin-top: 10px;
}
}
@media screen and (max-width:492px) {
 .tnp-field.tnp-field-email,.check-form input.tnp-submit {
    width: 100%;
}
}


@media (max-width: 768px) {
    .browser-main {
    display: none;
}
.mobile_cat{display: block;}
    .category-toggle {
        display: flex;
    }

    .category-list {
        display: none;
        grid-template-columns: 1fr;
        margin-top: 10px;
    }

    .category-list.active {
        display: grid;
    }

    .category-toggle.active .arrow {
        transform: rotate(180deg);
    }

    .category-list li a {
        font-size: 14px;
        padding: 10px 12px;
    }
.broser-caategory {
    padding-block: 36px !important;
}
}