/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
 
@media screen and (max-width: 980px) {
	div#topmenu_holder.dropped {
		-webkit-box-shadow:none;
		-khtml-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		border:none;
		background:none;
		padding-bottom:15px!important;
        padding-top:15px!important;
	}
	.top_menu_poz_navbar,
	#mmenu_holder{
		width:280px!important;
	}
	.navbar-inner {
		-webkit-box-shadow:none;
		-khtml-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.navbar-inner {
		border: 1px solid #D4D4D4;
	}
	.yjsquare.yjsearch {
		float:none!important;
		margin-left:auto;
		margin-right:auto;
		max-width:175px;
	}
	.blue_yjsg2_out {
		border-top:1px solid #d8d8d8;
	}
	.linkgroup {
		width:50%;
	}
	body.style_metal #header,
	body.style_metal #topmenu_holder,
	body.style_mesh #header,
	body.style_mesh #topmenu_holder{
		background:transparent!important;
	}
    /* ***** RESPONSIVE IFRAMES ***** */
    .responsive-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; 
        height: 0; 
        overflow: hidden;
     }
    .responsive-container iframe {
        position: absolute; 
        top: 0; 
        left: 0; 
        width: 98%;
        height: 95%; 
    }
    div.homecss iframe {
        padding-left: 8px!important;
    }
    .researchcss h3, .contentcss h3, .doctorscss h3 {
        font-size: 4.7em!important;
    }
    div.researchcss, div.contentcss, div.doctorscss {
        padding-left: 40px!important;
        max-width: 80%!important;
    }
    #bodytop1 .yjsquare_in, #adv1 .yjsquare_in {
        padding-left: 40px!important;
    }
    .doctorscss h1.article_title {
        padding-left: 36px!important;
    }
    .doctorscss #rightblock p {
       padding-top: 10px!important;
    } 
    div.researchcss h4, div.contentcss h4 {
        font-size: 3.4em!important;
        padding-left: 16px!important;
    }
    div.researchcss h5, div.contentcss h5 {
        font-size: 2.4em!important;
        padding-left: 32px!important;
    }
    div.researchcss p {
        padding-left: 48px!important;
    }
    div.doctorscss p {
        padding-left: 36px!important;
    }
    div.contentcss p {
        padding-left: 20px!important;
    }
    div.homecss {
        padding-top: 20px!important;
        padding-left: 40px!important;
    }
    .contentcss h3 {
        padding-top: 20px!important;
    }
}
@media screen and (max-width: 750px) {
    h1.article_title {
		font-size: 1.9em!important;
    }
    .footer_holders.footer {
        position: relative!important;
    }
    div.screen-height {
        padding-bottom: 0px!important;
    }
    .yjsgintro h1 {
		font-size:40px;
	}
	h2.yjpresents {
		font-size:25px;
	}
	#visityjsg {
		width:250px;
		height:130px;
	}
	#visityjsg h3 {
		font-size:25px;
		line-height:30px;
	}
    .contentcss h3, .currentcss h3, .doctorscss h3, .homecss h3, .racecss h3, .researchcss h3 {
        font-size: 2.8em!important;
        padding-top: 10px!important;
    }
    div.contentcss, div.currentcss, div.doctorscss, div.homecss, div.researchcss {
        padding-left: 30px!important;
        max-width: 85%!important;
    }
    #bodytop1 .yjsquare_in, #adv1 .yjsquare_in {
        padding-left: 40px!important;
    }
    .doctorscss h1.article_title {
        padding-left: 24px!important;
    }
    .doctorscss #rightblock p {
       padding-top: 10px!important;
    } 
    div.researchcss h4, div.contentcss h4 {
        font-size: 3.0em!important;
        padding-left: 12px!important;
    }
    div.researchcss h5, div.contentcss h5 {
        font-size: 2.2em!important;
        padding-left: 24px!important;
    }
    div.researchcss p {
        padding-left: 36px!important;
    }
    div.doctorscss p {
        padding-left: 24px!important;
    }
    div.contentcss p {
        padding-left: 18px!important;
    }
    div.homecss {
        padding-top: 20px!important;
        padding-left: 30px!important;
    }
    .rl_tabs.top > ul.nav > li.studies-tabs> a {
		font-size: 1.2em!important;
	}
	.rl_sliders.accordion > .accordion-group.studies-sliders > .accordion-heading > a.accordion-toggle {
		font-size: 1.0em!important;
	}
}
@media screen and (max-width: 420px) {
    h1.article_title {
		font-size: 1.7em!important;
    }
    p {
    	font-size: .8em!important;
    }
    .contentcss h3, .currentcss h3, .doctorscss h3, .homecss h3, .racecss h3, .researchcss h3 {
        font-size: 2.2em!important;
        padding-top: 10px!important;
    }
    div.contentcss, div.currentcss, div.doctorscss, div.homecss, div.researchcss {
        padding-left: 20px!important;
        max-width: 90%!important;
    }
    #bodytop1 .yjsquare_in, #adv1 .yjsquare_in {
        padding-left: 20px!important;
    }
    .doctorscss h1.article_title {
        padding-left: 12px!important;
    }
    .doctorscss #rightblock p {
       padding-top: 10px!important;
    } 
    div.researchcss h4, div.contentcss h4 {
        font-size: 2.0em!important;
        padding-left: 8px!important;
    }
    div.researchcss h5, div.contentcss h5 {
        font-size: 1.6em!important;
        padding-left: 16px!important;
    }
    div.researchcss p {
        padding-left: 24px!important;
    }
    div.contentcss p, div.doctorscss p {
        padding-left: 12px!important;
    }
    div.homecss {
        padding-top: 20px!important;
        padding-left: 10px!important;
    }
    .rl_tabs.top > ul.nav > li.studies-tabs> a {
		font-size: .9em!important;
	}
	.rl_sliders.accordion > .accordion-group.studies-sliders > .accordion-heading > a.accordion-toggle {
		font-size: .8em!important;
	}
}