@charset "utf-8";
/* CSS Document */
.display-none{display: none;}
ul.menu li.iconx {display: none;}
@media screen and (max-width: 320px){
	.h-con{display:none;}
	/*---------------------Header Part Start----------------------*/
	.title {width: 70%;}
	.title h1{font-size:25px;}
	/*---------------------menu start----------------------*/
	.top-2 {height: 35px;padding: 0px;}
	.menu a {font-size: 10pt;font-weight: 700;}
	.menu {width: 100%;padding: 0;height: 35px;z-index:9999;}
	.menu , .act {height: 35px;line-height: 35px; padding: 0px 11.5px;}
	.menu , .act  a{height: 35px;line-height: 35px; padding: 0px;}
	.menu a {padding: 0px 23px;}
	ul.menu li:not(:first-child) {display: none;}
   	ul.menu li.iconx {float: right;display: block !important;}
    ul.menu.responsive {position: relative;height: 35px;}
    ul.menu.responsive li.iconx {position: absolute;right: 0;top: 0;}
    ul.menu.responsive li {float: none;display: inline;border-right: 0px;padding: 0 !important;line-height: 35px;height: 35px;}
    ul.menu.responsive li a {display: block;text-align: left; float:none;background-color:#000;padding: 0px 23px;}
	ul.menu.responsive li a:hover{background-color: skyblue;color: #fff !important;}
	.menu ul {top: 30px;left: 20px;}
	.menu li {border-right:none;box-shadow:none;}
	.menu ul li:first-child > a::after {top: -6px;left: 20px;}
	.menu ul ul {top: 25px;left: 25px;}
	.menu ul ul li:first-child a::after {display: none;}
	.line {margin-bottom: 5px;margin-top: 5px;}
	/*--------------------menu end-------------------------*/
}
@media screen and (min-width: 321px) and (max-width: 360px){
	.h-con{display:none;}
	/*---------------------Header Part Start----------------------*/
	.title {width: 65%;}
	.title h1{font-size:25px;}
	/*---------------------menu start----------------------*/
	.top-2 {height: 35px;padding: 0px;}
	.menu a {font-size: 10pt;font-weight: 700;}
	.menu {width: 100%;padding: 0;height: 35px;z-index:9999;}
	.menu , .act {height: 35px;line-height: 35px; padding: 0px 11.5px;}
	.menu , .act  a{height: 35px;line-height: 35px; padding: 0px;}
	.menu a {padding: 0px 23px;}
	ul.menu li:not(:first-child) {display: none;}
   	ul.menu li.iconx {float: right;display: block !important;}
    ul.menu.responsive {position: relative;height: 35px;}
    ul.menu.responsive li.iconx {position: absolute;right: 0;top: 0;}
    ul.menu.responsive li {float: none;display: inline;border-right: 0px;padding: 0 !important;line-height: 35px;height: 35px;}
    ul.menu.responsive li a {display: block;text-align: left; float:none;background-color:#000;padding: 0px 23px;}
	ul.menu.responsive li a:hover{background-color: skyblue;color: #fff !important;}
	.menu ul {top: 30px;left: 20px;}
	.menu li {border-right:none;box-shadow:none;}
	.menu ul li:first-child > a::after {top: -6px;left: 20px;}
	.menu ul ul {top: 25px;left: 25px;}
	.menu ul ul li:first-child a::after {display: none;}
	.line {margin-bottom: 5px;margin-top: 5px;}
	/*--------------------menu end-------------------------*/
}
@media screen and (min-width: 361px) and (max-width: 375px){
	.h-con{display:none;}
	/*---------------------Header Part Start----------------------*/
	.title {width: 65%;}
	.title h1{font-size:25px;}
	/*---------------------menu start----------------------*/
	.top-2 {height: 35px;padding: 0px;}
	.menu a {font-size: 10pt;font-weight: 700;}
	.menu {width: 100%;padding: 0;height: 35px;z-index:9999;}
	.menu , .act {height: 35px;line-height: 35px; padding: 0px 11.5px;}
	.menu , .act  a{height: 35px;line-height: 35px; padding: 0px;}
	.menu a {padding: 0px 23px;}
	ul.menu li:not(:first-child) {display: none;}
   	ul.menu li.iconx {float: right;display: block !important;}
    ul.menu.responsive {position: relative;height: 35px;}
    ul.menu.responsive li.iconx {position: absolute;right: 0;top: 0;}
    ul.menu.responsive li {float: none;display: inline;border-right: 0px;padding: 0 !important;line-height: 35px;height: 35px;}
    ul.menu.responsive li a {display: block;text-align: left; float:none;background-color:#000;padding: 0px 23px;}
	ul.menu.responsive li a:hover{background-color: skyblue;color: #fff !important;}
	.menu ul {top: 30px;left: 20px;}
	.menu li {border-right:none;box-shadow:none;}
	.menu ul li:first-child > a::after {top: -6px;left: 20px;}
	.menu ul ul {top: 25px;left: 25px;}
	.menu ul ul li:first-child a::after {display: none;}
	.line {margin-bottom: 5px;margin-top: 5px;}
	/*--------------------menu end-------------------------*/
}
@media screen and (min-width: 376px) and (max-width: 384px){
	.h-con{display:none;}
	/*---------------------Header Part Start----------------------*/
	.title {width: 65%;}
	.title h1{font-size:25px;}
	/*---------------------menu start----------------------*/
	.top-2 {height: 35px;padding: 0px;}
	.menu a {font-size: 10pt;font-weight: 700;}
	.menu {width: 100%;padding: 0;height: 35px;z-index:9999;}
	.menu , .act {height: 35px;line-height: 35px; padding: 0px 11.5px;}
	.menu , .act  a{height: 35px;line-height: 35px; padding: 0px;}
	.menu a {padding: 0px 23px;}
	ul.menu li:not(:first-child) {display: none;}
   	ul.menu li.iconx {float: right;display: block !important;}
    ul.menu.responsive {position: relative;height: 35px;}
    ul.menu.responsive li.iconx {position: absolute;right: 0;top: 0;}
    ul.menu.responsive li {float: none;display: inline;border-right: 0px;padding: 0 !important;line-height: 35px;height: 35px;}
    ul.menu.responsive li a {display: block;text-align: left; float:none;background-color:#000;padding: 0px 23px;}
	ul.menu.responsive li a:hover{background-color: skyblue;color: #fff !important;}
	.menu ul {top: 30px;left: 20px;}
	.menu li {border-right:none;box-shadow:none;}
	.menu ul li:first-child > a::after {top: -6px;left: 20px;}
	.menu ul ul {top: 25px;left: 25px;}
	.menu ul ul li:first-child a::after {display: none;}
	.line {margin-bottom: 5px;margin-top: 5px;}
	/*--------------------menu end-------------------------*/
}
@media screen and (min-width: 385px) and (max-width: 400px){
	.h-con{display:none;}
	/*---------------------Header Part Start----------------------*/
	.title {width: 65%;}
	.title h1{font-size:25px;}
	/*---------------------menu start----------------------*/
	.top-2 {height: 35px;padding: 0px;}
	.menu a {font-size: 10pt;font-weight: 700;}
	.menu {width: 100%;padding: 0;height: 35px;z-index:9999;}
	.menu , .act {height: 35px;line-height: 35px; padding: 0px 11.5px;}
	.menu , .act  a{height: 35px;line-height: 35px; padding: 0px;}
	.menu a {padding: 0px 23px;}
	ul.menu li:not(:first-child) {display: none;}
   	ul.menu li.iconx {float: right;display: block !important;}
    ul.menu.responsive {position: relative;height: 35px;}
    ul.menu.responsive li.iconx {position: absolute;right: 0;top: 0;}
    ul.menu.responsive li {float: none;display: inline;border-right: 0px;padding: 0 !important;line-height: 35px;height: 35px;}
    ul.menu.responsive li a {display: block;text-align: left; float:none;background-color:#000;padding: 0px 23px;}
	ul.menu.responsive li a:hover{background-color: skyblue;color: #fff !important;}
	.menu ul {top: 30px;left: 20px;}
	.menu li {border-right:none;box-shadow:none;}
	.menu ul li:first-child > a::after {top: -6px;left: 20px;}
	.menu ul ul {top: 25px;left: 25px;}
	.menu ul ul li:first-child a::after {display: none;}
	.line {margin-bottom: 5px;margin-top: 5px;}
	/*--------------------menu end-------------------------*/
}
@media screen and (min-width: 401px) and (max-width: 414px){
	.h-con{display:none;}
	/*---------------------Header Part Start----------------------*/
	.title {width: 65%;}
	.title h1{font-size:25px;}
	/*---------------------menu start----------------------*/
	.top-2 {height: 35px;padding: 0px;}
	.menu a {font-size: 10pt;font-weight: 700;}
	.menu {width: 100%;padding: 0;height: 35px;z-index:9999;}
	.menu , .act {height: 35px;line-height: 35px; padding: 0px 11.5px;}
	.menu , .act  a{height: 35px;line-height: 35px; padding: 0px;}
	.menu a {padding: 0px 23px;}
	ul.menu li:not(:first-child) {display: none;}
   	ul.menu li.iconx {float: right;display: block !important;}
    ul.menu.responsive {position: relative;height: 35px;}
    ul.menu.responsive li.iconx {position: absolute;right: 0;top: 0;}
    ul.menu.responsive li {float: none;display: inline;border-right: 0px;padding: 0 !important;line-height: 35px;height: 35px;}
    ul.menu.responsive li a {display: block;text-align: left; float:none;background-color:#000;padding: 0px 23px;}
	ul.menu.responsive li a:hover{background-color: skyblue;color: #fff !important;}
	.menu ul {top: 30px;left: 20px;}
	.menu li {border-right:none;box-shadow:none;}
	.menu ul li:first-child > a::after {top: -6px;left: 20px;}
	.menu ul ul {top: 25px;left: 25px;}
	.menu ul ul li:first-child a::after {display: none;}
	.line {margin-bottom: 5px;margin-top: 5px;}
	/*--------------------menu end-------------------------*/
}
@media screen and (min-width: 415px) and (max-width: 480px){
	.h-con{display:none;}
	/*---------------------Header Part Start----------------------*/
	.title {width: 65%;}
	.title h1{font-size:25px;}
	/*---------------------menu start----------------------*/
	.top-2 {height: 35px;padding: 0px;}
	.menu a {font-size: 10pt;font-weight: 700;}
	.menu {width: 100%;padding: 0;height: 35px;z-index:9999;}
	.menu , .act {height: 35px;line-height: 35px; padding: 0px 11.5px;}
	.menu , .act  a{height: 35px;line-height: 35px; padding: 0px;}
	.menu a {padding: 0px 23px;}
	ul.menu li:not(:first-child) {display: none;}
   	ul.menu li.iconx {float: right;display: block !important;}
    ul.menu.responsive {position: relative;height: 35px;}
    ul.menu.responsive li.iconx {position: absolute;right: 0;top: 0;}
    ul.menu.responsive li {float: none;display: inline;border-right: 0px;padding: 0 !important;line-height: 35px;height: 35px;}
    ul.menu.responsive li a {display: block;text-align: left; float:none;background-color:#000;padding: 0px 23px;}
	ul.menu.responsive li a:hover{background-color: skyblue;color: #fff !important;}
	.menu ul {top: 30px;left: 20px;}
	.menu li {border-right:none;box-shadow:none;}
	.menu ul li:first-child > a::after {top: -6px;left: 20px;}
	.menu ul ul {top: 25px;left: 25px;}
	.menu ul ul li:first-child a::after {display: none;}
	.line {margin-bottom: 5px;margin-top: 5px;}
	/*--------------------menu end-------------------------*/
}
@media screen and (min-width: 481px) and (max-width: 568px){
	.h-con{display:none;}
	/*---------------------Header Part Start----------------------*/
	.title {width: 65%;}
	.title h1{font-size:25px;}
	/*---------------------menu start----------------------*/
	.top-2 {height: 35px;padding: 0px;}
	.menu a {font-size: 10pt;font-weight: 700;}
	.menu {width: 100%;padding: 0;height: 35px;z-index:9999;}
	.menu , .act {height: 35px;line-height: 35px; padding: 0px 11.5px;}
	.menu , .act  a{height: 35px;line-height: 35px; padding: 0px;}
	.menu a {padding: 0px 23px;}
	ul.menu li:not(:first-child) {display: none;}
   	ul.menu li.iconx {float: right;display: block !important;}
    ul.menu.responsive {position: relative;height: 35px;}
    ul.menu.responsive li.iconx {position: absolute;right: 0;top: 0;}
    ul.menu.responsive li {float: none;display: inline;border-right: 0px;padding: 0 !important;line-height: 35px;height: 35px;}
    ul.menu.responsive li a {display: block;text-align: left; float:none;background-color:#000;padding: 0px 23px;}
	ul.menu.responsive li a:hover{background-color: skyblue;color: #fff !important;}
	.menu ul {top: 30px;left: 20px;}
	.menu li {border-right:none;box-shadow:none;}
	.menu ul li:first-child > a::after {top: -6px;left: 20px;}
	.menu ul ul {top: 25px;left: 25px;}
	.menu ul ul li:first-child a::after {display: none;}
	.line {margin-bottom: 5px;margin-top: 5px;}
	/*--------------------menu end-------------------------*/
}
@media screen and (min-width: 569px) and (max-width: 667px){
	.h-con{display:none;}
	/*---------------------Header Part Start----------------------*/
	.title {width: 65%;}
	.title h1{font-size:25px;}
	/*---------------------menu start----------------------*/
	.top-2 {height: 35px;padding: 0px;}
	.menu a {font-size: 10pt;font-weight: 700;}
	.menu {width: 100%;padding: 0;height: 35px;z-index:9999;}
	.menu , .act {height: 35px;line-height: 35px; padding: 0px 11.5px;}
	.menu , .act  a{height: 35px;line-height: 35px; padding: 0px;}
	.menu a {padding: 0px 23px;}
	ul.menu li:not(:first-child) {display: none;}
   	ul.menu li.iconx {float: right;display: block !important;}
    ul.menu.responsive {position: relative;height: 35px;}
    ul.menu.responsive li.iconx {position: absolute;right: 0;top: 0;}
    ul.menu.responsive li {float: none;display: inline;border-right: 0px;padding: 0 !important;line-height: 35px;height: 35px;}
    ul.menu.responsive li a {display: block;text-align: left; float:none;background-color:#000;padding: 0px 23px;}
	ul.menu.responsive li a:hover{background-color: skyblue;color: #fff !important;}
	.menu ul {top: 30px;left: 20px;}
	.menu li {border-right:none;box-shadow:none;}
	.menu ul li:first-child > a::after {top: -6px;left: 20px;}
	.menu ul ul {top: 25px;left: 25px;}
	.menu ul ul li:first-child a::after {display: none;}
	.line {margin-bottom: 5px;margin-top: 5px;}
	/*--------------------menu end-------------------------*/
}
@media screen and (min-width: 668px) and (max-width: 768px){
	.h-con{display:none;}
	/*---------------------Header Part Start----------------------*/
	.title {width: 65%;}
	.title h1{font-size:25px;}
	/*---------------------menu start----------------------*/
	.top-2 {height: 35px;padding: 0px;}
	.menu a {font-size: 10pt;font-weight: 700;}
	.menu {width: 100%;padding: 0;height: 35px;z-index:9999;}
	.menu , .act {height: 35px;line-height: 35px; padding: 0px 11.5px;}
	.menu , .act  a{height: 35px;line-height: 35px; padding:0;}
	.menu a {color: #fff;padding: 0px 23px;}
	ul.menu li:not(:first-child) {display: none;}
   	ul.menu li.iconx {float: right;display: block !important;}
    ul.menu.responsive {position: relative;height: 35px;}
    ul.menu.responsive li.iconx {position: absolute;right: 0;top: 0;}
    ul.menu.responsive li {float: none;display: inline;border-right: 0px;padding: 0 !important;line-height: 35px;height: 35px;}
    ul.menu.responsive li a {display: block;text-align: left; float:none;background-color:#000;padding: 0px 23px;}
	ul.menu.responsive li a:hover{background-color: skyblue;color: #fff !important;}
	.menu ul {top:30px;left:120px;}
	.menu ul li:first-child > a::after {top: -5px;}
	.menu ul ul {top: 5px;}
	ul.menu.responsive ul li a {background-color:#363636;}
	.menu ul ul li:first-child a::after {top: 13px;}
	.line {margin-bottom: 5px;margin-top: 5px;}
	/*--------------------menu end-------------------------*/
	/*---------------------Header Part EnnDD----------------------*/
	
	/*---------------------Footer Part Start----------------------*/
	.fp-container {height: 470px;}
	.fp-33-1 {width:50%;height: 420px;}
	.add {width: 90%;}
	.fa {line-height: 65px !important;}
	.fa-icon {height: 70px;}
	.fa-text {width: 200px;height: 70px;}
	.m-top {margin-top: 15px !important;}
	.fp-33-2{display:none;}
	.fp-33-3 {width:48%;height: 420px;}
	.fp-33-3 h3 {width: 90%;}
	.fp-33-3 form {width: 90%;}
	.fp-33-3 textarea {height: 190px;}
	/*---------------------Footer Part End----------------------*/
}
@media screen and (min-width: 769px) and (max-width: 800px){
	/*---------------------Header Part Start----------------------*/
	.h-con {display:none;}
	.title {width: 45%;}
	/*---------------------menu start----------------------*/
	.top-2 {height: 35px;padding: 0px;}
	.menu a {font-size: 10pt;font-weight: 700;}
	.menu {width: 100%;padding: 0;height: 35px;z-index:9999;}
	.menu , .act {height: 35px;line-height: 35px; padding: 0px 11.5px;}
	.menu , .act  a{height: 35px;line-height: 35px; padding:0;}
	.menu a {color: #fff;padding: 0px 23px;}
	ul.menu li:not(:first-child) {display: none;}
   	ul.menu li.iconx {float: right;display: block !important;}
    ul.menu.responsive {position: relative;height: 35px;}
    ul.menu.responsive li.iconx {position: absolute;right: 0;top: 0;}
    ul.menu.responsive li {float: none;display: inline;border-right: 0px;padding: 0 !important;line-height: 35px;height: 35px;}
    ul.menu.responsive li a {display: block;text-align: left; float:none;background-color:#000;padding: 0px 23px;}
	ul.menu.responsive li a:hover{background-color: skyblue;color: #fff !important;}
	.menu ul {top:30px;left:120px;}
	.menu ul li:first-child > a::after {top: -5px;}
	.menu ul ul {top: 5px;}
	ul.menu.responsive ul li a {background-color:#363636;}
	.menu ul ul li:first-child a::after {top: 13px;}
	.line {margin-bottom: 5px;margin-top: 5px;}
	/*--------------------menu end-------------------------*/
	/*---------------------Header Part EnnDD----------------------*/
	
	/*---------------------Footer Part Start----------------------*/
	.fp-container {height: 400px;}
	.fp-33-1 {width:50%;height: 330px;}
	.add {width: 90%;}
	.fa-icon {height: 50px;}
	.fa-text {width: 250px;height: 50px;}
	.m-top {margin-top: 10px !important;font-size: 13px;}
	.fp-33-2{display:none;}
	.fp-33-3 {width:48%;height: 330px;}
	.fp-33-3 h3 {width: 90%;}
	.fp-33-3 form {width: 90%;}
	.fp-33-3 textarea {height: 113px;}
	/*---------------------Footer Part End----------------------*/
}
@media screen and (min-width: 801px) and (max-width: 980px){
	/*---------------------Header Part Start----------------------*/
	.title {width: 37%;}
	.h-con {width: 50%;}
	.h-link {width: 305px;}
	.h-ph{display:none}
	/*---------------------menu start----------------------*/
	.menu {width: 713px;}
	.menu a {padding: 13px 16px;font-size: 12px;}
	/*--------------------menu end-------------------------*/
	/*---------------------Header Part EnnDD----------------------*/
	
	/*---------------------Footer Part Start----------------------*/
	.fp-container {height: 400px;}
	.fp-33-1 {width:50%;height: 340px;}
	.add {width: 90%;}
	.fa-icon {height: 50px;}
	.fa-text {width: 270px;height: 50px;}
	.m-top {margin-top: 0px !important;}
	.fp-33-2{display:none;}
	.fp-33-3 {width:48%;height: 340px;}
	.fp-33-3 h3 {width: 90%;}
	.fp-33-3 form {width: 90%;}
	.fp-33-3 textarea {height: 113px;}
	/*---------------------Footer Part End----------------------*/

}
@media screen and (min-width: 981px) and (max-width: 1024px){
	/*---------------------Header Part Start----------------------*/
	.title {width: 35%;}
	.h-con {width: 40%;}
	.h-link {width: 305px;}
	.h-ph{display:none}
	/*---------------------menu start----------------------*/
	.menu {width: 775px;}
	.menu a {padding: 13px 20px;font-size: 12px;}
	/*--------------------menu end-------------------------*/
	/*---------------------Header Part EnnDD----------------------*/
	
	/*---------------------Footer Part Start----------------------*/
	.fp-container {height: 400px;}
	.fp-33-1 {width:50%;height: 340px;}
	.add {width: 90%;}
	.fa-icon {height: 50px;}
	.fa-text {width: 310px;height: 50px;}
	.m-top {margin-top: 10px !important;}
	.fp-33-2{display:none;}
	.fp-33-3 {width:48%;height: 340px;}
	.fp-33-3 h3 {width: 90%;}
	.fp-33-3 form {width: 90%;}
	.fp-33-3 textarea {height: 113px;}
	/*---------------------Footer Part End----------------------*/
}
@media screen and (min-width: 1025px) and (max-width: 1280px){
	.title {width: 35%;}
	.h-con {width: 40%;}
	.h-link {width: 305px;}
	.h-ph{display:none}
	/*---------------------Footer Part Start----------------------*/
	.add {width: 90%;}
	.fa-text {width: 215px;}
	.fa-text p {font-size: 13px;}
	.fp-33-3 h3 {width: 90%;}
	.fp-33-3 form {width: 90%;}
	.fp-33-3 textarea {height: 113px;}
	/*---------------------Footer Part End----------------------*/
}
@media screen and (min-width: 1281px) and (max-width: 1366px){
	.title {width: 25%;}
	.h-con {width: 63%;}
	.h-link {width: 305px;}
	/*---------------------Footer Part Start----------------------*/
	.add {width: 90%;}
	.fa-text {width: 275px;}
	.fa-text p {font-size: 13px;}
	.fp-33-3 h3 {width: 90%;}
	.fp-33-3 form {width: 90%;}
	.fp-33-3 textarea {height: 113px;}
	/*---------------------Footer Part End----------------------*/
}
@media screen and (min-width: 1367px) and (max-width: 1440px){
	.title {width: 23%;}
	.h-con {width: 60%;}
	.h-link {width: 305px;}
	/*---------------------Footer Part Start----------------------*/
	.add {width: 90%;}
	.fa-text {width: 300px;}
	.fa-text p {font-size: 15px;}
	.fp-33-3 h3 {width: 90%;}
	.fp-33-3 form {width: 90%;}
	.fp-33-3 textarea {height: 113px;}
	/*---------------------Footer Part End----------------------*/
}
@media screen and (min-width: 1441px) and (max-width: 1680px){
	.title {width: 23%;}
	.h-con {width: 60%;}
	.h-link {width: 305px;}
	/*---------------------Footer Part Start----------------------*/
	.add {width: 90%;}
	.fa-text {width: 345px;}
	.fa-text p {font-size: 17px;}
	.fp-33-3 h3 {width: 90%;}
	.fp-33-3 form {width: 90%;}
	.fp-33-3 textarea {height: 113px;}
	/*---------------------Footer Part End----------------------*/
}
@media screen and (min-width: 1681px) and (max-width: 1920px){
	.h-con{display:block;}
}