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

}

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

 .cart-block .btn{
   width: 100%;
   margin-bottom: 10px;
 }
}

@media only screen and (min-width: 991px) and (max-width: 1199px) {
 .navbar-brand{
	width: 180px;
 }
 .footer-section-mid .footer-mid .flickr-widget #flickr-gallery li{
 	width: 65px;
 }
 .footer-section-top .social-footer li a{
 	width: 28px;
 }
 .footer-section-bottom .we-accept li a{
 	margin-right: 0;
 }
 .footer-section-bottom .we-accept li a i{
 	font-size: 20px;
 }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .navbar-header{
  	width: 100%;
 }
 .banner-section .titles .light,
 .banner-section .titles .bold{
  	font-size: 60px;
 }
 #slide .item {
    min-height: 500px;
 }
 .slide-title {
     font-size: 16px;
     line-height: 24px;
 }
 .slide-sub-title {
    font-size: 28px;
    line-height: 36px;
 }
 .check-it .content .btn,
 .purchase-now .content .btn,
 .process .content .btn{
  	margin: 30px 0;
 }
  .footer-section-top .newsletter-widget input[type="email"]{
  	max-width: 150px;
 }
 .what-we-section .over-bg{
  	background: #222222;
 }
  .about-list .item{
	margin-bottom: 30px;
 }
 .what-we-section .item ul li{
 	display: block;
 }
 #blog-posts{
 	float: left;
 }
}

@media only screen and (max-width: 767px) {
    .purchase-now .btn-theme {
    font-size: 15px;
    padding: 5px 5px !important;
    margin-top: 10px;
}
    .footer-section-mid .section-padding {
    padding: 0px 0 20px 0;
}
    .copyscep_img {
    margin-top: -19px;
    position: absolute;
    width: 145px;
}
#particles-js {
    position: absolute;
    top: 185px;
    width: 100%;
    z-index: 2000;
}

.footer-section-bottom .copyright {
    color: #a2a2a2;
    line-height: 24px;
    margin: 10px 0;
    font-size: 13px;
}

.slider1{
	background-image:url(../images/slider/3-mobile.jpg);
}

.purchase-now {
    background: #1e2434;
    padding: 15px 0;
}

.purchase-now .content h2 {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 24px;
}

.section-header .h-bold {
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.page-header h1 span {
    color: #0181EC;
    font-size: 20px;
    font-weight: 600;
}

.section-header .h-light {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.header-right-toggle a {
    background-color: #0181EC;
    border-radius: 0;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin-top: 20px;
    padding-left: 0;
    text-align: center;
    width: 36px;
}

.navbar {
    background-image: linear-gradient(45deg, #ffffff 30%, #EFF6FC 30%);
    padding: 0px;
    margin: 0px;
    min-height: 55px;
    position: absolute;
    border: 0;
    z-index: 4000;
}

.contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 0px 0px;
    margin-bottom: 0px;
    margin-right: 10px;
}
.contact-detail2 li a {
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
	line-height: 32px;
}

.lead {
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}
 .featured-item .featured-item-img .item-links {
    color: #fff;
    font-size: 14px;
    text-align: center;
    position: relative;
    top: 35%;
}
.featured-item-listing .btn {
    font-size: 12px;
    font-weight: 400;
    padding: 2px 10px !important;
}
 .navbar-header{
  	width: 100%;
 }
 
 .slider_section .owl-pagination .owl-page span{
 	display:none;
 }
 
 nav.main-navigation ul li ul.sub-menu {
	background: transparent;
	left: 0;
	opacity: 0;
	padding: 5px 0;
	position: relative;
	text-align: left;
	top: 0;
	visibility: hidden;
	width: 230px;
	transition: all 400ms ease 0s;
 }
 .affix nav.main-navigation ul li ul.sub-menu{
  	top: 0;
  transition: all 400ms ease 0s;
 }
 nav.main-navigation ul li ul.sub-menu li {
    display: block;
    margin:0;
    padding: 0;
 }
 nav.main-navigation ul li ul.sub-menu li a {
	color: #333;
	font-size: 13px;
	font-weight: 400;
	padding: 5px 22px;
 }
 nav.main-navigation ul li ul.sub-menu li a:hover {
    color: #ccc;
 }
 nav.main-navigation ul li ul.sub-menu li:last-child {
    float: none;
 }
 nav.main-navigation ul li:hover ul.sub-menu {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    visibility: visible;
 }
 nav.main-navigation ul a i {
    margin-left: 7px;
 }
 .banner-section .dest-detail{
  	padding: 70px 0;
 }
 .banner-section .titles .light,
 .banner-section .titles .bold{
	font-size: 40px;
	line-height: 40px;
 }
 .banner-section h2{
	font-size: 18px;
	line-height: 22px;
 }
 #slide .item, .page-slider .item {
    background-position: 50% 50%;
    min-height: 290px;
 }
 #slide .slider-content {
 	width: 90%;
 }
 #slide .slider-content.text-left {
 	left: 5%;
    top: 65%;
 }
 #slide .slider-content.text-right {
 	right: 5%;
 }
 .slide-title {
	font-size: 16px;
	line-height: 24px;
 }
 .slide-sub-title {
	font-size: 18px;
    line-height: 22px;
 }

 .banner-section .item{
	padding: 15px 0;
 }
 .process .content .h2{
	font-size: 25px;
 }
 .featured-item-listing .item-info ul{
	margin:0;
 }
 .check-it .content .text-right,
 .purchase-now .content .text-right,
 .process .content .text-right{
	text-align: left!important;
 }
 .check-it .content h2,
 .purchase-now .content h2,
 .process .content h2{
	padding-bottom: 20px;
 }
 .footer-section-top .social-footer,
 .footer-section-bottom .we-accept {
	padding:20px 0;
	float: left;
 }
 .footer-section-top h3,
 .footer-section-bottom h3{
	width: 29%;
	margin: 0px 0;
 }
 .footer-section-top .newsletter-widget input[type="email"]{
	margin-bottom: 20px;
 }
 .grid-three .themes-item{
	width: 50%;
 }
 .what-we-section .over-bg{
	background: #222222;
 }
.slide-title{ padding-top: 40px;}

}

@media only screen and (min-width: 481px) and (max-width: 767px) {
 img{
	width: 100%;
	height: auto;
 }

}


@media only screen and (max-width: 480px){
 .text-center {
	text-align: center !important;
 }
 .text-right{
	text-align: left!important;
 }
 .banner-section .titles .light,
 .banner-section .titles .bold{
	font-size: 30px;
	line-height: 30px;
	text-align: left;
 }
 .banner-section h2{
	text-align: left;
	font-size: 15px;
	line-height: 20px;
 }
 .banner-section .m-t-30{
	margin-top: 10px;
 }
 .banner-section .dest-detail{
	padding: 50px 0;
 }
 .process .content h2{
	font-size: 18px;
	line-height: 35px;
 }
 .process {
    background: #0181EC;
    background-image: linear-gradient(45deg, #0181EC 65%, #0073DE 65%);
    background-size: cover;
    padding: 5px 0px;
    color: #2f363e;
}
 .section-header .h-bold{
	padding:0;
 }
 .section-header span.line{
	float: left;
	margin-left:40%;
 }
 
 .item-filter > ul > li > a {
    color: #333;
    display: block;
    padding: 5px 8px;
    background-color: #fff;
    margin-right: 10px;
    font-weight: 600;
}
 
 .section-header span.line::before{
	left:-55px;
 }
 .footer-section-top h3,
 .footer-section-bottom h3{
	font-size: 15px;
	margin-top: 24px;
 }
 .footer-section-top .social-footer, 
 .footer-section-bottom .we-accept{
	padding: 0;
 }
 .footer-section-top .social-footer{
	padding-left: 0;
 }
 .footer-section-top .social-footer li a{
	text-align: left;
	padding-left: 0;
 }
 .check-it .content h2,
 .purchase-now .content h2,
 .process .content h2{
	padding-bottom: 0px;
 }
 .clients-section #logo .item {
	margin: 0 auto;
	width: 150px;
 }
 .clients-section ul li{
	float: none;
 }
 .grid-three .themes-item{
	width: 100%;
 }
 .slide-title{ padding-top: 40px;}
}
@media only screen and (max-width: 360px){
 .navbar-brand{
	width: 200px;
 }
 .clients-section #logo .item {
	margin: 0 auto;
	width: 120px;
 }
 .item-filter > ul > li{
 	display: inline-block;
 }

.process .content h2 {
    font-size: 15px;
    line-height: 42px;
    letter-spacing: 0.5px;
}

.process .content h2 {
    padding-bottom: 0px;
}

.process {
    background: #0181EC;
    background-image: linear-gradient(45deg, #0181EC 65%, #0073DE 65%);
    background-size: cover;
    padding: 5px 0px;
    color: #2f363e;
}


#particles-js {
    position: absolute;
    top: 185px;
    width: 100%;
    z-index: 2000;
}
.contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 4px 0px;
    margin-bottom: 0px;
    margin-right: 10px;
}
.contact-detail2 li a {
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
    line-height: 25px;
}

.slide-title{ padding-top: 40px;}
}