/*                Default Layout: 992px.
                Gutters: 24px.
                Outer margins: 48px.
                Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */




/*                Tablet Layout: 768px.
                Gutters: 24px.
                Outer margins: 28px.
                Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols 1 2 3 4 5 6 7 8
px 68 160 252 344 436 528 620 712 */

@media only screen and (min-width: 768px) and (max-width: 991px) {
   
      
    
}



/*                Mobile Layout: 320px.
                Gutters: 24px.
                Outer margins: 34px.
                Inherits styles from: Default Layout.
---------------------------------------------
cols 1 2 3
px 68 160 252 */

@media only screen and (max-width: 767px) {
       /*basic class css begins */
.lowermid{ line-height: 16px !important;}
.moboim{width:55% !important;}
.mob_tit{display:block !important;}
.desk_tit{display:none !important;}

.bookleft1 {display: block !important;
    font-size: 13px;
    padding: 10px;
    text-align: justify;color:green;}
    
    .book_top{display: none;}

.familyleft {
width: 93% !important;
}
.familyright {
width: 93% !important;
}
.fotorama__caption__wrap {display:none !important;}
.familybottom{font-size:12px !important;line-height:15px !important;}
.remarkleft .remarkdata i {
   font-size: 11px !important;

 }
.remarkright .remarkdata i{
     font-size: 11px !important;
 }
.mobo {display:block !important; font-size:12px !important;line-height:15px !important;}
.deskban{display:none;}
.mobban{display:block !important;}
.style95 {display: block !important;
line-height: 17px;
font-size: 12px;}
.opi1{font-size: 14px !important;}
.opi2{font-size: 13px !important;}
.opi3{font-size: 12px !important;
line-height: 15px !important;}

.modelmenul{}
.modelmenul h3{font-size: 14px;}
.modelmenul h2{font-size: 18px;}
.modeltop {} 
.modelhleft {width: 100%;
height: auto;} 
.modelhleft img {
    width: 100px !important;
    height: 100px !important;
}

#container .pagination ul li {
    
    padding: 1px 2px !important;
   
    font-size: 9px !important;
    
}
.mdoelhright {line-height:20px; width: 67% !important; float:right;} 
.mdoelhright .tit1{font-size: 12px !important;line-height: 15px !important;} 
.mdoelhright .tit2{font-size: 15px !important; display:none;}
.mdoelhright .tit3{font-size: 15px !important;}
.mdoelhright .tit4 {font-size: 20px !important;
    line-height: 22px !important;
    width: 100%;}
.mob_tit{}
.mob_tit span{font-size: 18px !important;}
.mdoelhright h5{font-size: 10px;} 
.modelbottom {font-size: 12px;
line-height: 20px;} 
.modelbottom font {font-size: 12px !important;
} 

.cv_font1{font-size: 15px !important;}
.cv_font2{font-size: 12px !important;}
.intro_font1{font-size: 15px !important;}
.intro_font2{font-size: 12px !important;}

.activities_head{font-size:15px !important;}
.remarkdata span{font-size:12px !important;}
.centeralign h2{font-size:16px !important;}

.bnhead1{font-size:14px !important; line-height: 14px !important;}
.bnhead2{font-size:12px !important;line-height: 14px !important;}

.pub_font1{font-size:15px !important;}
.pub_font2{font-size:13px !important;}

.secondtitle {font-size: 15px !important;
line-height: 15px !important;}

.title {font-size:14px !important;}
.mid u {font-size:15px !important;}

.contactimg h2{font-size:14px !important; }

.contactaddress{font-size:12px !important;}
.contactaddress font {font-size:12px !important;}

.centeralign font {font-size:15px !important;}
.details {
font-size: 12px;
line-height: 17px;
margin-top:-25px;
}

.details font{
font-size: 14px !important;
line-height: 17px;
}

.deskban{display:none;}
.mobban{display:block !important;}

.introdata h3{font-size:12px !important;}

.introdata font{    font-size: 16px !important;
    line-height: 18px !important;}
.introdata p img {
width: 100%;
height: 100px;
}
.form-style-1 label {font-size:12px !important;}

.main{width:100% !important;}

.header{width:100% !important; overflow:hidden;}
.header img{width:100% !important; margin-bottom: 3px !important;}
.menu{display:none;}
.menuarea {
}
.version{}
.version a{font-size:12px !important; }
.mid{width:100% !important;}
.checkmid{width:92% !important;}
.leftmid{width:100% !important; margin-top:10px;}
.slider{display:none;}

#banner-fade,
#banner-slide{
	margin-top: 247px !important;
display: block !important;
height: 95px !important;
       
}

ul.bjqs-controls.v-centered li a{
font-size: 12px;
padding: 0px !important;
width: 27px;
}
.leftdata{width: 94% !important;
font-size: 13px !important;
line-height: 17px;
}
.rightmid{width: 96% !important; height:auto;}
.rightmidarea{}
.rightmid a{}
.rightmid a:hover{}
.banner{width: 100% !important;}
.banner img{width:150px; height:50px;}
.bannerbook{width: 100% !important;}
.bannerbook img{ width:100px; height:150px;}
.buttonlink{font-size: 12px;}

.intro{}
.introleft{width: 100% !important;}
.introright{width:48% !important;}
.introdata{width: 95% !important;
padding: 5px;
font-size: 12px;
line-height:17px;
}
.introdata img {width: 100%; height:15px;}
.introimage{width: 100%;}
.introimage img{float: left;}
.introbody{width: 100% !important;
margin-top: 0px;
line-height:17px;
}
.introbody h1{font-size:14px !important;}
.introbody h2{font-size:13px !important;}
.introright{}
.introright img{
}

.one_column{width: 90% !important; font-size:12px !important;height: 120px !important;margin-left: 3%;}
.new_column {width: 90% !important; font-size:12px !important;height: 120px !important;margin-left: 3%;}
.remarkleft{width:100% !important; border-bottom:none;}
.remarkright{width:100% !important;border-bottom:none;}
.remarkright .remarkimage{width:100% !important;}
.remarkleft .remarkimage{width:100% !important;}
.remarkright .remarkimage img{width: 100px; height: auto;}
.remarkleft .remarkimage img{width: 100px; height: auto;}
.remarkleft .remarkdata {width:100% !important;}
.remarkright .remarkdata {width:100% !important;}
#vlightbox1{width:100% !important;}
#vlightbox1 .vlightbox1 {width:96% !important;}
#vlightbox1 .vlightbox1 img {width:96% !important;}

.publications{
width: 95% !important;
height: auto !important;
}
.publication_image{width: 35%;}
.publication_image img{height: auto;
width: 75px;}
.publication_data{width: 60%;}

.books{width: 100%;}
.bookleft{width: 100%;}
.bookright{display:none; width: 90%;font-size:12px !important;}

.familytop{width: 95% !important;
padding: 10px;
font-size: 12px;
line-height: 15px;}
.familybottom{}
.familyimage{width:96%;height:207px;}
.familyimage img{width:100%;height:207px;}

.contact{}
.contactleft{width: 93% !important; height: auto;}
.contactaddress{width:96% !important; height:auto;}
.contactright{width: 100% !important;}

.modelmenu{    width: auto;
    margin-left: 0px;}
.modelmenul{width: 100% !important;}
.modelmenur {width: 100% !important;}
.modelmenur h1{font-size: 15px !important;
line-height: 17px !important;}
.modelmenur h2{font-size: 13px !important;line-height: 17px !important;}
.modelmenur h3{font-size: 12px !important;line-height: 17px !important;}

.modeltop{width: 100%; }
.modelhleft{
width: 100%;
}
.modelhleft img{}
.mdoelhright{ width: 67% !important; float:right;}
.mdoelhright h1{}
.mdoelhright h2{}
.modelbottom {width: 94%;
padding: 7px;}
.data table{width: 100% !important;margin-left: 1px;}

.list_arrow{}

#page-wrap {display:none !important;}
#cv{display:block !important;}

dd{}
dt{}

.list_star{
}

.footer{
}
.footerarea{ }

.more_link {font-size:12px;}
 .gap{height:7px;}
.modelhleft {
    width: 30% !important;
    float: left;
}
}



/*                Wide Mobile Layout: 480px.
                Gutters: 24px.
                Outer margins: 22px.
                Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols 1 2 3 4 5
px 68 160 252 344 436 */

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

     /*basic class css begins */
.lowermid{line-height: 16px !important;}
.mob_tit{display:block !important;}
.desk_tit{display:none !important;}
.moboim{width:55% !important;}

  .book_top{display: none;}

.bookleft1 {display: block !important;
    font-size: 13px;
    padding: 10px;
    text-align: justify;color:green;}

.mobo {display:block !important; font-size:12px !important;line-height:15px !important;}
.style95 {display: block !important;
line-height: 17px;
font-size: 12px;}
.opi1{font-size: 14px !important;}
.opi2{font-size: 13px !important;}
.opi3{font-size: 12px !important;
line-height: 15px !important;}
.modeltop {} 
.modelhleft {width: 100%;
height: auto;} 
.modelhleft img {
    width: 100px !important;
    height: 100px !important;
}

#container .pagination ul li {
    
    padding: 1px 2px !important;
   
    font-size: 9px !important;
    
}
.mdoelhright {line-height:20px;} 
.mdoelhright .tit1{font-size: 12px !important;} 
.mdoelhright .tit2{font-size: 15px !important; display:none;}
.mdoelhright .tit3{font-size: 15px !important;}
.mdoelhright .tit4 {font-size: 20px !important;
    line-height: 22px !important;
    width: 100%;}
.mdoelhright h5{font-size: 10px;} 
.modelbottom {font-size: 12px;
line-height: 20px;} 
.modelbottom font {font-size: 12px !important;
} 

.cv_font1{font-size: 15px !important;}
.cv_font2{font-size: 12px !important;}
.intro_font1{font-size: 15px !important;}
.intro_font2{font-size: 12px !important;}

.activities_head{font-size:15px !important;}
.remarkdata span{font-size:12px !important;}
.centeralign h2{font-size:16px !important;}

.bnhead1{font-size:14px !important; line-height: 14px !important;}
.bnhead2{font-size:12px !important;line-height: 14px !important;}

.pub_font1{font-size:15px !important;}
.pub_font2{font-size:13px !important;}

.secondtitle {font-size: 15px !important;
line-height: 15px !important;}

.title {font-size:14px !important;}
.mid u {font-size:15px !important;}

.contactimg h2{font-size:14px !important; }

.contactaddress{font-size:12px !important;}
.contactaddress font {font-size:12px !important;}

.centeralign font {font-size:15px !important;}
.details {
font-size: 12px;
line-height: 17px;
margin-top:-25px;
}

.details font{
font-size: 14px !important;
line-height: 17px;
}

.deskban{display:none;}
.mobban{display:block !important;}

.introdata h3{font-size:12px !important;}

.introdata font{    font-size: 19px !important;
    line-height: 12px !important;}
.introdata p img {
width: 100%;
height: 100px;
}
.form-style-1 label {font-size:12px !important;}


.main{width:100% !important;}

.header{width:100% !important; overflow:hidden;}
.header img{width:100% !important; margin-bottom: 3px !important;}
.menu{display:none;}
.menuarea {
}
.version{}
.version a{font-size:12px !important; }
.mid{width:100% !important;}

.leftmid{width:100% !important;}
.slider{display:none;}

#banner-fade,
#banner-slide{
	margin-top: 247px !important;
display: block !important;
height: 95px !important;
       
}

ul.bjqs-controls.v-centered li a{
font-size: 12px;
padding: 0px !important;
width: 27px;
}
.leftdata{width: 94% !important;
font-size: 13px !important;
line-height: 17px;
}
.rightmid{width: 96% !important; height:auto;}
.rightmidarea{}
.rightmid a{}
.rightmid a:hover{}
.banner{width: 100% !important;}
.banner img{width:200px; height:100px;}
.bannerbook{width: 100% !important;}
.bannerbook img{ width:200px; height:250px;}
.buttonlink{}

.intro{}
.introleft{width:48% !important;}
.introright{width:48% !important;}
.introdata{width: 95% !important;
padding: 5px;
font-size: 12px;
line-height:17px;
}
.introdata img {width: 100%; height:15px;}
.introimage{width: 100%;}
.introimage img{margin-left: 30%;}
.introbody{width: 98%;
margin-top: 0px;
line-height:17px;
}
.introbody h1{font-size:14px !important;}
.introbody h2{font-size:13px !important;}
.introright{}
.introright img{
}

.one_column{width: 44% !important; font-size:12px !important;height: 120px !important;margin-left: 3%;}
.new_column {width: 44% !important; font-size:12px !important;height: 120px !important;margin-left: 3%;}
.remarkleft{width:100% !important; border-bottom:none;}
.remarkright{width:100% !important;border-bottom:none;}
.remarkright .remarkimage{width:100% !important;}
.remarkleft .remarkimage{width:100% !important;}
.remarkright .remarkimage img{width: 100px;height:auto;}
.remarkleft .remarkimage img{width: 100px;height: auto;}
.remarkleft .remarkdata {width:100% !important;}
.remarkright .remarkdata {width:100% !important;}
#vlightbox1{width:100% !important;}
#vlightbox1 .vlightbox1 {width:96% !important; opacity:1 !important;}
#vlightbox1 .vlightbox1 img {width:96% !important;}

.publications{
width: 95% !important;
height: auto !important;
}
.publication_image{width: 35%;}
.publication_image img{height: auto;
width: 75px;}
.publication_data{width: 60%;}

.books{width: 100%;}
.bookleft{width: 100%;}
.bookright{display:none;width: 90%;font-size:12px !important;}

.familytop{width: 95% !important;
padding: 10px;
font-size: 12px;
line-height: 15px;}
.familybottom{}
.familyimage{width:96%;height:310px;}
.familyimage img{width:100%;height:310px;}

.contact{}
.contactleft{width: 93% !important; height: auto;}
.contactaddress{width:96% !important; height:auto;}
.contactright{width: 100% !important;}

.modelmenu{width: 85%;
margin-left: 5px;}
.modelmenul{width: 100% !important;}
.modelmenur {width: 100% !important;}
.modelmenur h1{font-size: 15px !important;
line-height: 17px !important;}
.modelmenur h2{font-size: 13px !important;line-height: 17px !important;}
.modelmenur h3{font-size: 12px !important;line-height: 17px !important;}

.modeltop{width: 100%; }
.modelhleft{
width: 100%;
}
.modelhleft img{}
.mdoelhright{ width: 67% !important; float:right;}
.mdoelhright h1{}
.mdoelhright h2{}
.modelbottom {width: 94%;
padding: 7px;}
.data table{width: 100% !important;margin-left: 1px;}

.list_arrow{}

#page-wrap {display:none !important;}
#cv{display:block !important;}

dd{}
dt{}

.list_star{
}

.footer{
}
.footerarea{ }
.more_link {font-size:12px;}
.gap{height:7px;}
.modelhleft {
    width: 30% !important;
    float: left;
}

}




/*        Retina media query.
        Overrides styles for devices with a
        device-pixel-ratio of 2+, such as iPhone 4.
----------------------------------------------- */

@media screen and (max-width: 480px) {
.more_link {font-size:12px !important;}

}
.bookleft1 {display: block !important;
    font-size: 13px;
    padding: 10px;
    text-align: justify;color:green;}

 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */

}

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

}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */

}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */

}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}