@media screen and (min-width: 240px) and (max-width: 500px) {
.toggle_icon {
display: block;
float: right;
width: auto;
margin: 21px 0 0 10px;
position: relative;
height: 34px;
padding: 6px 0px;
z-index: 10;
}
.toggle_icon b {
width: 26px;
height: 3px;
background: #fff;
float: left;
position: relative;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.toggle_icon b:after {
content: '';
position: absolute;
width: 26px;
height: 3px;
background: #fff;
right: 0;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
bottom: -10px;
}
.toggle_icon b:before {
content: '';
position: absolute;
width: 26px;
height: 3px;
background: #fff;
right: 0;
bottom: -20px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.toggle_icon b.creatCross {
-webkit-transform: rotate(45deg) translate(0px, 0);
transform: rotate(45deg) translate(0px, 0);
margin: 12px 0 0 0;
}
.toggle_icon b.creatCross:after {
opacity: 0;
}
.toggle_icon b.creatCross:before {
-webkit-transform: rotate(-90deg) translate(19px, 0px);
transform: rotate(-90deg) translate(19px, 0px);
}
header .headInn .navListing {
width: 70%;
float: none;
padding: 0 0 0 0;
margin: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
top: 0;
left: -71%;
height: 100%;
position: fixed;
background: #151515;
z-index: 9;
overflow: auto;
}
header .headInn .navListing li {
width: 100%;
float: left;
}
header .headInn .navListing li a {
color: #fff;
}
header .headInn .navListing li a span {
float: right;
color: #fff !important;
}
header .headInn .navListing.activeMainNav {
left: 0;
}
header .headInn .topInfo {
width: 32px;
margin: 0;
position: fixed;
right: 0;
bottom: 100px;
}
header .headInn .topInfo li p {
font-size: 11px;
}
header .headInn .topInfo li p i {
padding: 8px 0 !important;
background: #ff2e59;
color: #fff;
border-color: #000;
}
header .headInn .topInfo li {
margin: 0 !important;
}
.phDetails {
position: fixed;
width: 100%;
bottom: -200px;
z-index: 99;
right: 0;
background: #1eaafb;
color: #fff;
text-align: center;
padding: 23px 17px;
font-size: 15px;
-webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.12);
box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.12);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.phDetails a {
color: #fff !important;
}
.ac_phDetails .phDetails {
bottom: 0 !important;
}
header .headInn .navListing li .sub-menu {
width: 100%;
position: relative;
left: 0;
top: 0;
padding: 0 0 0 0;
z-index: 10;
float: left;
}
header .headInn .topSListing {
width: auto;
right: 63px;
top: 23px;
}
header .headInn .topSListing li {
width: 35px;
float: left;
list-style: none;
margin: 0;
}
header .headInn .topSListing li a i {
font-size: 14px;
color: #fff;
width: 30px;
height: 30px;
border: 2px solid #fff;
text-align: center;
padding: 6px 0;
border-radius: 100%;
}
.topSlidPart .slidmain article {
width: 65%;
left: 24px;
top: 31px;
}
.topSlidPart .slidmain article h1 {
font-size: 19px;
line-height: unset;
}
.topSlidPart .slidmain article p {
display: none;
}
.noticeWrap .noticeContainInn article {
width: 100%;
margin: 0 0 0 0;
padding: 0 21px;
}
.noticeWrap .noticeContainInn {
width: 100%;
padding: 35px 0;
}
.noticeWrap picture {
display: none;
}
header .headInn a.headlogo {
width: 90px;
margin: 9px 0 0 0;
}
.totalAboutWrap main .abouttext h2 {
width: 100%;
float: left;
}
.totalAboutWrap main .abouttext p {
width: 100%;
}
.totalAboutWrap main {
margin: 130px 0 80px;
}
.getTouchWrap .smallContainer .mainTouch .contactForm {
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
.getTouchWrap .smallContainer .mainTouch .contactDetails {
margin: 27px 0 0 0;
}
.getTouchWrap .smallContainer .mainTouch .contactDetails img {
width: 100%;
margin: 0px 0 0 0;
}
.getTouchWrap {
width: 100%;
float: left;
margin: 25px 0;
}
.galleryWrap .gallertListing {
max-height: unset;
}
.galleryWrap .gallertListing li {
position: relative;
list-style: none;
width: 100% !important;
float: left;
margin: 0 !important;
top: 0 !important;
}
.galleryWrap .gallertListing li picture {
width: 100%;
height: 230px !important;
margin: 0 !important;
}
footer .footerInner .footBlock {
float: left;
margin: 9px 0;
}
footer .footerInner .footBlock ul li a {
font-size: 13px !important;
}
footer .footerInner .footBlock article {
text-align: left;
}
footer .footerInner .footBlock article h5 {
text-align: left;
}
footer .footerInner .footBlock article span {
text-align: left;
}
footer .footerInner .footBlock article span a {
margin: 4px 7px 0 0;
}
footer .footerInner .footBlock article ul {
margin: 0 0 0 0;
}
footer .footerInner {
margin: 32px 0;
}
.footerBottom {
text-align: center;
}
.innerPagesheader h1 {
margin: 47px 0 41px 0;
font-size: 36px;
}
.galleryPage_Wrap .galleryPageInn .photoBlock picture {
height: 130px;
}
.errWrp {
margin-bottom: 120px;
}
.errWrp h1 {
font-size: 125px !important;
}
.innerPagesheader {
height: 300px !important;
}
.pdfDnl main {
margin: 40px 0 50px !important;
}
}
@media screen and (min-width: 501px) and (max-width: 743px) {
.toggle_icon {
display: block;
float: right;
width: auto;
margin: 21px 0 0 10px;
position: relative;
height: 34px;
padding: 6px 0px;
z-index: 10;
}
.toggle_icon b {
width: 26px;
height: 3px;
background: #fff;
float: left;
position: relative;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.toggle_icon b:after {
content: '';
position: absolute;
width: 26px;
height: 3px;
background: #fff;
right: 0;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
bottom: -10px;
}
.toggle_icon b:before {
content: '';
position: absolute;
width: 26px;
height: 3px;
background: #fff;
right: 0;
bottom: -20px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.toggle_icon b.creatCross {
-webkit-transform: rotate(45deg) translate(0px, 0);
transform: rotate(45deg) translate(0px, 0);
margin: 12px 0 0 0;
}
.toggle_icon b.creatCross:after {
opacity: 0;
}
.toggle_icon b.creatCross:before {
-webkit-transform: rotate(-90deg) translate(19px, 0px);
transform: rotate(-90deg) translate(19px, 0px);
}
header .headInn .navListing {
width: 70%;
float: none;
padding: 0 0 0 0;
margin: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
top: 0;
left: -71%;
height: 100%;
position: fixed;
background: #151515;
z-index: 9;
overflow: auto;
}
header .headInn .navListing li {
width: 100%;
float: left;
}
header .headInn .navListing li a {
color: #fff;
}
header .headInn .navListing li a span {
float: right;
color: #fff !important;
}
header .headInn .navListing.activeMainNav {
left: 0;
}
header .headInn .topInfo {
width: 70%;
margin: 25px 0 0 0;
}
header .headInn .topInfo li p {
font-size: 11px;
}
header .headInn .topInfo li p i {
padding: 8px 0 !important;
}
header .headInn .topInfo li:last-child {
display: none;
}
header .headInn .navListing li .sub-menu {
width: 100%;
position: relative;
left: 0;
top: 0;
padding: 0 0 0 0;
z-index: 10;
float: left;
}
.topSlidPart .slidmain .topSListing {
display: none;
}
.topSlidPart .slidmain article {
width: 65%;
left: 24px;
top: 31px;
}
.topSlidPart .slidmain article h1 {
font-size: 19px;
line-height: unset;
}
.topSlidPart .slidmain article p {
display: none;
}
.noticeWrap .noticeContainInn article {
width: 100%;
margin: 0 0 0 0;
padding: 0 21px;
}
.noticeWrap .noticeContainInn {
width: 100%;
padding: 35px 0;
}
.noticeWrap picture {
display: none;
}
header .headInn a.headlogo {
width: 65px;
margin: 9px 0 0 0;
}
.totalAboutWrap main .abouttext h2 {
width: 100%;
float: left;
}
.totalAboutWrap main .abouttext p {
width: 100%;
}
.totalAboutWrap main {
margin: 130px 0 80px;
}
.getTouchWrap .smallContainer .mainTouch .contactForm {
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
.getTouchWrap .smallContainer .mainTouch .contactDetails {
margin: 27px 0 0 0;
}
.getTouchWrap .smallContainer .mainTouch .contactDetails img {
width: 100%;
margin: 0px 0 0 0;
}
.getTouchWrap {
width: 100%;
float: left;
margin: 25px 0;
}
.galleryWrap .gallertListing {
max-height: unset;
}
.galleryWrap .gallertListing li {
position: relative;
list-style: none;
width: 50% !important;
float: left;
margin: 0 !important;
top: 0 !important;
}
.galleryWrap .gallertListing li picture {
width: 100%;
height: 230px !important;
margin: 0 !important;
}
footer .footerInner .footBlock {
float: left;
margin: 9px 0;
}
footer .footerInner .footBlock ul li a {
font-size: 13px !important;
}
footer .footerInner .footBlock article {
text-align: left;
}
footer .footerInner .footBlock article h5 {
text-align: left;
}
footer .footerInner .footBlock article span {
text-align: left;
}
footer .footerInner .footBlock article span a {
margin: 4px 7px 0 0;
}
footer .footerInner {
margin: 32px 0;
}
.footerBottom {
text-align: center;
}
}
@media screen and (min-width: 744px) and (max-width: 899px) {
.toggle_icon {
display: block;
float: right;
width: auto;
margin: 21px 0 0 10px;
position: relative;
height: 34px;
padding: 6px 0px;
z-index: 10;
}
.toggle_icon b {
width: 26px;
height: 3px;
background: #fff;
float: left;
position: relative;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.toggle_icon b:after {
content: '';
position: absolute;
width: 26px;
height: 3px;
background: #fff;
right: 0;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
bottom: -10px;
}
.toggle_icon b:before {
content: '';
position: absolute;
width: 26px;
height: 3px;
background: #fff;
right: 0;
bottom: -20px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.toggle_icon b.creatCross {
-webkit-transform: rotate(45deg) translate(0px, 0);
transform: rotate(45deg) translate(0px, 0);
margin: 12px 0 0 0;
}
.toggle_icon b.creatCross:after {
opacity: 0;
}
.toggle_icon b.creatCross:before {
-webkit-transform: rotate(-90deg) translate(19px, 0px);
transform: rotate(-90deg) translate(19px, 0px);
}
header .headInn .navListing {
width: 70%;
float: none;
padding: 0 0 0 0;
margin: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
top: 0;
left: -71%;
height: 100%;
position: fixed;
background: #151515;
overflow: auto;
}
header .headInn .navListing li {
width: 100%;
float: left;
}
header .headInn .navListing li a {
color: #fff;
}
header .headInn .navListing li a span {
float: right;
}
header .headInn .navListing.activeMainNav {
left: 0;
}
header .headInn .topInfo {
width: 70%;
margin: 25px 0 0 0;
}
header .headInn .topInfo li p {
font-size: 11px;
}
header .headInn .topInfo li p i {
padding: 8px 0 !important;
}
header .headInn .navListing li .sub-menu {
width: 100%;
position: relative;
left: 0;
top: 0;
padding: 0 0 0 0;
z-index: 10;
float: left;
}
.topSlidPart .slidmain .topSListing {
display: none;
}
.topSlidPart .slidmain article {
width: 65%;
left: 24px;
top: 85px;
}
.topSlidPart .slidmain article h1 {
font-size: 19px;
line-height: unset;
}
.noticeWrap .noticeContainInn article {
width: 100%;
margin: 0 0 0 0;
padding: 0 21px;
}
.noticeWrap .noticeContainInn {
width: 100%;
padding: 35px 0;
}
.noticeWrap picture {
display: none;
}
header .headInn a.headlogo {
width: 65px;
margin: 9px 0 0 0;
}
.totalAboutWrap main .abouttext h2 {
width: 100%;
float: left;
}
.totalAboutWrap main .abouttext p {
width: 100%;
}
.totalAboutWrap main {
margin: 130px 0 80px;
}
.getTouchWrap .smallContainer .mainTouch .contactForm {
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
.getTouchWrap .smallContainer .mainTouch .contactDetails {
margin: 27px 0 0 0;
}
.getTouchWrap .smallContainer .mainTouch .contactDetails img {
width: 100%;
margin: 0px 0 0 0;
}
.getTouchWrap {
width: 100%;
float: left;
margin: 25px 0;
}
.galleryWrap .gallertListing {
max-height: unset;
}
.galleryWrap .gallertListing li {
position: relative;
list-style: none;
width: 33.33% !important;
float: left;
margin: 0 !important;
top: 0 !important;
}
.galleryWrap .gallertListing li picture {
width: 100%;
height: 230px !important;
margin: 0 !important;
}
footer .footerInner .footBlock {
float: left;
margin: 9px 0;
}
footer .footerInner .footBlock ul li a {
font-size: 13px !important;
}
footer .footerInner .footBlock article {
text-align: left;
}
footer .footerInner .footBlock article h5 {
text-align: left;
}
footer .footerInner .footBlock article span {
text-align: left;
}
footer .footerInner .footBlock article span a {
margin: 4px 7px 0 0;
}
footer .footerInner {
margin: 32px 0;
}
.footerBottom {
text-align: center;
}
}
@media screen and (min-width: 900px) and (max-width: 1200px) {
.topSlidPart .slidmain .topSListing {
display: none;
}
header .headInn a.headlogo {
width: 55px;
}
.topSlidPart .slidmain article {
top: 100px;
left: 20px;
}
.getTouchWrap .smallContainer .mainTouch .contactForm {
-webkit-transform: translate(3px, 6px);
transform: translate(3px, 6px);
}
footer .footerInner .footBlock article ul li a {
font-size: 12px;
}
}