@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 999px) and (max-width: 1199px) {

}

@media only screen and (min-width: 768px) and (max-width:1023px) {
h1{font-size:32px; line-height:36px;}
h2{font-size:28px; line-height:30px;}
h3{font-size:26px; line-height:28px;}
.slider{padding-top:20px}
.slider .col-sm-8.pull-right{ float:left; width:100%; text-align:center; padding:20px 0}
.slider .col-sm-4.pull-left{ float:left; width:100%; text-align:center}
.slider img.desktop{display:none}
.slider img.mobile-view{display:inline; max-width:500px;}	
.slider .leftcol{margin:0; text-align:center}
.header{min-height:55px;}
.header .logo img{height:65px}
.nav{line-height:55px;}
.nav ul a{font-size:13px; padding:10px}
.inner-page{padding-top:40px;}
.inner-page .col-sm-8.left{width:65%; float:left}
.inner-page .col-sm-4.right{width:35%; float:left}
.footer-col{width:47%; margin-bottom:30px;}
.footerbottom{margin-top:0}
#music_toggle{right:15px;}
.scrollToTop{visibility:hidden}
}


@media only screen and (max-width: 767px) {
h1{font-size:29px; line-height:32px;}
h2{font-size:27px; line-height:30px;}
h3{font-size:25px; line-height:28px;}
.alignnone,
.aligncenter, div.aligncenter,
.alignright,
.alignleft,
a img.alignright,
a img.alignnone,
a img.alignleft,
a img.aligncenter { float:left; width:100%; margin:0 0 15px; }


.nav{ display:none}
.top-bar{ padding:5px 0;}
.top-bar .data-info img{ height:36px;}
.top-bar .col-sm-8{width:40%; float:left; padding-right:0}
.top-bar .col-sm-4{width:60%; float:left}
.top-bar .social-media{width:auto; padding:7px 0}
.top-bar .social-media a{width:22px; height:22px; line-height:22px; font-size:13px; margin:0;}
.header{min-height:70px; display:none}
.sticky-wrapper{display:none}
.mobile-header{display:block}
.mobile-header .logo{width:auto; float:left; margin-top:5px;}
.mobile-header .logo img{height:60px;}
.slider{ padding:20px 0 30px 0}
.slider .leftcol{margin-top:0; text-align:center}
.slider hr{display:none}
.slider .col-sm-8.pull-right{ float:left; width:100%; text-align:center; padding:20px 0}
.slider .col-sm-4.pull-left{ float:left; width:100%; text-align:center}
.slider img.desktop{display:none}
.slider img.mobile-view{display:inline; width:80%; max-width:380px;}

.about-sai h1{line-height:36px;}
.about-sai p{ font-size:16px; line-height:26px;}
.left-col ul li{width:50%}
.inner-page{padding:40px 0}
.inner-page img{width:100%}
.inner-page .col-sm-8.left{width:100%; float:left}
.inner-page .col-sm-4.right{width:100%; float:left}
.right-col{max-width:100%; margin:30px 0 0}
.testimonial-section .text-content{padding:30px 0 10px}
.footer-col{width:100%; float:left; margin:0 0 30px;}
.footerbottom .copyright{width:100%; text-align:center}
.socialmedia{width:100%; text-align:center}
.social-media li,
.social-media li a{width:26px;}
#music_toggle{ width:32px; height:32px;}
.scrollToTop{visibility:hidden}
}

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

}