@media only screen and (max-width: 2541px){
	#navigation .tabs-navigation.right { margin-right:10px; }
}

@media only screen and (max-width: 2379px){
	#navigation .tabs-navigation.right { margin-right:160px;}
        .youtube{width:560px;margin:auto;float:right}
		.youtubeinner{width:560px;margin:auto;float:left}
}



@media only screen and (max-width: 767px){
    .aboutbox{width: 98%;}
    .youtube{width:560px; margin:auto;float:none}
	 .youtubeinner{width:560px; margin:auto;float:none}
    
/* nav css */
#navigation .tabs-navigation li a,
#navigation a.toggle-menu{font: 12px "Raleway",sans-serif; padding:0 5px;}
#navigation .logo{top: 10px; left: 20px;}
#navigation .logo a{font: 200 20px "Raleway",sans-serif;}
#navigation a.toggle-menu{top: 10px; right: 15px; display:block}
nav{width: 70%; right: -70%; height: 100%;}
.nav-logo {font: 300 22px "Raleway",sans-serif; padding: 30px 0 30px 15px; display: inline-block;}
.nav-close{padding: 30px 20px; font-size: 38px;}
#navigation .tabs-navigation{height: auto; bottom: 2px; height: auto; left: 0; position: absolute; width: 100%;}
#navigation a.toggle-menu small{display: none;}

.col-half,
.col-second,
.col-third,
.col-seventh, .col-content{width: 90% !important; padding: 0 5% !important; margin-bottom: 25px;}
h2{font: 200 24px/34px "ProximaNovaThin"; margin-bottom: 20px;}
p, .main-para{font-size: 13px; margin-bottom: 0;}
.ptb120,
.ptb100,
.pbt120{padding-top: 25px !important; padding-bottom: 25px !important;}
#feature-section ul li{width: 90%!important; padding: 0 5%; margin: 0 0 25px 0;}
#feature-section ul li:last-child{margin: 0;}
h2 {font: 200 20px/26px "ProximaNovaThin";  margin-bottom: 10px;}
h2 br{display: none;}
#help-section,
#service-section,
#testimonial-section,
#blog-section,
.col-seventh { text-align: center;}
.row .col-seventh{margin: 0 !important;}
#testimonial-section ul, #blog-section ul{padding-top: 0;}
#testimonial-section ul li{width: 90%; margin: 0 5% 25px;}
#testimonial-section ul li:last-child{margin: 0 5%;}


#testimonial-page ul, #blog-section ul{padding-top: 0;}
#testimonial-page ul li{width: 80%; margin: 0 5% 25px;}
#testimonial-page ul li:last-child{margin: 0 5%;}
#testimonial-page {margin-top:0px;}
#testimonial-page  h2 {padding-left:7px;}

footer div.sitemap > .container > ul{margin: 40px 0 0;}
footer div.sitemap > .container > ul > li{width: 90%; padding: 0 5%;}
footer div.sitemap > .container > ul > li:last-child{text-align: left;}
footer .footer-bottom a.footer-logo,
footer .footer-bottom .payment-types{float: none;}
}

@media only screen and (min-width: 640px) and (max-width: 767px){
#navigation .tabs-navigation li a.logo-item img {
  width: 100%;
  max-width: 100%;
  position: relative;
  top: 62px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
    .aboutbox{width: 98%;}
    .youtube{width:560px;margin:auto;float:none}
	.youtubeinner{width:560px;margin:auto;float:none}
    .nav{height:100%}
    #top-section{/*min-height: 235px;*/}
    footer div.sitemap > .container > ul > li {height: 450px; padding: 0 5% !important; width: 40% !important;}
    footer div.sitemap > .container > ul > li:last-child,
    footer div.sitemap > .container > ul > li:nth-child(3n){height: auto;}
    footer .footer-bottom{padding: 15px 0;}                
    .footer-contact-form {float: right;width: 100%;}
    .footer-left{width: 100%;float: left;}
}


@media only screen and (min-width: 768px) and (max-width: 1024px){

    .aboutbox{width: 98%;}
    .container{padding: 0 10px;}
	.youtube{
		width:560px;
		margin:auto;
		float:none}
		.youtubeinner{
		width:560px;
		margin:auto;
		float:none}

/* nav */
	#navigation .tabs-navigation li a.logo-item {
	  max-width: 163px;
	
		}
	.nav-logo{
		padding: 30px 0 30px 25px; 
		font-size: 20px;}
	.nav-close{padding: 30px 15px;}
	#navigation .tabs-navigation li a {
		font-size: 12px;
		padding: 3px 4px;
		margin: 28px 5px 0 0;
}
	#navigation .logo{
		left: 10px; 
		top: 26px;}
	
	#navigation a.toggle-menu{
		right: 25px; 
		top: 32px; 
		font-size: 14px;}
	#navigation a.toggle-menu span{margin-left: 10px;}
	nav{
		width: 30%; 
		right: -30%;}
/* nav css end */

/* common classes */
	h2 {font: 200 34px/44px "ProximaNovaThin"; margin-bottom: 30px;}
	h2 br{display: none;}
	.col-half{
		width: 48%; 
		padding: 0 1%;}
	.col-third{
		width: 26%; 
		margin-right: 4%;}
	.ptb120,
	.ptb100,
	.pbt120{
		padding-top: 80px !important; 
		padding-bottom: 80px !important;}
.footer-contact-form {#
		float: right;
		width: 100%;}
.footer-left{	
	width: 69%;
	float: left;}
}


@media only screen and (max-width: 801px){
     .aboutbox{width: 98%;}
     .youtube{
		float:none;
		width: 100%;}
		.youtubeinner{
		float:none;
		width: 100%;}
	#navigation .tabs-navigation.right {margin-right: 98px;}
	#navigation .tabs-navigation li a.logo-item { 
		max-width: 185px;
		margin:0; 
		margin-top:8px; }
	#navigation .tabs-navigation li a {
		min-height:26px; 
		margin: 33px 5px 0 0; 
		padding: 0 5px; 
		font-size:10px; }
	footer .footer-bottom a.footer-logo { max-width:120px;}
	#map .contact { display:none}
	.c-logos li.tpl { width:31.333%}
	nav{
		width: 30%; 
		right:-30%;}
    .footer-contact-form {width: 100%;}
    .footer-left{
		width: 69%;
		float: left;}
	a.toggle-menu small {
		display: none;
}
}
@media only screen and (max-width: 768px){

    .aboutbox{width: 98%;}
	.youtube{
		float:none;
		width: 100%;}
		.youtubeinner{
		float:none;
		width: 100%;}
	.footer-contact-form {
		float: right;
		width: 100%;}
    .footer-left{
		width: 69%;
		float: left;}
	footer .footer-bottom a.footer-logo { 
		max-width:200px; 
		margin-left:15px;}

	#navigation .tabs-navigation {display:none}
	#navigation .tabs-navigation.left { display:block;}
	#navigation .tabs-navigation li a {
		font-size: 10px;
		padding: 3px 5px;
		margin: 30px 8px 0 0;
	}
	#navigation .tabs-navigation li a.logo-item {
	  max-width: 200px;
	  margin: 15px;
	  padding: 0px;
	}
	footer .footer-bottom .textwidget { 
		float: left; 
		margin-left: 15px; 
		text-align: left;}
	#top-section .cover-text { 
		margin:10%; 
		width:76%;}
	#top-section .cover-text h1 {
		font-size:18px; 
		line-height:18px;}
	#testimonial-section ul.home-testimonial li { width:80%;}
    .flexslider ul.slides li .cover-text {
		width: 52%;
		bottom: 0%;
		}
	.flexslider ul.slides li .cover-text h3 {
		font-size:18px; 
		line-height:18px;}
	.flexslider ul.slides li .cover-text p { margin:0;}
	.rboxes.c-1 li { width:46% }
	.rboxes.c-2 li { width:46% }
	.rboxes.c-3 li { width:46% }
	.rboxes.c-4 li { width:46% }
	.rboxes.c-5 li { width:46% }
	.rboxes li.last-box { margin-right: 1% !important;}
	nav{
		width: 66%; 
		right:-66%;}
    .textwidget {
		float: left;
		width: 100%;
		margin-top: 25px;}
    .footer-bottom-div p {width: 100%;margin-bottom:20px;}
    .breadcrumb{margin-right: 87px;}
	.flexslider {
        margin: 88px 0 0 0 !important;
    }
	}

@media only screen and (max-width: 640px){
    .aboutbox{
        width: 98%;}
    .youtube{
        float:none;width: 100%;
    }
	.youtubeinner{
        float:none;width: 100%;
    }
    .footer-contact-form {width: 100%;}
    .footer-left{width: 100%; }
    #top-section .cover-text { margin:65px 2% 2% 2%; width:92%;}
    a.toggle-menu { right:10px; }
    a.toggle-menu small { display:block}
    #top-section{ /*min-height:200px;*/}
	/*.flexslider ul.slides li .cover-text { text-align:center !important; background:none;}*/
	.flexslider {
        margin: 88px 0 0 0 !important;
    }
    .flexslider ul.slides li .cover-text { 
        text-align:center !important; 
        right: 0%;
        width: 96%;
    }
    .flexslider ul.slides li .cover-text h3 {text-align:left !important}
    .flexslider ul.slides li .cover-text p { display:none}	
    .flexslider .cover-text a {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        margin-top: 5px;
        margin-right: 10px;
        text-transform: uppercase;
        width: auto;
        border-radius: 5px;
        padding: 13px 15px 10px 15px;
        line-height: 1;
        text-align: center;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        border: 2px solid #fff;
        float: left;
        right: 2px;
        top: 0px;
        position: inherit;
    }

    .rboxes.c-1 li { width:96% }
    .rboxes.c-2 li { width:96% }
    .rboxes.c-3 li { width:96% }
    .rboxes.c-4 li { width:96% }
    .rboxes.c-5 li { width:96% }
    .rboxes li .box-title span { display:inline-block; }
    .c-logos li.tpl { width:48%}
    .rboxes li .btn-bottom { bottom:1.5%;}
    .col-half{width: 96%; padding: 1% 2%; margin:2% 0}
    .col-full{width: 96%; padding: 1% 2%;}
    .slider-testimonial { margin-bottom:120px;}
    #map .container {display:none }
    #map #stockists-map { display:none}
    .textwidget {
        float: left;
        width: 100%;
        margin-top: 25px;
    }
    .footer-bottom-div p {
        width: 100%;
        margin-bottom:20px;
    }
    .breadcrumb{margin-right: 87px;}
   #navigation .tabs-navigation li a.logo-item {
		  max-width: 185px;
		  height: 65px;
		  margin: 6px;
		  margin-top: 10px;
		  padding: 0px;
		  position: relative;
		  top: 15px;
		}
	  
	  #scrollUp{
		display: none !important;
	 }
}

@media only screen and (max-width: 480px){
    .aboutbox{width: 98%;}
    .youtube{
        float:none;width: 100%;
    }
	.youtubeinner{
        float:none;width: 100%;
    }
    .footer-contact-form {
        width: 100% !important;
    }
    .footer-left{
        width: 100%;
    }
    .textwidget {
        float: left;
        width: 100%;
        margin-top: 25px;
    }
    .footer-bottom-div p {
        width: 100%;
        margin-bottom:20px;
    }
    .c-logos li.tpl { width:98%}
    
    .slider-testimonial { display:none}
    
    .breadcrumb{margin-right: 87px;}
    
    #navigation .tabs-navigation li a.logo-item {
  max-width: 146px;
		  height: 65px;
		  margin: 6px;
		  margin-top: 10px;
		  padding: 0px;
		  position: relative;
		  top: -7px;
		}       
    .flexslider ul.slides li .cover-text {
        bottom: 0%;
        background-color: #d71b7a;
        text-align:center !important; 
        right: 0%;
        width: 96%;
        height: 32px;
    }

    .flexslider ul.slides li .cover-text h3{
        text-align: left !important;
        font-size: 14px;
        line-height: 10px;
    }

    .flexslider {
        margin: 88px 0 0 0 !important;
    }

    .registrationclock.ptb120{
        width: 100%; 
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .circular-countdown *{
        width: 50px;
        margin:0;
        padding:0
    }

    .circular-countdown .time{ 
        width: 50px !important; 
        position:relative;
        float:left
    }

    .circular-countdown canvas.bg{
        position:absolute;
        z-index:1
    }

    .circular-countdown canvas.circle{
        position:relative; 
        z-index:2
    }

    .circular-countdown .count{ 
        position:absolute;
        z-index:3;
        top:0;
        left:0; 
        text-align:center; 
        color:#333; 
        font-family:"Open Sans",sans-serif;
        font-weight:600;
        font-size:30px;
        line-height:30px;
        width:50px !important;
    }

    .circular-countdown .text{ 
        position:absolute;
        z-index:4;
        top:0;
        left:0; 
        text-align:center; 
        color:#5f5f5f; 
        font-family:"Open Sans",
            sans-serif;
        font-weight:400;
        font-size:14px;
        line-height:14px;
        width: 50px !important;
    }

    .flexslider .cover-text a {
        color: #fff;
        display: inline-block;
        font-size: 11px;
        margin-top: 6px;
        margin-right: 10px;
        text-transform: uppercase;
        width: auto;
        border-radius: 5px;
        padding: 10px 15px 10px 15px;
        line-height: 1;
        text-align: center;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        border: 2px solid #fff;
        float: left;
        right: 2px;
        top: 0px;
        position: inherit;
    }
	
	#scrollUp{
		display: none !important;
	 }
	
}