/* Default Width: 
  .container { width: 940px; margin: 0 auto; }*/
  /* Smaller than standard 960 (devices and browsers) 
  @media only screen and (max-width: 959px) {}*/
  /* Tablet Portrait size to standard 960 (devices and browsers) 
  @media only screen and (min-width: 768px) and (max-width: 959px) {}*/
  /* All Mobile Sizes (devices and browser) 
  @media only screen and (max-width: 767px) {}*/
  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) 
  @media only screen and (min-width: 480px) and (max-width: 767px) {}*/
  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 
  @media only screen and (max-width: 479px) {} */
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina   
@media only screen and (min-width : 320px) { }
/* Extra Small Devices, Phones  
@media only screen and (min-width : 480px) { }
/* Small Devices, Tablets 
@media only screen and (min-width : 768px) { }
/* Medium Devices, Desktops  
@media only screen and (min-width : 992px) { }
/* Large Devices, Wide Screens 
@media only screen and (min-width : 1200px) { }*/

@media only screen and (min-width: 960px) and (max-width: 1079px) { 
 
#top-menu ul  {font: 18px Arial;      font-weight: bold;  }
#content-index-headline  h1{ font-size: 36px !important; margin :0  !important; }  
#slider2_container {
		width: 600px;  
		height: 500px; 
		margin: 0 2% ; 
}  
#slider { height: 300px; }
#ayurveda-menu ul { font: 18px Arial; }
}
 /* End 960px - 1079px */

 
 /*Tablets (min-width: 768px) and (max-width: 959px)  */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
body    { line-height: 16px; }
#container {   
           line-height: 40px!important;  
	       font : normal 18px Arial, Verdana,   Helvetica, Garuda, sans-serif!important;  
		   }
#content-index-headline  h1{ font-size: 36px !important; margin : 0 0 10px 0  !important; } 
.type-title-2 {  font-size: 17px; margin:  0 0 10px 0;	} 
#top-menu ul  {font: 16px Arial; font-weight: bold;}
#content-index-headline  {  
		width: 64%;
        height: auto;
        margin: 15px 0  5px 0; 
		padding:  0  1%;                
}	   	 
/* css za slider*/
#slider2_container {
		width: 600px;  
		height: 500px; 
		margin: 0 2% ; 
}  
#slider { 
		width: 100%;                   
        height: 300px;
}
.most-read-text, .jyotish-horoskop-text { 
		width: 65%;
		height: auto; 
		font-size: 16px;
        line-height: 16px;
        letter-spacing: -0.025em;
        font :  Arial, Verdana,   Helvetica, Garuda, sans-serif;
}  
.interesting-events-text{ 
		height: auto; 
		margin: 0 0 0 3%;
		padding: 0; 
		font-size: 16px;
        line-height: 16px;
        letter-spacing: -0.025em;
        font :  Arial, Verdana,   Helvetica, Garuda, sans-serif;	
}  
#box-ayurveda-top-text { 
		font-size: 20px;
        line-height: 20px;
        font :  Arial, Verdana,   Helvetica, Garuda, sans-serif;	
		margin:  10px 2% 0 1%;   
}
.content-theme-description  {
    line-height: 21px;	
}
.content-theme-title-1, .content-theme-title-2 , .content-theme-title-3 , 
.content-theme-title-4, .content-theme-title-5, .content-theme-title-6 {
        width: 94%;
} 
h3      {  font-size: 19px;   } 
h2      {  font-size: 17px;; } 
 
}
 /*End Tablets  (min-width: 768px) and (max-width: 959px)  */
 
 
 /* Media max-width: 767px */
 @media only screen and (max-width: 767px) {
body    {  line-height: 16px; }
#container {  margin :40px auto 0 auto!important;   
           line-height: 40px!important;  
	       font : normal 17px Arial, Verdana,   Helvetica, Garuda, sans-serif!important;   }
h1{margin: 20px 0 0 0 !important;} 
#top-menu ul  {font: 14px Arial;}
.top-menu-1, .top-menu-2, .top-menu-3, .top-menu-4, .top-menu-5, 
.top-menu-6, .top-menu-7{ width: auto }
#ayurveda-menu ul { 
        padding: 5px  ;
        font: 17px Arial;  }
#content-index-headline  {  
		width: 64%;
        height: auto;
        margin: 15px 0  5px 0; 
		padding:  0  1%;                
}	   	 
/* css za slider*/
#slider2_container {
		width: 600px;  
		height: 500px; 
		margin: 0 1% ; 
}  
#slider { 
		width: 100%;                   
        height: 300px;
}
#content-index-headline { width: 99%; margin:  0; } 
#content-index-headline  h1{ font-size: 27px !important; margin :0  !important; }
#content-index-headline-text {padding: 5px 0 ; }
.type-title-2 {  font-size: 17px; margin:  0 0 10px 0;	}
#content-text-left  {   
	    padding: 1.5%  ;
		margin: 40px 0 0 0 ;
} 
#ayurveda-menu ul li, #detoxification-menu ul li {  border-right: 2px solid #036d9d;  }  
#ayurveda-menu ul li a, #detoxification-menu ul li a {
        padding: 0  3px;
        line-height: 20px; }
 #logo-l-index, #content-index-right, #other-topics-menu,.pages ,
.next-page-link, .last,  #bottom-content, #content-text-right {display: none;}  
#content-index-left  { width: 99%;}
#content-text-left  { 
        width: 95%;
        padding: 1.5% ;}
#box-ayurveda-top-text { 
		font-size: 20px;
    line-height: 21px;
    font :  Arial, Verdana,   Helvetica, Garuda, sans-serif;	
		margin:  10px 2% 0 1%;   
}
.content-theme-description  {
    line-height: 21px;	
}

} 
 /*End (max-width: 767px) */
 
 
/* Extra Small Devices, Phones  (max-width: 480px) */ 
@media screen and (max-width: 520px) {  
body    {  line-height: 16px; }
#container {  margin :80px auto 0 auto!important;   
           line-height: 40px!important;  
	       font : normal 17px Arial, Verdana,   Helvetica, Garuda, sans-serif!important;  
		   }
h1{margin: 20px 0 0 0 !important;} 
 
#ayurveda-menu ul { 
        padding: 5px  ;
        font: 12px Arial;  }
#ayurveda-menu ul li, #detoxification-menu ul li {  border-right: 2px solid #036d9d;  }  
#ayurveda-menu ul li a, #detoxification-menu ul li a {
        padding: 0  3px;
        line-height: 20px; }	
#content-index-right, #other-topics-menu,.pages ,
.next-page-link, .last, #box-ayurveda-top-img, #bottom-content, #content-text-right,.box-3, .box-4, .box-5 {
        display: none;}   
#slider2_container {
		margin: 20px 5px 5px 5px; 
        height: 300px; 		
}
#slider {                     
        height: 200px;      
}
#box-ayurveda-top-text { 
		font-size: 20px;
    line-height: 21px;
    font :  Arial, Verdana,   Helvetica, Garuda, sans-serif;	
		margin:  10px 2% 0 1%;   
}
.content-theme-description  {
    line-height: 21px;	
}

#top-menu li {         
	    padding: 7px 1% ; 
	    margin-left: 2%  ;    		
}
#top-menu ul {     
        margin:  0  ;
        padding: 0 2% 0 0;
        font:50%;    
}
.top-menu-1, .top-menu-2, .top-menu-3, .top-menu-4, .top-menu-5, 
.top-menu-6, .top-menu-7{ width: auto }
 
#ayurveda-menu ul {
        margin:  0  ;
        padding: 5px 15px;
}
#ayurveda-menu ul li a, #detoxification-menu ul li a{
        padding:   5px;
        margin:  0  ;
}
#content-index-left  { width: 99%;}
#content-text-left  { 
        width: 96%;
        padding: 2% ;}
		
#content-index-headline { width: 99%; margin:  0; } 
#content-index-headline  h1{ font-size: 23px !important; margin  :0  !important; }
#content-index-headline-text {padding: 30px 0 0 0; }
.type-title-2 {  font-size: 12px;	} 
#box-ayurveda-top-text{ 
        width: 98%;
        height: auto; margin:  10px 2% 0 2%;  	}

.float-left-hc, .float-right-hc  {
        width: 98%;
}

.box-theme-ayurveda, .box-theme-detoxification, .box-new-theme , .box-most-read   { 
        clear : both;     
        width: 92%;       
		padding: 0 2%;                      		 
} 
.content-theme-description  {
        width: 96%;
		font-size: 17px;
        height: auto;
		margin: 0px;
        padding: 2%;	
}
h1 { 
  	    font-size: 20px;
		line-height: 20px; 
} 
h2      {/*podnaslov-sitmap*/
	    font-size: 17px;;
 }
 
#box-new-theme-title  h1{ font-size: 23px;}  
.new-pages a.load-more { font: 17px Arial;} 
 
 
}
/* End Extra Small Devices, Phones */