/* Media Queries
-------------------------------------------------------------- */

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	code here...
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	.btn-menu,
	.header-widgets {
		display: block ;
	}

	.header .header-wrap .menu-extra,
	#mainnav,
	.header.header-v2 #mainnav {
		display: none;
	}

	#site-header #headerbar .social-links a,
	#site-header #headerbar .top-navigator .menu li {
		display: inline-block;
	}

	.widget.widget-recentpost ul li {
		clear: left;
	}

	.btn-menu {
		position: relative;
		top: 0;
	}

	#site-header #headerbar,
	.client .wrap-img-client,
	.site-brand .site-logo,
	.header-widgets {
		text-align: center;
	}

	#site-header #headerbar .custom-info,
	#site-header #headerbar .social-links,
	#site-header #headerbar .top-navigator,
	#site-header #headerbar .social-links a,
	#site-header #headerbar .top-navigator .menu li,
	.site-brand .site-logo,
	.header-widgets,
	.widget.widget-recentpost ul li,
	.blog.blog-medium .entry .feature-post.object,
	.widget.widget_price_filter .price_slider_amount button[type="submit"] {
		float: none;
	}

	.header.header-v2 .header-wrap .nav-wrap {
		float: right;
	}

	.header.header-v2 .site-navigator,
	.header-transparent {
		position: relative;
	}

	#site-header #headerbar .top-navigator {
		margin-bottom: 5px;
	}

	#site-header #headerbar .custom-info,
	#site-header #headerbar .social-links,
	.client .wrap-img-client,
	.flat-clients,
	.flat-project .project-filter li {
		margin-bottom: 15px;
	}

	.images-single-flexslider,
	.header-widgets .widget,
	.flat-imagebox,
	.flat-iconlist,
	.flat-price-products .pp1,
	.flat-price-products .pp2,
	.flat-icontext,
	.flat-shop-by,
	.images-single.style1,
	.blog.blog-medium .entry,
	.single-products .single-img {
		margin-bottom: 30px;
	}

	.header-widgets .widget {
		margin-right: 30px;
	}

	.header-widgets .widget {
		margin-left: 30px;
	}

	.header-widgets .widget,
	.images-single.style2 {
		margin-top: 0;
	}

	.flat-about-us {
		margin-bottom: 50px;
	}

	.header.header-v2 {
		padding-bottom: 0;
	}

	.sidebar,
	.content-left .project-gallery-wrap.entry,
	.single-products .summary {
		padding-left: 0;
	}

	.blog.sidebar-left .post-wrap,
	.content-right .project-gallery-wrap.entry {
		padding-right: 0;
	}

	.client .wrap-img-client,
	.four-columns .object,
	.products-content.w25 .products li,
	.products-content .products li {
		width: 50%;
	}

	.three-columns .images-single.object,
	.site-footer .widget.widget_nav_menu,
	.site-footer #text01,
	.flat-row .three-columns .object,
	.flat-row .flat-project .five-columns .object,
	.flat-iconbox.object,
	.services .two-columns .object,
	.services-pricing .three-columns .object,
	.services-detail .two-columns .object,
	.blog.blog-medium .entry .feature-post.object,
	.box.related-posts-box.three-columns .object,
	.projects.projects-grid .projects-items .entry,
	.products-content,
	.products-sidebars,
	.single-products .single-img,
	.single-products .summary {
		width: 100%;
	}

	.parallax.parallax1 {
		background-position: 0 0 !important;
	}

	.site-footer {
		background-size: cover;
	}

}

/* Tablet Landscape */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
}
#popup__toggle{display:none;}
/* All Mobile Sizes */
@media only screen and (max-width: 767px) {	
    #popup__toggle{display: block; bottom: 15px; right: -12px; position: fixed; z-index: 999;}
.img-circle{background-color:#0070ba;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #0070ba;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#0070ba;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(/theme/images/mini5.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
	.site-footer .social-links,
	.site-footer .social-links a {
		float: none;
	}

	.site-footer .social-links a {
		display: inline-block;
	}

	.copyright {
		text-align: center;
	}

	.site-footer .social-links {
		margin-bottom: 15px;
	}

	#pricing .three-columns .object,
	.gallery.gallery-v3 .flat-project .project-wrap.three-columns .object {
		width: 100%;
	}

}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
    .header-widgets .widget .info-icon i{
        display: none;
    }
    .phone-header a {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
}
.header-widgets .textwidget{
    text-align: center;
}
	.four-columns .object,
	.client .wrap-img-client,
	.footer-info .two-columns .object,
	.products-content.w25 .products li,
	.blog .post-wrap.two-columns .entry.object,
	.gallery.gallery-grid .three-columns .object,
	.products-content .products li {
		width: 100%;
	}

	.flat-accordion.style1 h3.toggle-title {
		font-size: 20px;
	}

	.flat-tabs ul.menu-tabs li {
		float: none;
	}

	.header .header-wrap .logo {
		width: 120px;
	}

}

@media (max-width: 320px) {	
	
}

/* Retina Devices */
	@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (   -moz-min-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {

	.flat-accordion .toggle-title:after {
		background: url("../images/icon/add@2x.png");
		background-size: 26px 26px;
	}

	.widget_search .search-form .search-submit {
		background: url("../images/icon/search-icon@2x.png");
		background-size: 30px 30px;
	}
}