/*---------------desktop device--------------*/


@media (min-width: 1367px) and (max-width: 1440px) {
	
.online-box { margin: 43px 30px;}	
}


@media (min-width: 1300px) and (max-width: 1366px) {
	
.list-box ul li { padding: 18px 10px;}
.online-box { margin: 43px 30px;}
}


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

.verify-person { min-height: 148px;}
}


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

.logo:after { border-top: solid 20px #d7b383; border-left: solid 67px transparent; border-right: solid 67px transparent;}
.navbar-default .navbar-nav > li > a { letter-spacing: 0.5px; padding: 0px 7px;}
.verify-person { min-height: 147px;}
.list-box h3 { font-size: 24px; letter-spacing: 0.6px;}
.list-box ul li { padding: 18px 21px;}
.online-box { margin: 32px 0px;}
.latest-box {padding: 60px 25px;}
}


@media (min-width: 600px) and (max-width: 768px) {

.book-shelf { display: none;}
.no-bottom { padding-bottom: 0px;}
.list-box { margin-bottom: 40px;}
.lower-list-box {margin: 0px;}
.lower-list-box h3 { text-align: left;}
.logo { padding: 10px 6px 3px;}
.logo:after { border-top: solid 15px #d7b383; border-left: solid 47px transparent; border-right: solid 47px transparent;}
.about-area { margin-top: 1%;}
.navbar-default .navbar-nav > li > a { padding: 5px 7px; letter-spacing: 0.3px;}
.navbar-default .navbar-right { margin-top: 0px;}
.navbar-default .navbar-collapse { padding-left: 0px;}
.online-box {margin: 30px 0px;}
.latest-box { padding: 41px 15px;}
.latest-box h3 { font-size: 28px; margin-bottom: 15px;}
.book-area h1 { margin-bottom: 20px;}
.jit-page, .verify-page, .press-page, .contact-page, .bio-page { padding: 50px 0px; margin-top: 30px;}
.verify-box { margin: 0px;}
.verify-person { min-height: 180px; padding: 12px 5px 12px 0px;}
.verify-person ul li img { margin-right: 3px; width: 13px; vertical-align: top;}
.press-box { margin: 0px;}
.press-box img { margin: 15px auto 0px;}
.bio-box { margin: 0px;}
.bio-box iframe { width: 100%; height: 465px;}

}	
	

/*------------- small device  ----------------*/

@media(max-width:480px) {
	
.logo{ padding: 8px 7px 1px; position: absolute; z-index: 9;}
.logo:after { border-top: solid 13px #d7b383; border-left: solid 53px transparent; border-right: solid 53px transparent;}
.navbar-toggle { margin: 4px 0px 0px; background-color: #d7b383; border-color: #ddbf92 !important;}
.navbar-default .navbar-toggle .icon-bar { background-color: #714c1a;}
.navbar-default { margin: 12px 0px;}
.main-menu .navbar-default { margin: 12% 0px 0px;}
.navbar-default .navbar-nav > li > a { padding: 8px 10px;}
.navbar-collapse { margin-top: 0px; box-shadow: none; border: 0px;}
.navbar-default .navbar-right { margin-top: 20px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #d7b383;}
.about-area { margin-top: 8%; padding-bottom: 25px;}
.about-text h3 { text-align: center; margin-top: 0px; margin-bottom: 10px;}
.latest { min-height: auto; overflow: hidden; padding-bottom: 10px;}
.latest .container-fluid { padding: 0px;}
.latest-box { padding: 35px 15px; border-right: 0px; border-bottom: 3px solid #e8d9bf; min-height: auto;}
.latest-box h3 { text-align: center; margin-bottom: 10px;}
.online-box { margin: 25px 15px; min-height: auto;}
.form-area { padding: 35px 0px;}
.book-area { padding: 35px 0px;}
.book-shelf { display: none;}
.book-area h1 { margin-bottom: 20px;}
.no-bottom { padding-bottom: 0px;}
.footer-area { padding: 25px 15px 15px;}
.list-box h3 { margin-bottom: 15px; text-align: center;}
.list-box ul { margin-bottom: 35px;}
.list-box ul li { padding: 15px 18px;}
.lower-list-box { margin-top: 0px;}
.lower-list-box ul { margin-bottom: 12px;}
.head-breadcum { width: auto; display: block; margin: 6% 15px 0; padding: 12px 0px;}
.head-breadcum h2 { text-align: center;}
.head-breadcum:before, .head-breadcum:after { bottom: 16px; width: 30%;}
.jit-page, .verify-page, .press-page, .contact-page, .bio-page { padding: 35px 0px; margin-top: 25px;}
.jit-table { padding: 20px;}
.verify-box { margin: 0px; padding: 20px 10px 10px;}
.verify-box h3 { font-size: 32px; margin: 0px 0px 10px;}
.verify-page2 { padding: 0px 0px 35px; margin: 0px;}
.verify-person { padding: 25px 0px 25px 0px; border-right: 0px; border-bottom: 1px solid #e8e2d7; min-height: auto; margin-top: 0px;}
.last-border { border: 0px !important;}
.press-box { padding: 20px 5px; margin: 0px;}
.contact-box { padding: 20px 5px;}
.divider { margin: 25px 0px 25px;}
.contact-box ul{ margin-bottom: 20px;}
.bio-box { padding: 20px 5px; margin: 0px;}
.bio-box iframe { width: 100%; height: 229px;}
.mobile-center{margin: 0px auto;}
.book-modal .modal-body ul li:nth-child(1) { text-align: center; margin-bottom: 0px;}
.book-modal .modal-body ul li:nth-child(2) { text-align: center; margin-bottom: 20px;}
.book-modal .modal-body a img { margin: 5px 6px 0px 0px;}
}