@media only screen and (min-width:1200px) {
	.container {width: 1200px;}

}



@media only screen and (min-width: 768px) and (max-width: 2000px) {
	
	.menu-outer ul li a{font-size: 14px;padding: 5px 10px 0;}
	.menu-outer ul li{padding: 10px 4px;}
	
	
	
.circle-mid-outer{    margin: 0em auto 0;
    width: 17em;
    height: 17em;
    top: 88px;}
.circle-mid{    width: 13em;
    height: 13em;
    margin-top: 23px;    margin-left: 0px;}

.circle-mid-outer ul *{    width: 4em;}
.circle-mid-outer ul > :nth-of-type(1) {    transform: rotate(0deg) translate(9em) rotate(0deg);
    top: 0;
    left: 0;}
.circle-mid-outer ul > :nth-of-type(2) {       transform: rotate(45deg) translate(10em) rotate(-45deg);
    top: -43px;
    left: 137px;
}
.circle-mid-outer ul > :nth-of-type(3) {     transform: rotate(90deg) translate(9.6em) rotate(-90deg);
    top: 48px;
    left: 239px;}
.circle-mid-outer ul > :nth-of-type(4) {    transform: rotate(135deg) translate(9em) rotate(-135deg);
    top: 164px;
    left: 218px;}
.circle-mid-outer ul > :nth-of-type(5) {    transform: rotate(180deg) translate(8.6em) rotate(-180deg);
    top: 182px;
    left: 133px;}
.circle-mid-outer ul > :nth-of-type(6) {    transform: rotate(225deg) translate(8.6em) rotate(-225deg);
    top: 141px;
    left: 100px;
}
.circle-mid-outer ul > :nth-of-type(7) {transform: rotate(270deg) translate(8.6em) rotate(-270deg);}
.circle-mid-outer ul > :nth-of-type(8) {transform: rotate(315deg) translate(9.3em) rotate(-315deg);}

.circle-mid-outer li a.menu1 {    left: 163%;
    top: 79px;}
.circle-mid-outer li a.menu2 {      left: 95%;
    top: 30px;
    width: 161px;}
.circle-mid-outer li a.menu3 {       top: 69%;
    left: 155%;}
.circle-mid-outer li a.menu4 {   top: 170%;
    left: 43px;}
.circle-mid-outer li a.menu5 {top: 80px;
    left: -18px;}
.circle-mid-outer li a.menu6 {top: 84%;
    left: -8px;}
.circle-mid-outer li a.menu7 {    top: 30px;
    left: 9px;
    width: 155px;}
.circle-mid-outer li a.menu8 {       top: 46px;
    left: 7%;
}

.circle-mid-outer ul > li.active { transform: translate(0em); margin-top: -3em;    margin-top: -3em;
    margin-left: -36px;}

.circle-mid-outer ul >  li.active a {    left: 18% !important;
    top: 124px !important;}
.inner-menu span.submenu1 {    top: -26px;
    left: 57px;}
.inner-menu span.submenu2 {top: 2px;
    left: 144px;}
.inner-menu span.submenu3 {    top: 136px;
    left: 57px;}
.inner-menu span.submenu4 {    top: -11px;
    left: 10px;}
	
	.inner-menu span.submenu5 {    top: -11px;
    left: 10px;}

.tab-circle .tabcontent {
padding: 9px 50px 9px 191px;}
.single-item h4{  height: 65px;  font-size: 14px;}
.single-item p{    font-size: 13px;}

}

/*-- home page menu---*/
@media only screen and (min-width: 768px) and (max-width:1024px) {	
	.circle-mid-outer li a.menu8 { top: 54px; left: 133%;}
	.circle-mid-outer{    right: 13%;}
	.circle-mid-outer li a.menu2 {left: 135%;top: 61px;}
	.circle-mid-outer li a.menu3 { top: 139%;}
	.circle-mid-outer li a.menu7 {top: -1px;}
	.circle-mid-outer li a.menu4 {top: 85%; left: -25px;}
	.circle-mid-outer li a.menu5 {top: 55px;left: -26px;}
	.circle-mid-outer li a.menu6{    left: -31px;}
	.circle-mid-outer li a.menu1 {left: 131%;top: 55px;}
	.circle-mid-outer ul >  li.active a{top: 102px !important;}
	
	.inner-menu span{    width: 3em;    height: 3em;}
	.inner-menu span.submenu1 {left: -22%;}
	.inner-menu span a{font-size: 14px;line-height: 17px;}
	.inner-menu span.submenu2 {top: -21%;}	
	.inner-menu span.submenu3 { top: 38%;left: 108%;}
	.inner-menu span.submenu4 {top: 114%;left: 40%;}
	.list-item ul li{    width: 49%;    margin-bottom: 26px;}
.list-item ul li:nth-of-type(2n+1){margin-left:0;}
	

}



@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.container {width: 980px;}
	
	.menu-outer ul li a {font-size: 14px;}
	.single-box h6{    height: 57px;}
	.single-box{    min-height: 652px;}
	.circle-mid-outer{    top: 12% !important;}
	.circle-mid-outer li a.menu7 {    top: -1px;}
	.menu-outer{    width: 69%;}
	
	
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.banner.news{height:auto;}
	.banner-section{    padding-bottom: 57%;}
	.circle-mid-outer { margin: 3em auto 0; width: 20em;height: 20em;top:8%;}
	.circle-mid {width: 13em; height: 13em; margin-top: 43px;}

.circle-mid-outer li a{    font-size: 15px;
    line-height: 17px;    top: 7px;}

.circle-mid-outer ul *{    margin: -2em;}
.circle-mid-outer ul li{    width: 5em; height: 5em;}
.circle-mid-outer ul > :nth-of-type(1) {transform: rotate(0deg) translate(10em) rotate(0deg);}
.circle-mid-outer ul > :nth-of-type(2) {transform: rotate(45deg) translate(10em) rotate(-45deg);}
.circle-mid-outer ul > :nth-of-type(3) {transform: rotate(90deg) translate(10em) rotate(-90deg);}
.circle-mid-outer ul > :nth-of-type(4) {transform: rotate(135deg) translate(10em) rotate(-135deg);}
.circle-mid-outer ul > :nth-of-type(5) {transform: rotate(180deg) translate(10em) rotate(-180deg);}
.circle-mid-outer ul > :nth-of-type(6) {transform: rotate(225deg) translate(10em) rotate(-225deg);}
.circle-mid-outer ul > :nth-of-type(7) {transform: rotate(270deg) translate(10em) rotate(-270deg);}
.circle-mid-outer ul > :nth-of-type(8) {transform: rotate(315deg) translate(10em) rotate(-315deg);}



.phylosophy-sec-inner {  position: inherit; top: inherit; width: 100%;left: inherit;padding: 30px 24px;}
.phylosophy{    padding: 40px 0 0;}
ul.tabs li{    padding: 20px 4px;}

.inner-menu-outer > img{    margin-top: -89px;
    width: 100% !important;}





}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .menu-outer ul li a{    font-size: 14px;padding: 15px 8px;}
.logo-outer{width:100%;text-align: center;}
.logo-outer a img {width: 128px;}
.menu-outer {float: right;width: 100%;}
.img-desc {  float: left; width: 100%;padding-left: 0px; padding-top: 17px;}
.menu-outer ul{margin-top: 0;}
.single-box h6{    height: 84px;}
.single-box{    min-height: 930px;	}
.tab-circle .tabcontent{    padding: 9px 0;}
#canvas {width: 500px !important;}
.sample-docs{width: 500px !important;}
.sample-docs .page-wrapper{    width: 500px !important;}
.sample-docs .page {width: 500px !important;}
.sample-docs .page img {width: 100% !important;}



}




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

h2 {font-size: 27px;line-height: 31px;}
p{    font-size: 15px;}
/*--- header ----*/
.sticky .header {position: inherit;}
.logo-outer { width: 100%; text-align: center;}
.main-menu ul li{margin-left:0;}
.logo-outer a img {width: 186px;}
.mean-container a.meanmenu-reveal span{    background: #4a0c0f;height: 5px;}
.mean-container .mean-bar{    margin-top: 16px;}
.menu-outer{width:100%;}
.mean-container .mean-nav{    background: rgba(74, 12, 15, 0.75);}
.mean-container .mean-nav ul li:first-child a{border:none;}   
.mean-container .mean-nav ul li a{ padding: 13px 15px;margin:0;}
.mean-container .mean-nav ul li{margin:0;}
.menu-outer ul li a:hover {color: #000000;}
.testimonial_fix blockquote {width: 100%;}
.banner{padding:15px 0;}
blockquote p{    padding: 19px 7px 8px;    font-size: 21px;  line-height: 24px;}
blockquote p:before{    background-size: 19px;    left: -17px;}
blockquote p:after{background-size: 19px;bottom: -36px; right: -14px;}
.form-section{padding:30px 0;}
.mean-container a.meanmenu-reveal{ top: 8px; right: 20px !important;}
.event-box-right p{    font-size: 15px;}
.event-box-right{    width: 100%;  padding-left: 0;}

/*--- home ----*/
.banner-section{    background-image: url(../../../../20190204224740im_/http_/adishankaracharya.com/images/banner-bg-1.jpg);}
.about-us img {
    width: 100%;
    margin-top: 19px;
}

.adi-sankara-img{display:none;}

.banner-section {padding-bottom: 74%;}

.circle-mid-outer li a.menu1 {left: 56%; top: -6px;}
.circle-mid-outer li a.menu2 {left: 87%;top: 73px;}
.circle-mid-outer li a.menu8 {    top: -1px;left: 77%;}

.circle-mid-outer{    width: 20em; height: 20em;    right: 0; top: -4px;left: 0;}
.circle-mid{width: 14em; height: 14em;margin-top: 39px;}
.inner-menu-outer > img {    margin: -94px 0 auto;
    width: 100% !important;}
.list-item ul li{width:100%;margin-left: 0; margin-bottom:75px;}
.list-item ul li:first-child{margin-bottom:75px;}
.list-item-outer{padding-bottom:20px;padding-top:54px;}
.list-item{padding: 10px 0 0;}
.contemparies-outer{padding: 40px 0;}
.flex-viewport{height: 300px;  width: 100%;}
.circle-mid-outer ul *{    width: 3em; height: 3em;  margin: -1em;}
.circle-mid-outer ul li{    width: 4em; height: 4em;}
.circle-mid-outer li a { font-size: 12px;line-height: 14px; top: -4px;}
.circle-mid-outer li a.menu7{top:-7px;}
.circle-mid-outer li a.menu6 {
    top: 7%;
    left: 28px;
}

.circle-mid-outer li a.menu5 {
    top: 0px;
    left: 33px;
}
.circle-mid-outer li a.menu4{    left: -22px;}
.circle-mid-outer ul > :nth-of-type(1) {transform: rotate(0deg) translate(8em) rotate(0deg);}

.circle-mid-outer ul > :nth-of-type(2) {transform: rotate(45deg) translate(8em) rotate(-45deg);}
.circle-mid-outer ul > :nth-of-type(3) {transform: rotate(90deg) translate(8em) rotate(-90deg);}
.circle-mid-outer ul > :nth-of-type(4) {transform: rotate(135deg) translate(9em) rotate(-135deg);}
.circle-mid-outer ul > :nth-of-type(5) {transform: rotate(180deg) translate(11em) rotate(-180deg);}
.circle-mid-outer ul > :nth-of-type(6) {transform: rotate(225deg) translate(12em) rotate(-225deg);}
.circle-mid-outer ul > :nth-of-type(7) {transform: rotate(270deg) translate(11em) rotate(-270deg);}
.circle-mid-outer ul > :nth-of-type(8) {transform: rotate(315deg) translate(10em) rotate(-315deg);}

.circle-mid-outer ul > li.active {
    transform: translate(-1em);
    margin-top: -2em;
}

.inner-menu span{    width: 3em;
    height: 3em;}
	
	.inner-menu :nth-of-type(1) {
    transform: rotate(0deg) translate(5em) rotate(0deg);
}
.inner-menu span a{    font-size: 12px;
    line-height: 14px;}
	.inner-menu > :nth-of-type(2) {
    transform: rotate(90deg) translate(6em) rotate(-90deg);
}

.inner-menu > :nth-of-type(3) {
    transform: rotate(180deg) translate(8em) rotate(-180deg);
}
.inner-menu > :nth-of-type(4) {
    transform: rotate(270deg) translate(9em) rotate(-270deg);
}



/*-- about us ---*/

.about-content{padding: 40px 0;}
.img-outer{    width: 100%; text-align: center;}
.img-outer img {width: auto;}
.img-desc{width: 100%;}


/*-- donate and contact ---*/
.input-box{width:100%;}
.field{width:100%;}
.single-field label{    width: 100%;}
.btn-outer , .radio-strip{    text-align: left;}
.contact-outer h6{    padding-left: 20px;}
.contact-outer h6:after{    left: -9px;}
.contact-bottom { padding: 43px 0 0;}
.small2{    position: absolute;right: 10px;text-align: center;}
.single-field label{padding: 4px 0;    font-size: 19px;}


/*---- news----**/
.banner.news{height: auto;}
.news-updates{padding:0px 20px}
/*-- footer ----*/
.footer-outer{padding:28px 0;}
.footer-outer p{    font-size: 16px; line-height: 22px; padding: 19px 0 0;}



.phylosophy-sec-inner {
    position: inherit;
    top: 0;
    width: 100%;
    left: inherit;
    padding: 25px 19px;
}

.title-h3 {
    font-size: 26px;
line-height: 30px;padding: 4px 0px 10px;}
.phylosophy-sec-two{    padding: 17px 0;}


.phylosophy-sec-three img {
    width: 278px;
}

.title-h3 span:before{background-size: 40px;    right: -101px; top: -12px;}
.title-h3 span:after{background-size: 40px;    left: -46px	; top: -12px;}

.phylosophy{    padding: 31px 0 24px;}
.img-cont {
    padding: 6px 26px 0;
}
.phylosophy-sec-two h4 {
    font-size: 20px;    line-height: 29px;
padding-bottom: 13px;}
.phylosophy-sec-inner h2 {
    font-size: 20px;
    line-height: 26px;
margin-bottom: 11px;}

/*-------- travel --------*/

.travel-page h4{    font-size: 17px;    line-height: 22px;}
.single-box h6 {    height: 56px;    font-size: 17px; line-height: 22px;}
.icon-border:after{left:0;}
.single-box{    padding: 20px 10px;margin-bottom:20px;    min-height: auto;}
.mid-inner-left {width: 100%;}
.travel-mid-inner{height: auto;
    overflow: hidden;
    box-shadow: none;
    background: #e6d7a3;
    padding: 20px;
    text-align: center;}
.mid-inner-right{    width: 100%;  padding: 0;margin-top:15px;}

.mid-inner-left{    text-align: center;}
.mid-inner-left img{width:150px;}
.mid-inner-right:after{background:none;  }
.travel-top{    margin-bottom: 0px;}



/*------ disciples --------------*/

.table-cell {display: inherit; vertical-align: inherit;  }
.table-left{width:100%;}
.table-right{width:100%;  padding: 15px 0 0;}
.table-right h5 {margin-bottom: 8px; font-size: 18px; line-height: 24px;}
.single-table{    padding: 20px 0 25px;}
.single-table:after{left:0}


/*------ works --------------*/
.content_1 .col-sm-4 {margin-bottom: 25px;float: left;}
.content_1 h3{    font-size: 17px;    line-height: 22px;    height: auto;}
.works-outer{    padding: 29px 0 35px;}

.full-circle{margin-left: -428px;}
.tab-circle .tabcontent{    padding: 9px 0;}

.popup-gallery ul li { float: left;  width: 48%;   margin-bottom: 4%;}
.popup-gallery ul li:nth-child(2n+1) {margin-left: 0%;}
.popup-gallery ul li:nth-child(3n+1) {margin-left: 2%;}
.popup-gallery ul li:first-child{margin-left:0;}
.video-main .video-js{    height: 286px !important;}
.single-video{    width: 47%;}
.single-video:nth-child(2n+1){margin-left: 0%;}
.single-video:nth-child(3n+1) {margin-left: 3.5%;}
.single-video:first-child{margin-left:0;}
.single-video .video_title{    font-size: 18px;line-height: 21px;}







#canvas {width: 100% !important;}
.sample-docs{width: 100%  !important;}
.sample-docs .page-wrapper{   width: 100%  !important;}
.page-wrapper div{width:100% !important;}

.list-item ul li p{height: 54px;overflow: hidden;}

.single-page img {width: 50%;margin-bottom:20px;}
.single-page p {width: 100%;float:left;}


}




@media only screen and (max-width: 479px) {
.flex-viewport {
height: 186px;}
.news .owl-dots{
	top:8%;
}
.banner-section{    padding-bottom:130%	;}


}

@media only screen and  (max-width: 1199px)
{
    .book-outer {width: 100%;}
}
@media only screen and (min-width: 600px) and (max-width: 767px)
{
       .book-outer { padding-left: 35px;}
}
@media only screen and (min-width: 320px) and (max-width: 599px)
{
    .outer-bk {float: left;width: 100%;}
    .book-outer {padding-left: 0;}
}