/*  1350px  */
@media all and (max-width: 1479px) {
	
.homepage-top-area  {background-image:none;}	

.gray-area {    padding: 80px 0px 25px;}

}











/*  1240px  */
@media all and (max-width: 1339px) {

.grid-1280 {    width: 1180px;}

#cssmenu > ul > li > a {    padding: 10px 9px;}

.name1 {margin-right: 0px;}

.introduction {width: 57%;}

.books-slider {    width: 800px;}

.h2-vline {width: 300px;}

.video-big {width: 62%;}

.video-big iframe {    width: 100%;     height: 450px;}

.video-area {    padding: 30px 0px;}

.blog-box p {    height: 100px;}

.video-box  {height: 320px!important;}

.photo2 {    margin-right: 130px;}



}





/*  980px  */
@media all and (max-width: 1239px) {

.grid-1280 {    width: 920px;}

.photo1 {   width: 40%;}

.name1 {    margin-top: 200px;    width: 60%;}

.button {display: none;}

header.darker .logo, .logo {    margin: 10px 30px;}


.homepage-body {    background-position: 0px -110px;}

header.darker .social-media-top,  .social-media-top {    margin-top: 17px; margin-right: 60px; margin-bottom: 14px;}

.books-slider {    width: 600px;}

#mixedSlider .MS-content .item {    width: 33%;}

.cream-bg {    background-position: -350px top;    margin-top: -305px;}

.photo2 {    width: 50%;}

.video-big {width: 52%;}

.video-big iframe {    width: 100%;     height: 270px;}

.footer-navigation a {margin: 0px 2px;}

.responsive-menu-icon {display: block;}

.top-navigation {display: none; float: none; top:66px; margin: 0px; left: 0px; position: fixed; width: 100%; background-color: #333;}

#head-mobile {display: none!important;}

#cssmenu ul {display: block;}

#cssmenu ul ul li a {background-color: #222;}

#cssmenu ul ul li a:hover {background-color: #666;}

#cssmenu > ul > li:hover {background-color: #666;}

h2 {font-size: 32px;}

header.darker .top-navigation {    margin: 0px 0px;}

.events p {    width: 100%;    margin-bottom: 20px;}

.pattern-area { padding-top: 100px;}

.gray-area {    padding: 40px 0px 25px;}

.header-gap {    height: 66px;}

header.darker .logo, .logo {    padding-top: 5px;}

.blog-box {margin-bottom: 30px;}

.video-box  {height: 250px!important;}

.showcase {    width: 48%;}

.contact-left {    padding: 0px 0px;}

.photo1 {    margin-top: 3%;}

.introduction {    padding-top: 230px;}

header.darker .logo, .logo {    margin: 15px 15px;    height: 36px;}

.logo img {width: 200px;}

.photo2 {    margin-right: 70px;}

.pattern-area {    padding-top: 130px;    padding-bottom: 50px;    height: auto;}

.introduction {    padding-top: 350px;  }

.home, .page-template-contact-tmp {  background-size: auto 500px;}

.introduction {    padding-top: 180px;  padding-left:30px; }

}










/*  768px  */
@media all and (max-width: 979px) {

.grid-1280 {    width: 720px;}

.homepage-body {    background-position: 0px -210px;}

.name1 {    margin-top: 120px;    width: 60%; margin-left: -30px;}

h2 {font-size: 30px;}

.h2-vline {    width: 100px;}

.pattern-area {margin-top: -180px;}

.video-big {width: 50%;}

.video-big iframe {    width: 100%;     height: 200px;}

.video-news-content {    float: right;    width: 46%;}

.events p {    margin-bottom: 30px;}

footer {    padding: 20px 0px;}

.books-slider {    width: 450px;}

.cream-bg {    background-position: -400px top;    margin-top: -411px;}

#mixedSlider .MS-content .item {width: 50%}

.events p {    width: 100%;}

h2 {margin-bottom: 10px;}

.gray-area {    padding: 30px 0px 25px;}

.inside-content-area {    padding: 30px 0px;}

.blog-box p {    height: 150px;}

.blog-box h3 {line-height: 30px;}

.blog-box h3 {    line-height: 30px;  height: 50px;}

.blog-box {margin-bottom: 30px;}

.video-box  {height: 200px!important;}

.contact-right {    padding: 50px 0px;}

.textbox2 {height: 90px!important;}

.photo2 {    margin-right: 30px;}

.pattern-area {margin-top: 0px; padding-top: 50px; }

.blog-box {height:540px;}

.home, .page-template-contact-tmp {  background-size: auto 400px;}

}











/*  640px  */
@media all and (max-width: 767px) {

.grid-1280 {    width: 600px;}

.homepage-body {    background-position: 0px -280px;}

.introduction {    padding-top: 130px;}

.introduction {    padding-top: 50px; width: 100%;} 

.books-content {    width: 100%;    float: none;}

.books-slider {    width: 100%;    float: none;    margin-top: 0;}

.cream-bg {display: none;}

.pattern-area {    margin-top: 0; padding: 0px; }

.books {    padding: 60px 0px;    margin-top: 0px;    position: unset;    display: table !important;    height: 800px;}

.books-slider {background-color: beige; margin-top: 30px; padding: 50px 0px;}

.photo2 {margin-top: 30px;}

#mixedSlider .MS-content .item {width: 33%;}


#mixedSlider .MS-controls .MS-right {right: 0px;}

#mixedSlider .MS-controls .MS-left {left: 0px;}

.pattern-area {height: auto; padding-bottom: 50px;}

.video-big {width: 100%;}

.video-big iframe {height: 300px;}

.video-news-content {width: 100%;}

#basicSlider .MS-content .item {width: 50%;}

.photo1 {    margin-left: 10px;}

.video-box  {height: 340px!important; width: 100%; margin: 10px 0px;}

.contact-left  {width: 100%;}

.contact-right {    padding: 10px 0px 20px 0px; width: 100%; margin-top: 70px;}

.textbox1 , .textbox2 {background-color: #f1f1f1;}

.photo2 {    width: 100%;    margin: 30px 0 0px 0;}

.professional h2, .professional p {width: 100%;}

.professional h2 {    margin-top: 40px;}

.pattern-area {padding-top: 30px;}

.introduction {    padding-left: 10px;  }

}








/*  480px  */
@media all and (max-width: 639px) {

.grid-1280 {    width: 440px;}

.video-big iframe {    height: 245px;}

.photo2 {    width: 100%; float: none;} 

.professional p, .professional h2 {width: 100%;}

.h2-vline {display: none;}

.books {height: 765px;}

.professional h2 {    margin-top: 20px;}

.about-left {    width: 100%;    float: none;}

.about-right {    width: 100%;    float: none;}

.blog-box {width: 100%;}

.blog-box p {height: auto;}

.blog-box h3 {height: auto;}

h2 {    font-size: 24px;}

.center-heading::after {    margin: 15px auto;}

.history div { padding-left:20px;}

.history div strong::before {margin-left: -26px;}

.video-box  {height: 250px!important; width: 100%; margin: 10px 0px;}

.homepage-body {    background-position: 0px -380px;}

.name1 {    margin-top: 100px;}

.introduction {    padding-top: 30px;}

.contact-left span {    display: block;    margin: 20px 0px;}

.copyright {line-height: 22px; letter-spacing: 1px; }

.blog-box {height:auto;}

.home, .page-template-contact-tmp {    background-size: auto 280px;  }

}






/*  360px  */
@media all and (max-width: 479px) {

.grid-1280 {    width: 320px;}

.video-big iframe {    height: 245px;}

.photo2 {    width: 100%; float: none;} 

.professional p, .professional h2 {width: 100%;}

.h2-vline {display: none;}

.books {height: 765px;}

.professional h2 {    margin-top: 20px;}

.name1 {    margin-top: 110px;    width: 70%;    margin-left: -50px; display: none;}

.photo1 {    width: 94%;}

header.darker .logo img, .logo img {    width: 150px;}

header.darker .logo, .logo {    margin: 14px 15px;}

.introduction {    padding-top: 20px;    width: 100%;}

#mixedSlider .MS-controls button {top:60px;}

.books-slider {    padding: 30px 0px;}

.books {    height: 800px;}

.video-big iframe {    height: 180px;}

.mobile-name {display: block; width: 100%; position: absolute; margin-top: -80px; left: 0px; top:500px;}

.mobile-name img {width: 70%;  margin: auto; display: block; }

.video-box  {height: 180px!important; width: 100%; margin: 10px 0px;}

.showcase {   width: 100%;    margin: 1% 0px;}

.contact-left a img {    float: left;    margin-right: 10px;}

.photo2 {padding-top: 30px;}

.pattern-area {    padding-top: 0px;}

}








/*  320px  */
@media all and (max-width: 359px) {

.grid-1280 {    width: 290px;}

.social-media-top a {margin-left: 5px;}

header.darker .social-media-top, .social-media-top {margin-right: 56px;}

.mobile-name {top:470px;}

h2 {font-size: 24px;}

.video-big iframe {    height: 150px;}

.video-box  {height: 160px!important; width: 100%; margin: 10px 0px;}

}