/*============		Media 768Px Start	============ */
@media (min-width: 768px) and (max-width: 979px) {
	.container{
			width:738px;
	}
	#header .container{
			width: 738px;
	}
	#outerbanner .container{
		width: 738px;
	}
	#header{
		height:auto;
	}
	.logo img, #header .col-md-3, #header .col-md-9{
		width: 100%;
	}
	.navigation{
		padding-bottom:28px;
	}
	#banner{
		padding: 0 30px 30px;
	}
	#cs-appointment{
		padding: 20px 15px;
	}
	.services article{
		width: 31.3%;
	}
	.our-services.services-grid article{
		width: 30%;
	}
	.home .cs-blog.blog-medium figure{
		width:100%;
		margin-bottom:10px;
	}
	.home .cs-blog.blog-medium figure + .text{
		margin-left:0;
	}
	.col-md-9 .team-shortcode .cycle-slideshow article{
		width: 337px;
		margin: 0 0 30px 32px;
	}
	.subtitle{
		width:76%;
	}
	.testimonial-shortcode .flex-direction-nav{
		right:0;
	}
	.cs-topinfo{
		padding-left:10px;
	}
	.widget_newsletter form{
		width: 68%;
	}
	.widget_newsletter h2{
		margin: 5px 5px 10px 0px; 
		font-size: 13px;
		padding-right: 2px;
	}
	.widget_newsletter input[type="submit"]{
		font-size: 12px;
	}
	#footer-widgets .container{
		padding-bottom: 17px;
	}
	.footer-widgets .widget{
		width: 352px;
		margin-bottom: 20px;
		float:none;
		display:inline-block;
		vertical-align:top;
	}
	.footer-widgets .widget:first-child{
		padding-left:27px;
	}
	.widget_gallery ul li{
		width: 10%;
	}
	#footer .followus a{
		margin-bottom: 4px;
	}
	#footer{
		text-align:center;
	}
	.copy-right, .right-footer, .col-sm-4{
		width:100%;
	}
	#footer .followus, a.btn-back-top{
		float:none;
		display:inline-block;
	}
	a.btn-back-top{
		top: 24px;
		position:relative;
	}
	.team-shortcode article{
		width: 45.3%;
		 margin: 0 0 30px 4%;
	}
	.team-shortcode{
		margin-left: -4%;
		width:104%;
	}
	.navigation > ul{
		display:none;
	}
	.navigation select{
		display:block;
	}
	figure.image-shortcode{
		width:100% !important;
	}
	.team-shortcode.teamcarousel article .text{
		width:92%;
	}
	/*====Calender====*/
	.timetablesec thead, .timetablesec thead tr, .timetablesec tbody, .timetablesec tbody tr{
		width:100%;
		float:left;
	}
	.timetablesec .table thead > tr > th{
		width:13%;
		padding:0 15px;
	}
	.timetablesec .table tbody tr td{
		float:left;
		width: 11.6%;
		font-size:10px;
	}
	.timetablesec .table .event-time div.timetable-class-text:nth-child(2){
		width: 80px;
		 padding: 25px 0px;
	}
	/*====Calender====*/
	.undercunst-box{
		width:100%;
	}
	.gallerysec ul.gallery-masonry li{
		width:145px;
	}
	.cs-productbanner{
		padding-top:25px !important;
	}
	#main .col-sm-3, .pricing-box .plan-inside, .element_size_25 .pricing-box .plan-inside{
		width:100%;
	}
	.footer-widgets .widget_gallery ul li {
    	width: 21%;
	}
	.tabs.vertical .tab-content{
		padding: 30px 15px 0 45px;
	}
	#topheader, .navigation select{
		width: 98%;
    	margin-left: 7px;
	}
	.sticky-section{
		display:none !important;
	}
	.widget_gallery ul li a, .widget_gallery ul li a img{
		height: 63px;
	}
	.gallery-list{
		width: 104%;
	}
	.teamcarousel.team-shortcode article {
		margin: 0 0 30px 30px;
		width: 340px;
	}
	.navigation > ul > li > a{
		font-size:13px;
		padding:0px 10px;
	}
	.period:before{
		left: 32%;
	}
	.element_size_25 .period:before{
		left: 32%;
	}
}

/*============		Media 420Px Start	============ */
@media (max-width: 767px) {
	.container{
		width:420px;
	}
	#header .container{
			width:420px;
	}
	#outerbanner .container{
		width:420px;
	}
	#header {
		height: auto;
	}
	#cs-appointment{
		padding:30px 15px 30px 15px;
	}

	.services article{
		display: inline-block;
		float: none;
		vertical-align: top;
		width: 47.6%;
	}
	.our-services.services-grid article, #main .element_size_50, .home .cs-blog.blog-medium figure, #footer-widgets .widget, .footermenu, .right-footer, .cs-blog.blog-medium figure + .text, .cs-blog.blog-medium figure, .subtitle, #respond form.comment-form p, .col-md-8 .our-services.services-grid article.ver1, .our-services.services-medium article figure, .password_protected form, .cs-blog.blog-detail article figure figcaption.team-info, .rich_editor_text p img, .right-sec{
		width:100%;
	}
	.home .cs-blog.blog-medium figure{
		margin-bottom:10px;
	}
	.home .cs-blog.blog-medium figure + .text{
		margin-left:0;
	}
	.col-md-9 .team-shortcode .cycle-slideshow article{
		width: 431px;
	}
	a.btn-back-top{
		float:right;
	}
	.breadcrumbs{
		float:left;
		padding-top:40px;
		width:auto;
		position:inherit;
	}
	.cs-blog.blog-medium figure + .text{
		margin-left:0;
		float:left;
	}
	.cs-blog.blog-medium figure{
		margin-bottom:10px;
	}
	.breadcrumb-inner .prevnext-post{
		margin-top:25px;
		float:left;
		
	}
	.post-options-v2 li{
		padding: 0 18px 0 0;
	}
	.cs-blog.blog-detail article .blog-top .cs-likes{
		padding-top:10px;
		float:left;
	}
	.teamcarousel.team-shortcode article{
		width: 400px;
	}
	.team-shortcode article{
		margin-bottom: 20px;
		width: 100%;
	}
	#main .our-services.services-medium article .text{
		margin-left:0;
		float:left;
		padding-top:10px;
	}
	.our-services{
		margin:0 0 20px 0;
		width:100%;
	}
	.our-services.services-grid article{
		margin-left:0;
	}
	#banner{
		padding-bottom: 30px;
	}
	.cs-blog article figure figcaption.team-info{
		position:inherit;
		padding: 20px 30px;
	}
	.gallerysec .gallery-two-col li{
		width: 48%;
	}
	#main .gallery-four-col li figure figcaption i{
		font-size:14px;
	}
	.copy-right{
		width:100%;
		margin-bottom:20px;
	}
	.widget_newsletter h2{
		display: inline-block;
		float: none;
		margin-bottom: 10px;
		padding: 0;
	}
	#footer-widgets .widget{
		padding: 15px 15px 0 15px;
	}
	.widget_newsletter form, .footer-widgets .widget{
		width:100%;
	}
	.footer-widgets .widget{
		margin-bottom:20px;
		padding:0;
	}
	.logo img{
		width: 40%;
		height:90%;
	}
	.footer-widgets .widget_gallery ul li,
	.widget_gallery ul li{
		width: 18%;
	}
	#footer-widgets{
		text-align:center;
	}
	#footer-widgets .footer-logo.widget{
		width:100%;
		text-align:center;
	}
	.col-md-8 .our-services.services-grid article.no-img figure {
		height: 250px;
	}
	.breadcrumb{
		background-size:cover;
	}
	.blog-small-view.cs-blog.blog-medium figure{ width: 100%;}
	.blog-small-view.cs-blog.blog-medium figure + .text{margin:0px;}
	.element_size_25, .element_size_75{
		width:100%;
	}
	#main .element_size_50{
		margin-bottom:20px;
	}
	#main .element_size_50:last-of-type{
		margin-bottom:0;
	}
	.cs-price-plan .shortgrid, .rich_editor_text .shortgrid{
		width:100% !important;
	}
	/*====Table====*/
	.timetable.table, .timetablesec thead, .timetablesec tbody {
		float: left;
		width:400px;
	}
	.timetablesec .table thead > tr > th{
		width:380px;
		float:left;
	}
	.timetablesec thead tr, .timetablesec tbody tr{
		float:left;
	}
	.timetablesec .table tbody tr td{
		width: 49.4%;
		float:left;
	}
	/*====Table Close====*/
	.tabs.horizontal .nav-tabs li{
		width:100%;
	}
	.tabs.horizontal .nav-tabs > li > a{
		border:none;
	}
	.about-author{
		 width: 66%;
	}
	.tabs.vertical .nav-tabs{
		height:auto;
	}
	.team-shortcode.teamcarousel article .text{
		width: 90%; 
		}
	.searcharea{
		width:68%;
	}
	.language-sec{
		margin-left:10px;
	}
	.right-sec{
		padding-bottom:10px;
	}
	.undercunst-box{
		width:100%;
	}
	.content-left .team-shortcode{
		margin-left:-47px;
	}
	.content-left .team-shortcode article{
		width:100%;
	}
	.gallerysec ul.gallery-masonry li{
		width:95px;
	}
	.cs-productbanner{
		background:none !important;
		height:auto !important;
	}
	.bg-parallax > div{
		padding-bottom:40px;
	}
	.tabs.vertical .nav-tabs, .col-md-9 .tabs.vertical .tab-content{
		width:100%;
		float:left;
	}
	.tabs.vertical .nav-tabs .active a:before{
		display:none;
	}
	.tabs.vertical .tab-content{
		padding: 179px 30px 5px;
		border:1px solid #d3d3d3;
	}
	div.wpcf7 img.ajax-loader{
		width:10px;
	}
	.sticky-section{
		display:none !important;
	}
	.flexslider figcaption h2 {
	    line-height: 25px;
	    font-size: 18px;
	}
	#footer-widgets {
	    padding: 0 0 20px;
	}
	.widget_gallery ul li a, .widget_gallery ul li a img{
		height: 60px;
	}
	.timetable-wrapper .cs-sorting, .timetable-wrapper .cs-sorting ul, .timetable-wrapper .cs-sorting > a, .pricing-box .plan-inside, .element_size_25 .pricing-box .plan-inside{
		width:100%;
	}
	.navigation{
		padding:28px 25px;
	}
	.pricetable .element_size_33, .pricetable .element_size_25{
		width:50%;
	}
	.period:before{
		left: 30%;
	}
	.element_size_25 .period:before{
		left: 30%;
	}
	.cs-blog article.cls-post-video figure figcaption a{
		margin: -20px 0 0 -33px;
	}
}

/*============		Media 300Px Start	============ */
@media (max-width: 480px) {
	.container{
		width: 290px;
	}
	#header .container{
		width: 290px;
	}
	#outerbanner .container{
		width: 290px;
	}
	.flexslider figcaption {display: none; }
	.nav.navigation, .cs-topinfo, .cs-topinfo li, .services article, #comments .text{
		width:100%;
	}
	.gallerysec ul.gallery-masonry li{
		width: 65px;
	}
	.gallerysec ul li figure figcaption i{
		font-size:14px;
		margin:-5px 0 0 -8px;
	}
	.cs-topinfo li{
		float:none;
		margin:0;
	}
	#topheader{
		text-align:center;
		padding: 0 0 10px;
	}
	.searcharea{
		display: inline-block;
    	float: none;
		width:auto;
		margin-top:10px;
	}
	.cart-sec, .language-sec{
		float:none;
		display:inline-block;
	}
	.cs-cycle-controls{
		width:100%;
		float:left;
		padding:15px 0;
	}
	.testimonial-shortcode .testimonial-author span{
		width:100%;
		float:left;
		margin-left:0;
	}
	#footer-widgets .widget:first-child, #footer-widgets .widget{
		padding-left:15px;
	}
	.cs-blog article .btnreadmore{
		margin-left:0;
	}
	.cs-blog.blog-large article .blog-top{
		padding:0;
	}
	.cs-blog.blog-large article .blog-top h2{
		padding-top:55px;
	}
	.widget-recent-blog article figure + .text{
		margin-left:0;
		float:left;
		padding-top:10px;
	}
	.footer-widgets .widget-recent-blog article figure + .text{
		margin-left:0;
	}
	.widget-recent-blog article figure{
		margin: 4px 10px 5px 0;
	}
	.widget-recent-blog article .text .post-options{
		width: 100%;
	}
	.about-author{
		width:100%;
		margin-bottom: 20px;
	}
	.share-post a.share-box{
		float:left;
	}
	#comments .text{
		margin-left:0;
		float:left;
	}
	#comments .thumblist figure{
		margin-bottom:20px;
	}
	.our-services.services-grid article.ver1{
		box-shadow:none;
	}
	#banner{
		padding: 0 12px 15px;
	}
	.logo img{
		height: 80%;
		width: 60%;
	}
	.widget_gallery ul li {
		height: 100%;
		width: 21.1%;
	}
	.col-md-8 .our-services.services-grid article.no-img figure {
		height: 190px;
	}
	.pagination ul li{
		margin: 0 4px 4px 0;
	}
	#footer .followus{
		padding-right:0;
	}
	.widget_newsletter label{
		height: 38px;
		width: 70%;
		padding-right: 10px;
	}
	.widget_newsletter input[type="submit"]{
		height: 38px;
		width:30%;
	}
	.widget_newsletter input[type="text"]{
		height: 38px;
	}
	.widget_newsletter label i{
		 top: 13px;
	}
	#comments .text:before, #comments .children .thumblist .text:before{
		top: -8px;
		left: -7px;
		transform: rotate(48deg);
	}
	.cs-blog.blog-detail.team-detail article figure img, .cs-blog.blog-detail.team-detail article figure{
		width:100%;
	}
	.cs-blog.blog-large article .text .blog-bottom .post-options-v2, .pricing-box .plan-inside, .element_size_25 .pricing-box .plan-inside, .rich_editor_text > header {
    float: left;
    width: 100%;
}{
		float:left;
		width:100%;
	}
	/*====Table====*/
	.timetable.table, .timetablesec thead, .timetablesec tbody {
		float: left;
		width:290px;
	}
	.timetablesec .table thead > tr > th{
		width:270px;
		float:left;
	}
	.timetablesec thead tr, .timetablesec tbody tr{
		float:left;
	}
	.timetablesec .table tbody tr td{
		width: 49.2%;
		float:left;
	}
	/*====Table Close====*/
	.col-md-9 .team-shortcode .cycle-slideshow article{
		width: 250px;
	}
	.team-shortcode.teamcarousel article .text{width: 100%; }
	#footer .followus a{
		margin: 0 2px 6px;
	}
	.cs-blog.blog-large article .text .blog-bottom .post-options-v2{
		width:100%;
		padding-top:10px;
	}
	.footer-widgets .widget_gallery ul li {
    	height: 100%;
    	width: 21.1%;
	}
	.wpcf7 form p .wpcf7-form-control span{
		width: 27%;
	}
	.cs-sorting{
		float: left;
		margin: 25px 0px 0px 0px;
	}
	.teamcarousel.team-shortcode article {
		width: 255px;
	}
	.widget_gallery ul li a, .widget_gallery ul li a img{
		height: 60px;
	}
	.cs-sorting,
	.cs-sorting > a{
		width: 100%;
	}
	#footer .followus a{
		width: 26px;
		height: 26px;
		line-height: 1.7;
	}
	.right-footer a.btn-back-top{
		width: 26px;
		height: 26px;
	}
	.pricetable .element_size_33, .pricetable .element_size_25{
		width:100%;
	}
	.price-table.price-style4 .period:before{
		left: 34%;
	}
	.element_size_25 .period:before{
		left: 34%;
	}
}

/*============	   Media 940Px Start	============ */
@media screen and (min-width: 900px) and (max-width: 1054px){
	.container {
    	width: 994px;
	}
	#header .container{
			width:994px;
	}
	#outerbanner .container{
		width: 994px;
	}
	.navigation ul li a{
		font-size:13px;
		padding:0 10px;
	}
	.subtitle{
		width: 81%;
	}
	.navigation > ul > li{
		margin-left: 11px;
	}
	.widget_newsletter form{
		width: 63.4%;
	}
	.team-shortcode article{
		margin: 0 0 0 28px;
	}
	.footer-widgets .widget{
		width: 241px;
	}
	.our-services.services-grid article{
		width: 21.7%;
	}
	.col-md-8 .our-services.services-grid article.no-img figure{
		height: 128px;
	}
	.about-author{
		width:75%;
	}
	.team-shortcode article{
		width: 29.3%;
		 margin: 0 0 30px 4%;
	}
	.team-shortcode{
		margin-left: -4%;
	}
	figure.image-shortcode{
		width:100% !important;
	}
	.teamcarousel.team-shortcode article{
		margin:0 0 34px 33px;
		width: 300px;
	}
	.col-md-9 .team-shortcode .cycle-slideshow article{
		width: 225px;
	}
	.undercunst-box{
		width:100%;
	}
	.team-shortcode{
		margin-left: -4%;
		width:104%;
	}
	.gallerysec ul.gallery-masonry li{
		width:240px;
	}
	.footer-widgets .widget_gallery ul li {
		height: 100%;
		width: 20.3%;
	}
	.widget_gallery ul li{
		width: 22.8%;
	}
	#cs-appointment{
		padding:92px 15px 0;
	}
	.cs_widget_opening_hours{
		padding:0;
	}
	.logo{
		width: 256px;
	}
	.sticky-section{
		display:none !important;
	}
	.team-shortcode .cs-teambottom .followus a{
		width: 37px;
		height:37px;
	}
}


@media screen and (min-width: 768px) and (max-width: 1024px){
	#header{
		text-align: center;
	}
	.logo{
		width: 293px;
		float: none;
		display: inline-block;
	}
	.container{
			width:738px;
	}
	#header .container{
			width: 738px;
	}
	#outerbanner .container{
		width: 738px;
	}
	#header{
		height:auto;
	}
	.logo img, #header .col-md-3, #header .col-md-9{
		width: 100%;
	}
	.navigation{
		padding-bottom:28px;
	}
	#banner{
		padding: 0 30px 30px;
	}
	#cs-appointment{
		padding: 20px 15px;
	}
	.services article{
		width: 31.3%;
	}
	.our-services.services-grid article{
		width: 30%;
	}
	.home .cs-blog.blog-medium figure{
		width:100%;
		margin-bottom:10px;
	}
	.home .cs-blog.blog-medium figure + .text{
		margin-left:0;
	}
	.col-md-9 .team-shortcode .cycle-slideshow article{
		width: 337px;
		margin: 0 0 30px 32px;
	}
	.subtitle{
		width:76%;
	}
	.testimonial-shortcode .flex-direction-nav{
		right:0;
	}
	.cs-topinfo{
		padding-left:10px;
	}
	.widget_newsletter form{
		width: 68%;
	}
	.widget_newsletter h2{
		margin: 5px 5px 10px 0px; 
		font-size: 13px;
		padding-right: 2px;
	}
	.widget_newsletter input[type="submit"]{
		font-size: 12px;
	}
	#footer-widgets .container{
		padding-bottom: 17px;
	}
	.footer-widgets .widget{
		width: 352px;
		margin-bottom: 20px;
		float:none;
		display:inline-block;
		vertical-align:top;
	}
	.footer-widgets .widget:first-child{
		padding-left:27px;
	}
	.widget_gallery ul li{
		width: 10%;
	}
	#footer .followus a{
		margin-bottom: 4px;
	}
	#footer{
		text-align:center;
	}
	.copy-right, .right-footer, .col-sm-4{
		width:100%;
	}
	#footer .followus, a.btn-back-top{
		float:none;
		display:inline-block;
	}
	a.btn-back-top{
		top: 24px;
		position:relative;
	}
	.content-left .team-shortcode article{
		width: 45.3%;
		 margin: 0 0 30px 4%;
	}
	.team-shortcode{
		margin-left: -4%;
		width:104%;
	}
	.navigation > ul{
		display:none;
	}
	.navigation select{
		display:block;
	}
	figure.image-shortcode{
		width:100% !important;
	}
	.team-shortcode.teamcarousel article .text{
		width:92%;
	}
	/*====Calender====*/
	.timetablesec thead, .timetablesec thead tr, .timetablesec tbody, .timetablesec tbody tr{
		width:100%;
		float:left;
	}
	.timetablesec .table thead > tr > th{
		width:13%;
		padding:0 15px;
	}
	.timetablesec .table tbody tr td{
		float:left;
		width: 11.6%;
		font-size:10px;
	}
	.timetablesec .table .event-time div.timetable-class-text:nth-child(2){
		width: 80px;
		 padding: 25px 0px;
	}
	/*====Calender====*/
	.undercunst-box{
		width:100%;
	}
	.gallerysec ul.gallery-masonry li{
		width:145px;
	}
	.cs-productbanner{
		padding-top:25px !important;
	}
	#main .col-sm-3{
		width:100%;
	}
	.footer-widgets .widget_gallery ul li {
    	width: 21%;
	}
	.tabs.vertical .tab-content{
		padding: 30px 15px 0 45px;
	}
	#topheader, .navigation select{
		width: 98%;
    	margin-left: 7px;
	}
	.sticky-section{
		display:none !important;
	}
	.widget_gallery ul li a, .widget_gallery ul li a img{
		height: 63px;
	}
	.gallery-list{
		width: 104%;
	}

}