/*=====Media Query Css Start======*/

@media all and (max-width:1280px) {

/*=========================== Navigation Section Css Start===============================*/



/*=========================== Navigation Section Css End===============================*/

}

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

/*=========================== Header Section Css Start===============================*/

header .header-content::after { right: 3px; }

/*=========================== Header Section Css End===============================*/



/*=========================== Navigation Section Css Start===============================*/

nav ul li a span { padding: 10px 13px; line-height: inherit; height: inherit; }

.menu-toggle > span { display: none; }

/*=========================== Navigation Section Css End===============================*/



/*=========================== Culture History Section Css Start===============================*/

.culture-history-content p { font-size: 12px; }

/*=========================== Culture History Section Css End===============================*/



/*=========================== Second Page Css Start===============================*/

.tribal-block .tribal-block-content { padding-right: 0; }

/*=========================== Second Page Css End===============================*/



}

@media all and (max-width:960px) {

/*=========================== Header Section Css Start===============================*/

header .logo-section { width: 12%; }

header .header-content { width: 68%; }

header .login-section { width: 20%; }

header .top-text { font-size: 18px; padding-right: 0; text-align: left; margin-top: 15px; }

header .bottom-text { font-size: 18px; }

header .bottom-text span { font-size: 12px; }

.login-section .member-login { font-size: 12px; }

.news-section p { font-size: 16px; }

.news-section .news-block-one::after { right: 8px; }

.news-section .news-block-two::after { right: 13px; }

/*=========================== Navigation Section Css Start===============================*/

.menu-toggle { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; margin: 0 12px; display: block; }

.menu-toggle:before { background: rgba(0, 0, 0, 0) url("../images/toggle-icon.png") no-repeat scroll center top / 70% auto; content: ""; display: inline-block; height: 32px; width: 40px; vertical-align:middle;}

nav ul.menu { display: none; }

.menu-open nav ul.menu { display: block; }

nav { padding: 0 0 10px; margin: 0; }

nav ul { border: none; }

nav ul li { width: 100%; }

ul.dropdown-menu li:first-child { padding-left: 0; }

.dropdown-menu { position: relative; }

nav ul li { display: inline-block; }

.sub-menu { position: relative; padding: 0 0 0 10px; display: block; }

.sub-menu .sub-menu { left: 0; }

.menu li { text-align: left; }

.menu li:hover .sub-menu .sub-menu { display: block; }

.menu li .caret:after { right: 0px; }

.menu > li.active > a { background: #fff; }

nav ul li a span { padding: 10px 15px; }

.menu-toggle > span { color: #ffffff; display: inline-block; padding-top: 9px; vertical-align: top; font-size: 16px; text-transform: uppercase; font-family:'HelveticaNeueLTStdBdCn';}

/*=========================== Navigation Section Css End===============================*/

/*=========================== Header Section Css End===============================*/






/*=========================== Culture History Section Css Start===============================*/

.member-section ul li a { font-size: 16px; padding: 12px 10px; }

.content-img-block .member-info-btn a { padding: 8px 45px 8px 20px; }

.content-img-block .member-info-btn a::after { top: 11px; }

.show-content .member-info-btn { margin-bottom: -37px; }

.culture-history-content { top: 30px; }

.culture-history-content p { padding: 10px 10px; line-height: 14px; font-size: 13px; }

.show-content .culture-history-content::before { top: 5px; }

/*=========================== Culture History Section Css End===============================*/







}

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

/*=========================== Banner Section Css Start===============================*/

.banner-right-content { padding: 0 10px; }

.banner-right-content h2.title { margin: 0 0 5px; }

.banner-right-content p {
    font-size: 12px;
    line-height: 16px;
}

.bx-wrapper img { width: 100%; }

}

/*=========================== Banner Section Css End===============================*/

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

.container { padding: 0 8px 0; }

/*=========================== Header Section Css Start===============================*/

header { padding-top: 20px; }

header .logo-section { width: 100%; }

header .header-content { width: 100%; }

header .header-content::after { background: none; }

header .top-text { margin-top: 15px; text-align: center; padding-right: 0; }

header .login-section { width: 70%; margin: 0 auto; }

.logo-section img { margin: 0 auto; }

header .bottom-text { margin: 15px 0; text-align: center; line-height: 25px; padding-left: 0; }

.login-section .search-bar { max-width: 100%; }

.login-section ul { text-align: center; }

header .bottom-text span { display: block; }

nav { padding: 10px 0; }

.login-section ul li { padding: 0 5px; }

.login-section ul li a.facebook { padding: 0; }

.login-section ul li a.mail { padding: 0; margin-top: 4px; }

/*=========================== Header Section Css End===============================*/



/*=========================== Navigation Section Css Start===============================*/

.menu-toggle { margin: 0; padding: 0; width: 100%; text-align: left; }

/*=========================== Navigation Section Css End===============================*/



/*=========================== Banner Section Css Start===============================*/

.banner-right-content { padding: 10px; }

.bx-wrapper .bx-caption span { font-size: 12px; }

.banner-right-content h2.title { margin: 6px 0; }

/*=========================== Banner Section Css End===============================*/



/*=========================== Main Content Section Css Start===============================*/



.main-content { padding: 0 0 100px; }

/*=========================== Culture History Section Css Start===============================*/

.content-img-block { margin-bottom: 10px; }

.content-img-block img { width: 100%; }

.content-img-block .member-info-btn a { padding: 10px 45px 10px 20px; }

.show-content .member-info-btn { margin-bottom: -40px; }

.culture-history-content p { font-size: 12px; line-height: 18px; padding: 20px 5px; }

.culture-history-content p a { display: inline-block; }

.show-content .culture-history-content::before { top: 8px; }

.content-img-block .member-info-btn a::after { top: 15px; }

/*=========================== Culture History Section Css End===============================*/



/*=========================== News Section Css Start===============================*/

.news-section { margin-top: 20px; }

.news-section .news-block-one::after { background: none; }

.news-section .news-block-two::after { background: none; }

.news-section p { max-width: 100%; }

.news-section .col-sm-4 {margin-bottom: 20px;}


/*=========================== News Section Css End===============================*/



/*=========================== Main Content Section Css End===============================*/



/*=========================== Footer Section Css Start===============================*/

.address-section::after { background: none; }

.address-section address { max-width: 100%; text-align: center; }

.contact-info ul { padding: 0; text-align: center; }

footer .copyright { text-align: center; padding: 20px 10px 0; }

/*=========================== Footer Section Css End===============================*/



}

@media screen and (min-width:1025px) and (max-width:1201px) {

nav ul li a span{ padding:0 16px;}

}

@media screen and (min-width:963px) and (max-width:990px) {

nav ul li { padding: 6px 2px 3px; }

nav ul li a { font-size: 13px; padding: 9px 6px; }

.menu li .caret::after { right: 0; }

}

@media screen and (min-width:450px) and (max-width:766px) {

header .login-section { width: 50%; }

}



/* ----------- iPhone 5 and 5S ----------- */



/* Portrait and Landscape */

@media only screen  and (min-device-width: 320px)  and (max-device-width: 568px)  and (-webkit-min-device-pixel-ratio: 2) {

.login-section .member-login { padding-top: 2px; }

}

/* ----------- iPad 3 and 4 ----------- */

/* Portrait and Landscape */

@media only screen  and (min-device-width: 768px)  and (max-device-width: 1024px)  and (-webkit-min-device-pixel-ratio: 2) {

.login-section .member-login { padding-top: 2px; }

nav ul li a span { padding-top: 13px; }

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

nav ul li { display: inline-block; }

}

/*=====Media Query Css End======*/