/* Theme HTML Template */
@media only screen and (max-width: 1600px){
.contact-style-two .form-column .inner-box{
padding:100px 30px;
}
}
@media only screen and (max-width: 1400px){
.testimonial-style-two .owl-controls .owl-nav,
.testimonial-style-three .owl-controls .owl-nav,
.testimonial-style-one .owl-controls .owl-nav,
.latest-works-section .owl-controls .owl-nav{
position:relative;
margin-top:50px;
}
.testimonial-style-two .owl-controls .owl-nav [class*="owl-prev"],
.testimonial-style-two .owl-controls .owl-nav [class*="owl-next"],
.testimonial-style-three .owl-controls .owl-nav [class*="owl-prev"],
.testimonial-style-three .owl-controls .owl-nav [class*="owl-next"],
.testimonial-style-one .owl-controls .owl-nav [class*="owl-prev"],
.testimonial-style-one .owl-controls .owl-nav [class*="owl-next"],
.latest-works-section .owl-controls .owl-nav [class*="owl-prev"],
.latest-works-section .owl-controls .owl-nav [class*="owl-next"]{
position:relative;
left:0px;
right:0px;
margin:0px 5px;
}
.fact-counter .column{
margin-left: 30px;
margin-right: 80px;
}
.fact-counter .column:last-child{
margin-right: 0px;
}
}
@media only screen and (max-width: 1350px){
.main-header .header-upper:before{
display: none;
}
.main-header .header-upper:after{
display: none;
}
.main-header .header-upper{
padding: 9px 10px;
}
.footer-section .footer-bottom:before{
display: none;
}
.footer-section .footer-bottom:after{
display: none;
}
}
@media only screen and (max-width: 1200px){
.bottom-bg:before{
display: none;
}
.bottom-bg:after{
display: none;
}
.contact-form .form-section{
margin-bottom: 30px;
}
.contact-form .item{
margin-left: 50px;
}
.nav_right_area .search_option form{
left: -220px;
}
.contact-form .search_option .search{
position: absolute;
bottom: 0px;
right: 0px;
}
.gallery_wrapper .content .reting-box{
right: 5px;
top: 5px;
}
.gallery_wrapper .single_item .content{
padding: 5px;
}
.gallery_wrapper .gallery_menu li{
padding: 0px 14px;
}
.gallery_wrapper .content-text li{
margin: 30px 5px;
}
.header-upper .main-logo{
position: relative;
text-align: center;
float: none !important;
margin-bottom: 30px;
}
.header-upper ul li{
margin-left: 25px;
}
.container.menu-bg:after{
display: none;
}
.container.menu-bg:before{
display: none;
}
.nav_right_area .search_option button{
margin-right: 20px;
}
.menu-bar{
margin: 0px;
}
#polyglotLanguageSwitcher{
border-left: none;
padding-left: 15px;
}
.main-menu .navigation > li{
margin-right: 10px;
}
.sticky-header .main-menu .navigation > li{
margin-right: 10px;
}
.recent_news_footer{
margin-left: 0px;
}
.service-section .inner-box:hover .img-content {
/*top: 0%;*/
}
.fact-counter .single-item-two {
padding: 0px;
}
.fact-counter .single-item-three{
padding: 0px;
}
.working-section .single-item-two {
padding: 0px;
}
.working-section .single-item-three {
padding: 0px;
}
.working-section .single-item-four{
padding: 0px;
}
.cta-section .img-box:before{
right: 0px;
}
.video-section .fluid-image img{
width: 100%;
}
.cart-page .coupon-code input {
margin-bottom: 15px;
}
.video-section:before{
display: none;
}
.video-section:after{
/*display: none;*/
}
.about-section .about-content {
position: relative;
padding: 100px 55px 100px 0px;
}
.video-section .fluid-image img {
padding: 25px 0px 0px 0px;
}
.video-section .fluid-image span{
top: 42%;
}
.banner-title h2{
left: 30px;
}
.banner-title h1{
left: 30px;
}
.banner .text{
left: 30px;
}
.banner .btn-style-one{
left: 30px;
}
.appointment-section{
margin-top: 0px;
}
}
@media only screen and (max-width: 1140px){
.main-footer .news-widget{
margin-right: 10px;
width: 100%;
}
.main-header .header-upper .logo-outer,
.main-header .header-upper .upper-right{
width:100%;
text-align:center;
}
.main-footer .widget-content .images-box{
width: 30%;
}
.header-lower .link-btn{
right: 0px;
}
.main-header .header-upper .logo-outer{
margin-bottom:30px;
}
.main-header .info-box{
display:inline-block;
margin:10px 25px;
float:none;
text-align:left;
width:260px;
}
.main-header .info-box:last-child{
text-align:center;
}
.main-header .header-upper .info-box::after{
display:none;
}
.main-header .header-top li{
padding: 17px 5px;
}
.main-footer .footer-widget{
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px){
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul{
display:block !important;
visibility:hidden;
opacity:0;
}
}
@media only screen and (max-width: 1023px){
.page-wrapper{
overflow:hidden;
}
.main-footer .widget-content .images-box{
width: 30%;
}
.main-menu .navigation > li{
margin-right:10px;
}
.sticky-header{
display:block;
}
.main-menu{
width: 100%;
}
.services-one .tabs-outer{
position:relative;
height:auto;
width:100%;
margin:0px;
padding:0px;
border:none;
background:none;
text-align:center;
}
.services-one .tabs-outer .circular-layer{
display:none;
}
.services-one .tabs-outer .service-tabs{
position:relative;
width:auto;
height:auto;
margin:0px;
left:0;
top:0;
}
.services-one .tabs-outer .service-tabs .tab-btn,
.services-one .tabs-outer .service-tabs .tab-btn:nth-child(1),
.services-one .tabs-outer .service-tabs .tab-btn:nth-child(2),
.services-one .tabs-outer .service-tabs .tab-btn:nth-child(3),
.services-one .tabs-outer .service-tabs .tab-btn:nth-child(4),
.services-one .tabs-outer .service-tabs .tab-btn:nth-child(5),
.services-one .tabs-outer .service-tabs .tab-btn:nth-child(6),
.services-one .tabs-outer .service-tabs .tab-btn:nth-child(7){
position:relative !important;
display:inline-block;
margin:0px 50px 20px !important;
left:0px !important;
bottom:0px !important;
right:0px !important;
top:0px !important;
}
.services-one .tabs-outer .service-tabs .tabs-content,
.services-one .tabs-outer .service-tabs .tab{
position:relative !important;
left:0px;
bottom:0px;
width:auto;
height:auto;
}
.services-one .tabs-outer .service-tabs .tab .content-box{
position:relative;
width:100%;
height:auto;
border-radius:10px;
padding:50px 30px;
}
.services-one .tab-buttons .content-text{
position: relative!important;
text-align: center;
left: 0px!important;
top: 0px!important;
margin-left: 0px!important;
}
.services-one .tabs-outer .service-tabs .tab-btn .icon-box{
display: inline-block;
}
}
@media only screen and (max-width: 991px){
.container.menu-bg{
margin-bottom: -100px;
}
.border-bottom:before{
display: none;
}
.border-right:after{
display: none;
}
.main-header .outer-area .logo{
display: block;
width: 225px;
margin: 0 auto;
}
.about-section .about-btn a.btn-style-one {
margin-bottom: 20px;
}
.video-section{
margin: 0px;
}
.about-section .about-content {
position: relative;
padding: 100px 0px 50px 0px;
}
.video-section .fluid-image img {
padding: 25px 0px 100px 0px;
}
.service-section .single-item {
margin-bottom: 30px;
}
.fact-counter .single-item-four {
float: none;
}
.appointment-section .appointment-area {
padding: 93px 0px 100px 0px;
}
.working-section .single-item-one {
float: none;
width: 145px;
margin: 0 auto;
padding: 0px 0px 20px 0px;
}
.working-section .single-item-two {
width: 132px;
margin: 0 auto;
float: none;
padding: 0px 0px 20px 0px;
}
.working-section .single-item-three{
float: none;
width: 132px;
display: block;
margin: 0 auto;
}
.working-section .single-item-four{
float: none;
width: 132px;
display: block;
margin: 0 auto;
}
.working-section h4 {
text-align: left;
}
.testimonial-faq-section .testimonial-area {
margin-bottom: 60px;
}
.news-section .single-item .news-content{
margin-bottom: 30px;
}
.footer-section .logo-widget{
margin-bottom: 30px;
}
.footer-section .link-widget {
left: 0px;
margin-bottom: 60px;
}
.cart-page .cart-table{
margin-bottom: 0px;
}
.cart-page .coupon-code .coupon-content {
padding: 23px 0px 11px 10px;
}
.checkout-content .additional-content {
margin-bottom: 100px;
}
.blog-single .comment-form button {
margin-bottom: 100px;
}
.contact-section .single-item.style-two {
padding: 0px;
width: 300px;
margin: 0 auto;
}
.contact-section .single-item .text{
margin-bottom: 30px;
}
.google-map-area {
margin-bottom: 50px;
}
.main-header .outer-area .single-info-box {
float: none;
width: 100%;
margin: 0 auto;
display: block;
}
.video-section .fluid-image span{
top: 38%;
}
}
@media only screen and (max-width: 767px){
.nav_right_area {
position: absolute;
right: 12px;
top: 5px;
}
.nav_right_area .search-box{
right: 20px;
}
.header-upper .main-logo{
position: relative;
text-align: center;
float: none !important;
margin-bottom: 30px;
}
.hephaistos.tparrows{
display: none;
}
.header-upper .top-info {
position: relative;
float: none !important;
}
.header-upper .top-info li{
margin-bottom: 30px;
}
.header-upper ul li.single-info-box {
position: relative;
padding-left: 62px;
top: 5px;
margin-left: 18%;
}
.header-upper ul li.link_btn {
position: relative;
text-align: center;
display: block;
margin-left: 0px;
}
.nav_right_area .search_option form button{
right: -45px;
}
.main-header .nav-outer{
padding-right:0px;
}
.main-header .main-menu{
padding-top:0px;
margin:0px;
right: 10px;
left: 0px;
}
.main-menu .collapse {
overflow:auto;
float:none;
width:100%;
padding:10px 0px 0px;
border:none;
margin:0px;
-ms-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
}
.main-menu .collapse.in,
.main-menu .collapsing{
padding:10px 0px 0px;
border:none;
margin:0px 0px 15px;
-ms-border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
}
.main-menu .navbar-header {
position: relative;
display: inline-block;
text-align: right;
padding: 12px 0px;
right: 0px;
z-index: 12;
}
.main-menu .navbar-header .navbar-toggle{
display:inline-block;
z-index:7;
border: 1px solid #181d37;
float:none;
margin: 0px;
border-radius:0px;
background: #22232a;
}
.main-menu .navbar-header .navbar-toggle .icon-bar{
background:#ffffff;
}
.main-menu .navbar-collapse > .navigation{
float:none !important;
margin:0px !important;
width:100% !important;
background:#22232a;
border:1px solid #ffffff;
border-top:none;
}
.main-menu .navbar-collapse > .navigation > li{
margin:0px !important;
float:none !important;
width:100%;
}
.main-menu .navigation > li > a,
.main-menu .navigation > li > ul:before{
border:none;
}
.main-menu .navbar-collapse > .navigation > li > a{
padding:10px 10px !important;
border:none !important;
}
.main-menu .navigation li.dropdown > a:after,
.main-menu .navigation > li.dropdown > a:before,
.main-menu .navigation > li > ul > li > a::before,
.main-menu .navigation > li > ul > li > ul > li > a::before{
color:#ffffff !important;
right:15px;
font-size:16px;
display:none !important;
}
.main-menu .navbar-collapse > .navigation > li > ul,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
position:relative;
border:none;
float:none;
visibility:visible;
opacity:1;
display:none;
margin:0px;
left:auto !important;
right:auto !important;
top:auto !important;
width:100%;
background:#22232a;
-webkit-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
transition:none !important;
-webkit-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
-moz-transition:none !important;
}
.main-menu .navbar-collapse > .navigation > li > ul,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
border-top:1px solid rgba(255,255,255,1) !important;
}
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{
border-top:1px solid rgba(255,255,255,1) !important;
opacity:1 !important;
top:0px !important;
left:0px !important;
}
.main-menu .navbar-collapse > .navigation > li:first-child{
border:none;
}
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
padding:10px 10px !important;
line-height:22px;
color:#ffffff;
background: #22232a;
text-align:left;
}
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus{
background:#22232a;
}
.main-menu .navbar-collapse > .navigation > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li.current > a,
.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
background: #22232a;
color:#60c5e4 !important;
}
.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
display:block;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
right: 10px;
}
.main-menu .navbar-collapse > .navigation li.dropdown:after,
.main-menu .navigation > li > ul:before{
display:none !important;
}
.main-footer .widget-content .images-text{
margin-left: 30px;
margin-right: 30px;
}
#polyglotLanguageSwitcher{
border-left: none;
padding-left: 0px;
}
.header-upper{
border-bottom: none;
}
.container.menu-bg{
margin-bottom: 0px;
}
.contact-form .form-section{
margin-left: 0px;
}
.contact-form .search_option{
position: absolute;
right: 0px;
bottom: 0px;
}
.events-column .content-box {
position: relative;
margin-bottom: 30px;
}
.contact-form .form-widght{
margin-top: 20px;
}
.sponsors-logos{
padding-bottom: 50px;
}
.more-option .search-box.now-visible {
top: 179%;
}
.main-header .header-upper .top-left .text {
width: 100%;
text-align: center;
margin: 0 auto;
display: block;
}
.main-header .header-upper .top-right {
display: block;
float: none;
width: 290px;
margin: 0 auto;
text-align: center;
}
.main-header .outer-area .single-info {
display: block;
padding: 12px 0px 10px 50px;
width: 200px;
margin: 0 auto;
}
.sticky-header .more-option .search-box.now-visible {
top: 192%;
}
.sticky-header .more-option {
top: 18px;
}
.video-section .fluid-image span{
top: 35%;
}
.service-section .inner-box:hover .img-content {
/*top: 40%;*/
}
.fact-counter .column:last-child {
margin-right: 0px;
width: 170px;
display: block;
margin: 0 auto;
padding: 0px 0px 20px 0px;
}
.footer-widget.contact-widget {
margin-bottom: 30px;
}
.footer-widget.contact-widget{
padding: 0px;
}
.footer-section .link-widget{
margin-bottom: 30px;
}
.shop-page .single-product .single-content{
left: 0px;
}
.shop-page .single-product .img-box{
padding: 0px;
margin-bottom: 30px;
}
.main-header .header-upper:after{
display: none;
}
.main-header .header-upper:before{
display: none;
}
.main-header .outer-area .single-info-box {
width: 100%;
}
.cta-section .cta-content .cta-btn{
float: none;
}
.cta-section .cta-content .cta-btn a.btn-style-one{
top: 10px;
}
.cta-section .cta-content p{
display: block;
}
.contact-section .single-item.style-three {
padding: 0px;
}
}
@media only screen and (max-width: 599px){
.main-header .header-top .top-left,
.main-header .header-top .top-right{
float:none !important;
text-align:center;
}
.nav_right_area .search-box{
left: 0px;
}
.blog-section .item .content-text .icon-links li{
border-left: none;
}
.blog-section .item .content-text .icon-links li:first-child{
padding-left: 10px;
}
.header-upper ul li.single-info-box{
margin-left: 30%;
}
.bottom_footer p{
float: none !important;
text-align: center;
margin-left: 20px;
}
.social-links{
float: none !important;
text-align: center;
}
.shop-page .tab-content{
padding: 20px 10px;
}
.shop-page .tab-title {
margin: 0px 10px;
}
.blog-single .comment-area .comment-box.replay-comment{
left: 0px;
}
}
@media only screen and (max-width: 499px) {
.header-main-box .nav-outer .search-box-btn{
display:none;
}
.contact-form .search_option{
position: relative;
}
.header-upper ul li.single-info-box{
margin-left: 25%;
}
.main-header .header-upper .upper-column.info-box {
margin-left: auto;
margin-right: auto;
float: none;
}
.video-section .fluid-image span{
top: 32%;
}
.service-section .inner-box:hover .img-content{
/*top: 25%;*/
}
.page-title .bread-crumb{
display: block;
float: none;
}
.blog-single .post-share-option .social-link {
display: block;
float: none;
top: 15px;
}
.faq-page .faq-content p{
padding: 0px;
}
}
@media only screen and (max-width: 399px){
.video-section .fluid-image span{
left: 40%;
top: 28%;
}
.testimonial-faq-section .testimonial-content{
padding: 0px 0px 0px 20px;
}
.sidebar-page-container .service-detail .service-detail-content .title{
font-size: 20px;
}
.main-header .header-upper {
padding: 9px 5px 9px 5px;
}
.main-header .header-upper .top-left .text{
width: 100%;
display: block;
left: 5px;
}
.main-header .header-upper .top-right .text{
display: block;
left: 15px;
}
.main-header .header-upper .top-right .text:before{
display: none;
}
.main-header .header-upper .top-right .text a{
width: 101px;
display: block;
margin: 0 auto;
}
.main-header .header-upper .top-right .social-link{
width: 141px;
display: block;
margin: 0 auto;
}
.service-section .inner-box:hover .img-content{
/*top: 0%;*/
}
.service-section .img-content p{
/*font-size: 12px;*/
}
.accordion .acc-btn{
font-size: 15px;
margin: 0px;
padding: 9px 30px 11px 5px;
}
.cta-section .cta-content .title{
font-size: 36px;
}
.shop-page .shop-btn li a{
height: 40px;
width: 40px;
line-height: 40px;
}
.shop-page .shop-btn li{
margin: 0px;
}
.shop-page .single-product .single-content .cart-social li{
margin-right: 0px;
}
.shop-page .tab-content p{
padding: 0px;
}
.checkout-content .your-order .single-item {
padding: 30px 5px 31px 5px;
}
.checkout-content .your-order .single-item .text span{
right: 10px;
}
.sticky-header .more-option{
right: 0px;
}
.more-option{
right: 10px;
}
.error-section .error-text h1 {
font-size: 150px;
}
}
@media only screen and (max-width: 300px){
.video-section .fluid-image span{
width: 60px;
height: 60px;
line-height: 62px;
}
}