/*
 * Plugin: Web Slide Navigation System
 * Demo Link: https://uxwing.com/webslide/
 * Author: UXWing
 * License: http://codecanyon.net/licenses/standard
*/

/* ================== Desktop Base CSS  ================== */
.wsmenu html,.wsmenu body,.wsmenu iframe,.wsmenu h1,.wsmenu h2,.wsmenu h3,.wsmenu h4,.wsmenu h5,.wsmenu h6 { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; font-weight: normal; font-size: 12px; line-height: 18px; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: antialiased; font-smooth: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; font-smooth: subpixel-antialiased;}
.wsmenu .cl {clear: both;}
.wsmenu img,object,embed,video { border: 0 none; max-width: 100%;}
.wsmenu a:focus {outline: none;}
.wsmenu:before,.wsmenu:after {content: "";display: table;}
.wsmenu:after {clear: both;}

/* ================== Desktop Main Menu CSS ================== */

.wsmenucontainer { background-size: cover; overflow: hidden;}
.wsmainfull { width: 100%; /* height: 70px; */ position: relative; z-index: 999;}
.wsmainwp { margin: 0 auto; /* max-width: 1140px; */ max-width: 100%;}
.desktoplogo { padding: 0px 0px 0px 0px; margin: 0; float: left; position: absolute; z-index: 9; left:0; top: 0%; bottom: 0; background-color: rgba(255,255,255,1); width:40%; display: flex; align-items: center;}

.desktoplogo img {width: 100%}
.wsmenu { color: #fff; font-size: 14px; padding: 0; width: 100%; float: right; display: block;}
.wsmenu>.wsmenu-list { text-align: right; margin: 10px auto 0 auto; width: 100%; display: block; padding: 0; position: relative;}
.wsmenu>.wsmenu-list>li { text-align: center; display: inline-block; padding: 0; margin: 0; /* float: left; */}
.wsmenu>.wsmenu-list>li>a {display: block;padding: 4px 12px 4px 12px;line-height: 30px;text-decoration: none;position: relative;letter-spacing: 0.1px;color: #060606;font-weight: 500;text-transform: uppercase;font-size: 13px;}
.wsmenu>.wsmenu-list>li:last-child>a {border-right: 0px;}
.wsmenu>.wsmenu-list>li a.menuhomeicon { padding-left: 25px; padding-right: 25px;}
.wsmenu>.wsmenu-list>li>a .fa { display: inline-block; font-size: 14px; line-height: inherit; margin-right: 12px; vertical-align: top;}
.wsmenu>.wsmenu-list>li>a .fa.fa-home { margin-right: 0px; font-size: 15px;}
.wsmenu>.wsmenu-list>li>a .wsarrow:after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid; content: ""; float: right; right: 7px; height: 0; margin: 0 0 0 14px; position: absolute; text-align: right; top: 17px; width: 0;}
.wsmenu>.wsmenu-list>li.home-i a { padding: 0; font-size: 16px;}
.wsmenu>.wsmenu-list>li.home-i:hover>a { background-color: transparent; color: var;}

/* Desktop Search Bar */
.wsmenu>.wsmenu-list>li.rightmenu {float: right;}
.wsmenu>.wsmenu-list>li.rightmenu a {padding: 0px 30px 0px 20px; border-right: none;}
.wsmenu>.wsmenu-list>li.rightmenu a .fa {font-size: 15px;}
.wsmenu>.wsmenu-list>li.rightmenu {float: right;}
.wsmenu>.wsmenu-list>li.rightmenu:before,
.wsmenu-list>li.rightmenu:after{content:"";display:table}
.wsmenu>.wsmenu-list>li.rightmenu:after{clear:both}
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch{float:right;width:210px;height:39px;position:relative;margin:16px 0 0 0}
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .searchicon{-webkit-transition:all .7s ease 0s;-moz-transition:all .7s ease 0s;-o-transition:all .7s ease 0s;transition:all .7s ease 0s}
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input{width:100%;position:relative;float:right;top:0;right:0;bottom:0;width:100%;border:0;padding:0;margin:0;text-indent:15px;height:39px;z-index:2;outline:0;color:#333;background-color:#efefef;-webkit-transition:all .7s ease 0s;-moz-transition:all .7s ease 0s;-o-transition:all .7s ease 0s;transition:all .7s ease 0s;font-size:12px}
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input::placeholder{color:#a9a9a9}
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus{color:#333;width:230px}
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus~.btnstyle .fa{color:#000;opacity:1}
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus~.searchicon{opacity:1;z-index:3;color:#fff}
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .btnstyle{top:0;position:absolute;right:0;bottom:0;width:40px;line-height:30px;z-index:1;cursor:pointer;opacity:.3;color:#333;z-index:1000;background-color:transparent;border:solid 0;-webkit-transition:all .7s ease 0s;-moz-transition:all .7s ease 0s;-o-transition:all .7s ease 0s;transition:all .7s ease 0s}
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .btnstyle .fa{line-height:37px;margin:0;padding:0;text-align:center}
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch .btnstyle:hover .fa{opacity:1}
.wsmenu>.wsmenu-list>li.rightmenu{zoom:1}

/* ================== Desktop Drop Down Menu CSS ================== */

.wsmenu>.wsmenu-list>li>ul.sub-menu{position:absolute;top:30px;z-index:1000;margin:0;min-width:220px; color:#000;font-size:15px; padding: 20px 20px; border-radius: 15px; border: 3px solid #fff;background-color:rgba(255,255,255,.8);-webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);}








.wsmenu>.wsmenu-list>li>ul.sub-menu>li{position:relative;margin:0;padding:0;display:block}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a{background-image:none;border-right:0 none;text-align:left;display:block; line-height: 36px; text-transform:none;font-size:14px; font-weight: 500; letter-spacing:normal;border-right:0 solid}


.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover{text-decoration:none}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a>.fa{margin-right:9px}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu{min-width:220px;position:absolute;left:100%;top:0;margin:0;padding:0;list-style:none;background-color:#fff;border:solid 1px #eee}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li{position:relative;margin:0;padding:0;display:block}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a{background-image:none;color:#666;border-right:0 none;text-align:left;display:block;line-height:22px;padding:8px 12px;text-transform:none;font-size:13px;letter-spacing:normal;border-right:0 solid}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{text-decoration:none}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a>.fa{margin-right:9px}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu{min-width:220px;position:absolute;left:100%;top:0;margin:0;list-style:none;padding:0;background-color:#fff;border:solid 1px #eee}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li{position:relative;margin:0;padding:0;display:block}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a{background-image:none;color:#666;border-right:0 none;text-align:left;display:block;line-height:22px;padding:8px 12px;text-transform:none;font-size:13px;letter-spacing:normal;border-right:0 solid}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{text-decoration:none}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a>.fa{margin-right:9px}

/* ================== Desktop Mega Menus CSS  ================== */

.wsmenu>.wsmenu-list>li>.wsmegamenu{width:100%;left:0;position:absolute;top:30px;color:#000;z-index:1000;margin:0;text-align:left;padding:20px 60px;font-size:15px;border:solid 0 #eee;background-color:rgba(255,255,255,.8);-webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);}
.wsmenu>.wsmenu-list>li>.wsmegamenu .title{border-bottom:0 solid var(--color-one);font-size:18px;font-weight:300;color:#fff;padding:10px 0 5px 0;margin:0 0 10px 0;text-align:left;border-bottom:1px solid #7d7d7d;text-transform:uppercase}
.wsmenu>.wsmenu-list>li>.wsmegamenu .title1{border-bottom:0 solid #7d7d7d;font-size:18px;font-weight:300;color:#fff;padding:10px 0 5px 0;margin:0 0 10px 0;text-align:left}
.wsmenu>.wsmenu-list>li>.wsmegamenu .titleNew{border-bottom:0 solid #ccc!important;height:0;margin:0}
.wsmenu>.wsmenu-list>li>.wsmegamenu .wsmwnutxt{width:100%;font-size:14px;text-align:justify;line-height:22px;color:#424242;margin-top:10px}
.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list{margin-bottom:0px}
.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li{display:block;white-space:nowrap;text-align:left}
.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a{text-align:left;line-height:36px;background-image:none;color:var(--color-super-black);border-right:0 none;display:block;background-color:transparent;white-space:normal;position:relative; font-size: 14px; font-weight: 500;}
.wsmenu>.wsmenu-list>li>.wsmegamenu .two-link-list{margin-bottom:20px}
.wsmenu>.wsmenu-list>li>.wsmegamenu .two-link-list li{display:inline-block;width:45%;white-space:nowrap;text-align:left;margin-right:3%}
.wsmenu>.wsmenu-list>li>.wsmegamenu .two-link-list li.title{display:block}
.wsmenu>.wsmenu-list>li>.wsmegamenu .two-link-list li a{line-height:18px;border-right:none;text-align:left;padding:0 0 10px 0;background:#fff;background-image:none;color:#666;border-right:0 none;display:block;background-color:transparent;color:#fff;font-size:13px;white-space:normal;position:relative;letter-spacing:.5px;font-weight:600}

/* .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a::before { content: "\f101"; font-family: 'Font Awesome 5 Free'; left:-5px; position:absolute; top:0; font-weight: 900; color: #fff;} */

.wsmenu>.wsmenu-list>li>.wsmegamenu li .fa{margin-right:5px;text-align:center;width:18px}
.wsmenu>.wsmenu-list>li>.wsmegamenu li a:hover{background:0 0;text-decoration:underline;color:var(--color-one);}
.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li .fa{font-size:12px}
.wsmenu>.wsmenu-list>li>.wsmegamenu li .fa{margin-right:5px;text-align:center;width:18px}
.wsmenu>.wsmenu-list>li>.wsmegamenu .mrgtop{margin-top:15px}
.wsmenu>.wsmenu-list>li>.wsmegamenu .show-grid div{padding-bottom:10px;padding-top:10px;background-color:#dbdbdb;border:1px solid #e7e7e7;color:#6a6a6a;margin:2px 0;font-size:13px}

/*= Desktop Half Menu CSS =*/
.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu{width:50%;right:auto;left:auto;padding: 20px 20px;}
.wsmenu>.wsmenu-list>li>.wsmegamenu.halfdiv{width:60%;left:40%;padding: 20px 20px; border-radius: 15px; border: 3px solid #fff;}
/*= Desktop HTML Form Menu CSS =*/
.wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form{width:100%;display:block}
.wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form input[type=text]{width:100%;border:1px solid #e2e2e2;color:#000;font-size:13px;padding:8px 5px;margin-bottom:8px}
.wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form textarea{width:100%;border:1px solid #e2e2e2;color:#000;font-size:13px;padding:8px 5px;margin-bottom:8px;min-height:122px}
.wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form input[type=submit]{width:25%;display:block;height:32px;float:right;border:none;margin-right:15px;cursor:pointer;background-color:#e1e1e1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form input[type=button]{width:25%;display:block;height:32px;float:right;border:none;cursor:pointer;background-color:#e1e1e1;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.wsmenu>.wsmenu-list>li>.wsmegamenu .carousel-inner .item img{width:100%}
.wsmenu>.wsmenu-list>li>.wsmegamenu .carousel-control-next{opacity:.8}
.wsmenu>.wsmenu-list>li>.wsmegamenu .carousel-control-prev{opacity:.8}
.wsmenu>.wsmenu-list>li>.wsmegamenu .carousel-caption{bottom:0;background-color:rgba(0,0,0,.7);font-size:13px;height:31px;left:0;padding:7px 0;right:0;width:100%}
.wsmenu>.wsmenu-list>li>.wsmegamenu .typography-text{padding:0 0;font-size:14px}
.wsmenu>.wsmenu-list>li>.wsmegamenu .typography-text ul{padding:0 0;margin:0}
.wsmenu>.wsmenu-list>li>.wsmegamenu .typography-text p{text-align:justify;line-height:24px;color:#656565}
.wsmenu>.wsmenu-list>li>.wsmegamenu .typography-text ul li{display:block;padding:2px 0;line-height:22px}
.wsmenu>.wsmenu-list>li>.wsmegamenu .typography-text ul li a{color:#656565}

/* ================== Desktop Extra CSS ================== */

.overlapblackbg,.wsmobileheader{display:none}
.wsmenu .wsmenu-click{display:none}
.wsmenu .wsmenu-click02{display:none}
.hometext{display:none}
#menu-img img{border:2px solid #063653}
.desktoplogo a{display: flex; align-items: center;}
.desktoplogo .content{position:relative;display:inline-block;padding-right: 10px;}
.desktoplogo .content img{display:inline-block}
.desktoplogo .logo-name h2{font-size: 22px; font-weight: 700; color: var(--color-one);}
.desktoplogo .logo-name h2 span{display: block;}
.desktoplogo .logo-name h3{font-size: 18px; font-weight: 500; color: var(--color-two); margin-bottom: 2px}
.desktoplogo .logo-name h4{font-size: 12px; font-weight: 500; color: var(--color-two); margin-bottom: 0px}

/* top-menu tiny */
.top-menu { padding: 0 !important; margin: 0 !important; position: relative; top: 0; left: 4%; right: 4%; border-radius: 0; -webkit-border-radius: 0; width:92%; font-size: 13px; font-weight: 400; background: #fff; border-bottom: 0; z-index: 999; transition: all .3s linear 0s; min-height: 125px !important;}
.top-menu.tiny {bottom: auto; top: 0; left: 0; right: 0; width: 100%; padding: 10px 4% 10px 4% !important; position: fixed; background-color: rgba(244, 244, 244, .5); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); min-height: auto !important;}
.top-menu.tiny .desktoplogo { left: 4%; padding: 5px; border: 0; background-color: rgba(238, 237, 237, 0);}
.top-menu.tiny .desktoplogo img { width: 80%;}
.top-menu.tiny .logo-accreditation {right: 2%!important; top: 90%;}
.top-menu.tiny .logo-accreditation h2 {font-size: 8px;}
.top-menu.tiny .wsmenu>.wsmenu-list { margin-top: 0 !important;}
.top-menu.tiny .desktoplogo .logo-name h3 {font-size: 15px;}
.top-menu.tiny .desktoplogo .logo-name h2 {font-size: 20px;margin: 0;}



/* .top-menu.tiny .wsmenu>.main-menu-nxt.wsmenu-list>li>.wsmegamenu { height: 500px; overflow-x: auto;} */

.top-menu.tiny .wsmenu>.main-menu-nxt.wsmenu-list>li>.wsmegamenu{background-color: rgba(255, 255, 255, .9);-webkit-backdrop-filter: blur(7px);
 backdrop-filter: blur(7px);}
 .top-menu.tiny .wsmenu>.wsmenu-list>li>ul.sub-menu{background-color: rgba(255, 255, 255, .9);-webkit-backdrop-filter: blur(7px);
 backdrop-filter: blur(7px);}
.top-menu.tiny .wsmenu>.main-menu-nxt.wsmenu-list>li>.wsmegamenu::-webkit-scrollbar-track { border: 1px solid #000; padding: 2px 0; background-color: #404040;}
.top-menu.tiny .wsmenu>.main-menu-nxt.wsmenu-list>li>.wsmegamenu::-webkit-scrollbar { width: 10px;}
.top-menu.tiny .wsmenu>.main-menu-nxt.wsmenu-list>li>.wsmegamenu::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #737272; border: 1px solid #000;}
.top-menu.tiny .main-menu-bg { background: rgba(0, 0, 99, 0.8);}
.top-menu.tiny .main-menu-top-bg,
.top-menu.tiny .college-name {display: none;}
.desktoplogo a:hover {color: #565950;}
.grow {transition: 0.8s ease-in-out;}
.grow,.grow img {transition: 0.8s ease-in-out;}
.shrink {transition: 0.8s ease-in-out;}
.shrink,.shrink img {transition: 0.8s ease-in-out;}

/*==============================================================================
                              Start Mobile CSS
===============================================================================*/

/* ================== Mobile Menu Change Brake Point ================== */

/* @media only screen and (max-width: 991px) { */

@media(min-width:320px) and (max-width:1080px) {
    /* ================== Mobile Base CSS ================== */
    html { overflow: hidden; height: 100%;}
    body { height: 100%; overflow: scroll;}
    body.wsactive { overflow: hidden;}
    /* ================== Mobile Main Menu CSS ================== */
    .desktoplogo { display: none;}
    .wsmainfull { height: 0;}
    .wsmenucontainer { background-attachment: local; background-position: 33% 0%;}
    .wsmenu { width: 100%; background: rgba(255,255,255, 0.7) none repeat scroll 0 0; left: 0; overflow-y: hidden; padding: 0; top: 0; visibility: hidden; position: fixed; margin: 0px; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px);}
    .wsmenu>.wsmenu-list {height: auto; /* min-height: 100%; */ width: 100%; background: rgba(255, 255, 255, 0); padding-bottom: 0; margin-right: -100%; display: block; text-align: center; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; position: static;}
    .main-menu {padding-top: 50px !important;    }
    .wsmenu>.wsmenu-list.main-menu-nxt { height: auto; min-height: 100%; width: 100%; padding-bottom: 0; margin-right: -100%; display: block; text-align: center; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; position: static;}
    .wsmenu>.wsmenu-list>li {width: 100%;display: block;float: none;border-right: none;background-color: transparent;position: relative;white-space: inherit;}
    @supports (-webkit-overflow-scrolling: touch) {
        .wsmenu>.wsmenu-list>li:last-child {
            padding-bottom: 110px;
        }
    }
    .wsmenu>.wsmenu-list>li>a{padding:12px 10px 12px 32px;font-size:14px;text-align:right;border-right:solid 0;background-color:transparent;color:#000;line-height:25px;border-bottom:1px solid;border-bottom-color:rgba(0,0,0,.1);position:static}
   .wsmenu>.main-menu-nxt.wsmenu-list>li>a{padding:12px 40px 12px 10px!important;font-size:14px!important;text-transform: none;border-right: 0px solid #B8B8B8 !important;}
   .wsmenu>.main-menu-nxt.wsmenu-list>li>a .menu-icon{display: none;}
    .wsmenu>.wsmenu-list>li a.menuhomeicon{padding-left:17px;padding-right:17px;border-top:solid 1px rgba(0,0,0,.13)}
    .wsmenu>.wsmenu-list>li>a .fa.fa-home{display:none}
    .wsmenu>.wsmenu-list>li>a>.fa{font-size:16px;color:#bfbfbf}
    .wsmenu>.wsmenu-list>li>a .wsarrow:after{display:none}
    .wsmenu>.wsmenu-list>li:hover>a{background-color:rgba(0,0,0,.08);text-decoration:none}
    .wsmenu>.wsmenu-list>li>a>.hometext{display:inline-block}
    .wsmenu>.main-menu-nxt.wsmenu-list>li.spl-btn{text-align: right;}
    .wsmenu>.main-menu-nxt.wsmenu-list>li.spl-btn a{background: var(--color-two); border-radius:0px; color: var(--color-white); display: inline-block; border-radius: 20px; text-align: center; padding: 10px 20px !important;}
    .wsmenu>.main-menu-nxt.wsmenu-list>li.spl-btn a:hover{background: var(--color-one); color: var(--color-black) !important;}

    /* ================== Mobile Slide Down Links CSS ================== */
    .wsmenu>.wsmenu-list>li>ul.sub-menu{display:none;position:relative;top:0;background-color:#fff;border:none; border-radius: 0; padding:20px 20px 20px 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;border-bottom:1px solid rgba(0,0,0,.13);-webkit-transform-style:flat}
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a{line-height:20px;font-size:13px;padding:10px 0 10px 16px;color:#383838;text-align: right;}
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li span+a{padding-right:30px}
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a>.fa{display:none}
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover{background-color:#e7e7e7;color:#666;text-decoration:underline}
    .wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a{background-color:#e7e7e7;color:#666}
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu{width:100%;position:static;left:100%;top:0;display:none;margin:0;padding:0;border:solid 0;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{margin:0;padding:0;position:relative}
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a{line-height:20px;font-size:13px;padding:10px 0 10px 26px;color:#383838}
    .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>.fa{display:none}
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{background-color:#e7e7e7;color:#666;text-decoration:underline}
    .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:0;padding:0;border:solid 0;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:0}
    .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 0 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>.fa{display:none}
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{background-color:#e7e7e7;color:#666;text-decoration:underline}
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a.active{color:#000}
    /* ================== Mobile Mega Menus CSS  ================== */
    .wsmenu>.wsmenu-list>li>.wsmegamenu{color:#666;display:none;position:relative;top:0;padding:10px 0;border:solid 0;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;border-bottom:solid 1px #dedede;-webkit-transform-style:flat}
    .wsmenu>.main-menu-nxt.wsmenu-list>li>.wsmegamenu{top:0!important; left: 0; border-radius: 0;}
    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu{width:100%;margin:0;padding:5px 0 10px 0}
    .wsmenu>.wsmenu-list>li>.wsmegamenu .title{color:#666;font-size:17px;padding:10px 8px 10px 0}
    .wsmenu>.wsmenu-list>li>.wsmegamenu>ul{width:100%;margin:0;padding:0;font-size:13px}
    .wsmenu>.wsmenu-list>li>.wsmegamenu>ul>li>a{padding:9px 14px;line-height:normal;font-size:13px;background-color:#e7e7e7;color:#666}
    .wsmenu>.wsmenu-list>li>.wsmegamenu>ul>li>a:hover{background-color:#000}
    .wsmenu>.wsmenu-list>li>.wsmegamenu ul li.title{line-height:26px;color:#bbb;margin:0 0 8px 0;font-size:17px;padding:7px 0 3px 0;background-color:transparent;font-weight:400}
    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li{padding-bottom:4px}
    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list.discover-nitte-mbl li{padding-bottom:10px}
    .wsmenu>.wsmenu-list>li>.wsmegamenu.halfdiv {width: 100%; }
    .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form{padding:5px 0 62px 0}
    .wsmenu>.wsmenu-list>li>.wsmegamenu .show-grid div{margin:0}
    .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form input[type=button]{width:46%}
    .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form input[type=submit]{width:46%}
    .wsmenu>.wsmenu-list>li>.wsmegamenu .menu_form textarea{min-height:100px}
    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li a{text-align: right;}
    /* ================== Mobile Header CSS ================== */
   .wsmobileheader{width:100%;display:block;position:fixed;top:0;left:0;z-index:10002;background-color:#eaecf0;text-align:center;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out;box-shadow:0 0 1px rgba(0,0,0,.3)}
    .wsactive .wsmobileheader{margin-left:0;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
    .wsmobileheader .smllogo{display:block;margin-top:5px; display: flex;align-items: center;}
    .wsmobileheader .smllogo a{display: inline-block; width: 30%;}
    .wsmobileheader .smllogo .logo-name{display: inline-block; width: 60%; text-align: left; margin-right: 32px;margin-left: 10px;}
    .wsmobileheader .smllogo .logo-name h2{font-size: 13px; margin: 0; color: var(--color-one);}
    .wsmobileheader .smllogo .logo-name h2 span{display: block;}
    .wsmobileheader .smllogo .logo-name h3{font-size: 12px; font-weight: 500; color: var(--color-two); margin-bottom: 2px}
    .wsmobileheader .smllogo .logo-name h4{font-size: 12px; font-weight: 500; color: var(--color-two); margin-bottom: 0px}
    /* Mobile Search Bar*/
    .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch{width:86%;margin:7% 7%;padding:0}
    .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input{border-radius:50px}
    .wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus{width:100%}
    .callusbtn{color:#a9a9a9;font-size:21px;position:absolute;left:5px;top:0;transition:all .4s ease-in-out 0s;z-index:102;padding:11px 14px}
    .callusbtn .fa{vertical-align:top;margin-top:4px}
    .callusbtn:hover .fa{color:#a9a9a9}
    /* Mobile Toggle Menu icon (X ICON) */
    .wsanimated-arrow{position:absolute;right:0;top:0;z-index:102;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
    .wsanimated-arrow{cursor:pointer;padding:16px 35px 16px 0;margin:7px 0 0 15px}
    .wsanimated-arrow span,.wsanimated-arrow span:after,.wsanimated-arrow span:before{cursor:pointer;height:2px;width:17px;background:#a9a9a9;position:absolute;display:block;content:''}
    .wsanimated-arrow span:before{top:-7px;width:23px}
    .wsanimated-arrow span:after{bottom:-7px;width:17px}
    .wsanimated-arrow span,
    .wsanimated-arrow span:before,
    .wsanimated-arrow span:after{transition:all .5s ease-in-out}
    .wsactive .wsanimated-arrow span:after{width:23px}
    .wsactive .wsanimated-arrow span{background-color:transparent}
    .wsactive .wsanimated-arrow span:before,
    .wsactive .wsanimated-arrow.active span:after{top:7px}
    .wsactive .wsanimated-arrow span:before{transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);bottom:0}
    .wsactive .wsanimated-arrow span:after{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
    /* ================== Mobile Overlay/Drawer CSS ================== */
    .overlapblackbg{left:0;width:100%;height:100vh;min-height:100%;position:fixed;top:0;display:none;background-color:rgba(255,255,255,0);cursor:pointer;}
    .wsactive .wsmenu .overlapblackbg{display:block}
    .wsmenucontainer{-webkit-transition:all 0.9s ease-in-out;-moz-transition:all 0.9s ease-in-out;-o-transition:all 0.9s ease-in-out;-ms-transition:all 0.9s ease-in-out;transition:all 0.9s ease-in-out}
    .wsactive .wsmenucontainer{margin-left:0;-webkit-transition:all 0.9s ease-in-out;-moz-transition:all 0.9s ease-in-out;-o-transition:all 0.9s ease-in-out;-ms-transition:all 0.9s ease-in-out;transition:all 0.9s ease-in-out}
    .wsactive .wsmenu{overflow-y:scroll;-webkit-overflow-scrolling:touch;visibility:visible;z-index:1000;top:0}
    .wsactive .wsmenu>.wsmenu-list{-webkit-transition:all 0.9s ease-in-out;-moz-transition:all 0.9s ease-in-out;-o-transition:all 0.9s ease-in-out;-ms-transition:all 0.9s ease-in-out;transition:all 0.9s ease-in-out;margin-right:0;margin-top:0}
    /* ================== Mobile Sub Menu Expander Arrows  ================== */
    .wsmenu>.wsmenu-list>li>.wsmenu-click{height:49px;position:absolute;top:0;right:0;display:block;cursor:pointer;width:100%}
    .wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i{transform:rotate(180deg);color:#000}
    .wsmenu>.wsmenu-list>li>.wsmenu-click>i{display:block;height:23px;width:25px;margin-top:14px;margin-right:10px;background-size:25px;font-size:21px;color:rgba(0,0,0,.6);float:right}
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02{height:41px;position:absolute;top:0;right:0;display:block;cursor:pointer;width:100%}
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i{display:block;height:23px;width:25px;margin:8px 6px 8px 6px;background-size:25px;font-size:21px;color:rgba(0,0,0,.25);float:right}
    .wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i.wsmenu-rotate{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
    .main-menu-nxt:before{display:none}
    .wsmenu>.wsmenu-list>li>.wsmegamenu .link-list{padding:0}
    .wsmenu>.main-menu-nxt.wsmenu-list>li:hover>a{color:#000!important}
    .search-top{top:10%!important}
    #search .close{top:10%!important}
    #search input[type=search]{font-size:30px!important}
    /*End Media Query*/
}

/* Extra @Media Query*/

/* @media only screen and (min-width: 992px) and (max-width:1162px) { */

@media(min-width:320px) and (max-width:1080px) {
    .desktoplogo{margin-left:12px}
    .wsmenu>.wsmenu-list>li>a>.wsarrow{display:none}
    .wsmenu>.wsmenu-list>li>a{padding-left:12px;padding-right:12px}
    .wsmenu>.wsmenu-list>li a.menuhomeicon{padding-left:22px;padding-right:22px}
    .main-menu-nxt{background:#fff}
    .top-menu{min-height: auto !important;}
}
.main-menu{border-bottom:0px solid #B8B8B8; margin-top: 20px !important;}
.main-menu:before {content: ''; position: absolute; right: 0; bottom: -1px; width: 60%; height:1px; background:#B8B8B8; z-index: -1; margin: 0 auto;}
.main-menu-nxt{width:100%;float:right;position:relative}
.wsmenu>.wsmenu-list.main-menu li.spl-btn a{background: var(--color-two); border-radius: 15px 15px 0px 0px; color: var(--color-white);}
.wsmenu>.wsmenu-list.main-menu li.spl-btn a:hover{background: var(--color-one); color: var(--color-black) !important;}
.wsmenu>.main-menu.wsmenu-list>li>a{text-transform: unset;}
.wsmenu>.main-menu-nxt.wsmenu-list>li>a{padding:0 18px 0 11px; font-size:13px; border-right: 1px solid #B8B8B8;}
.wsmenu>.main-menu-nxt.wsmenu-list>li>a .menu-icon{width: 22%; margin-right: 5px;}
/* .wsmenu>.main-menu-nxt.wsmenu-list>li>.wsmegamenu{top:30px} */
.wsmenu>.main-menu-nxt.wsmenu-list>li>a .wsarrow:after{top:13px;border-top-color:#060606}
.wsmenu>.main-menu-nxt.wsmenu-list>li:hover>a{color:#fff}
.wsmenu>.main-menu-nxt.wsmenu-list>li:hover>a .wsarrow:after{border-top-color:var(--color-one)}

/* top search start here */
.search-top{position:fixed;right:2%;top:3%;z-index:999}
.search-top i{font-size:22px;color:#565950}
.search-top:hover i{color:#000}
.top-menu.tiny .search-top{top:2%}
#search{overflow:auto!important;position:fixed;padding-top:11%;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:9999;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:translate(0,-100%) scale(0,0);-moz-transform:translate(0,-100%) scale(0,0);-o-transform:translate(0,-100%) scale(0,0);-ms-transform:translate(0,-100%) scale(0,0);transform:translate(0,-100%) scale(0,0);opacity:0}
#search.open{-webkit-transform:translate(0,0) scale(1,1);-moz-transform:translate(0,0) scale(1,1);-o-transform:translate(0,0) scale(1,1);-ms-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1);opacity:1}
#search input[type=search]{position:absolute;top:50%;width:100%;color:#fff;background:rgba(0,0,0,0);font-size:60px;font-weight:300;text-align:center;border:0;margin:0 auto;margin-top:-51px;padding-left:30px;padding-right:30px;outline:0}
#search .btn{position:absolute;top:50%;left:50%;margin-top:61px;margin-left:-45px}
#search .close{position:fixed;top:15px;right:15px;color:#565950;background-color:var(--color-one);border-color:var(--color-one);opacity:1;padding:10px 17px;font-size:27px}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page{border-color:#565950!important;background-color:var(--color-one)!important;color:#fff;PADDING:1%!important}
.gsc-results .gsc-cursor-box .gsc-cursor-page{border-color:#fff!important;background-color:#565950!important;color:var(--color-one)!important;PADDING:1%!important}
.gsc-search-button-v2,.gsc-search-button-v2:focus,.gsc-search-button-v2:hover{border-color:#e8e724!important;background-color:var(--color-one)!important}
form.gsc-search-box{width:80%!important}
.gs-imageResult a.gs-title:link,.gs-imageResult a.gs-title:link b,.gs-webResult.gs-result a.gs-title:link,.gs-webResult.gs-result a.gs-title:link b{color:#565950!important;font-weight:600}
.gs-imageResult a.gs-title:visited,.gs-imageResult a.gs-title:visited b,.gs-webResult.gs-result a.gs-title:visited,.gs-webResult.gs-result a.gs-title:visited b{color:#565950!important;font-weight:600}
.gs-webResult div.gs-visibleUrl{color:#e8e724!important}
.gsc-results-wrapper-visible{margin-top:2%!important}