/***

====================================================================
        Main Footer
====================================================================

***/

.main-footer{
        position:relative;
        background-color:#222222;
}

.main-footer .widgets-section{
        position:relative;
    padding: 76px 0px 42px;
}

.main-footer .footer-widget{
        position:relative;
        margin-bottom:30px;
}

.main-footer .footer-widget h2{
        position:relative;
        color:#ffffff;
        font-size:22px;
        font-weight:400;
        margin-bottom:25px;
}

/*Footer List*/

.footer-list{
        position:relative;
}

.footer-list li{
        position:relative;
        margin-bottom:10px;
}

.footer-list li a{
        position:relative;
        color:#c3cad4;
        font-size:16px;
        font-weight:300;
        padding-left:18px;
        transition:all 0.3s ease;
        -moz-transition:all 0.3s ease;
        -webkit-transition:all 0.3s ease;
        -ms-transition:all 0.3s ease;
        -o-transition:all 0.3s ease;
}

.footer-list li a:hover{
        color:#ffffff;
}

.footer-list li a:before{
        position:absolute;
        content:'';
        left:0px;
        top:7px;
        width:6px;
        height:6px;
        border-radius:50%;
        background-color:#c3cad4;
}

.main-footer .footer-bottom{
        position:relative;
        padding:15px 0px;
        border-top:1px solid rgba(255,255,255,0.15);
}

.main-footer .footer-bottom .copyright{
        position:relative;
        color:#c3cad4;
        font-size:14px;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}
section#footer{
	background-color: #222222;
}
.main-footer{
	position: static;
	max-width: 1200px;
	margin: 0 auto;
}
body{
    background-color: #222222;
}
.list-style-two li .icon{
    position: absolute;
    left: 0px;
    top: 0px;
    color: #f2570d;
    font-size: 24px;
    line-height: 24px;
}
.list-style-two li{
        position:relative;
        color:#c3cad4;
        font-size:16px;
        line-height:24px;
        font-weight:300;
        padding-left:50px;
        margin-bottom:20px;
}

#nav{
	background-color: #222222;
}

.main-header .header-top{
        position:relative;
        color:#ffffff;
        background-color:#222222;
}

/***
====================================================================
        Main Header style
====================================================================

***/

.main-header{
        position: relative;
        left: 0;
        top: 0;
        width:100%;
        z-index: 9999;
}


.main-header .header-top{
        position:relative;
        color:#ffffff;
        background-color:#222222;
}

.main-header .header-top .inner-container{
        position:relative;
}

.main-header .header-top .top-right{
        position:relative;
        float:right;
        padding:11px 0px 7px;
}

.main-header .header-top .top-right .links{
        position:relative;
        float:right;
}

.main-header .header-top .top-right .links li{
        position:relative;
        float:left;
        line-height:1em;
        color:#ababab;
}

.main-header .header-top .top-right .links li:last-child:after{
        display:none;
}

.main-header .header-top .top-right .links li .icon{
        position:relative;
        top:0px;
        color:#eeeeee;
        font-size:12px;
        padding-right:8px;
        line-height:1em;
}

.main-header .header-top .top-right .links li a{
        position:relative;
        line-height:24px;
        color:#eeeeee;
        font-size:14px;
        font-weight:400;
        padding-left:14px;
        margin-left:15px;
        border-left:1px solid #ababab;
        -moz-transition:all 500ms ease;
        -webkit-transition:all 500ms ease;
        -ms-transition:all 500ms ease;
        -o-transition:all 500ms ease;
        transition:all 500ms ease;
        font-family: 'Roboto', sans-serif;
}


.main-header .header-top .top-right .links li a:hover{
        color:#f2570d;
}

.main-header .header-top .top-left{
        position:relative;
        float:left;
        padding:7px 0px;
}


/*Language Dropdown*/

.main-header .language{
        position:relative;
        top:2px;
        line-height:1em;
        display:inline-block;
}

.main-header .language .flag-icon{
        margin-right:10px;
}

.main-header .language .dropdown-menu{
        top:100%;
        right:0px;
        left:auto;
        width:170px;
        border:none;
        padding:0px;
        margin-top:14px;
        border-radius:0px;
        background-color:#222222;
    border-top:3px solid #f2570d;
}

.main-header .language > a{
        color:#eeeeee;
        padding:0px 0px;
        background:none !important;
        text-transform:capitalize;
        display:inline-block;
    border:0px;
        font-weight:400;
        font-size:14px;
        line-height:1em;
        font-family: 'Roboto', sans-serif;
}

.main-header .language > a:after{
        display:none;
}

.main-header language a:hover{
        background:none;
}

.main-header .language .dropdown-menu > li{
        padding-right:0px !important;
        margin:0px !important;
        float:none;
        display:block !important;
    border-bottom: 1px solid rgba(255,255,255,0.20);
}

.main-header .language .dropdown-menu > li:last-child{
        border-bottom:none;
}

.main-header .language .dropdown-menu > li > a{
        padding:12px 20px;
        color:#ffffff;
        display:block;
        text-align:left;
        font-size:15px;
        -webkit-transition:all 300ms ease;
        -ms-transition:all 300ms ease;
        -o-transition:all 300ms ease;
        -moz-transition:all 300ms ease;
        transition:all 300ms ease;
}

.main-header .language .dropdown-menu > li > a:hover{
        color:#ffffff !important;
        background-color:#f2570d;
}

.main-header .main-box{
        position:relative;
        display: block;
}

.main-header .inner-container{
        position: relative;
        padding: 0 5px;
}

.main-header .logo-box{
        position: relative;
        float: left;
        z-index: 10;
}

.main-header .logo-box .logo{
        position: relative;
        padding: 15px 0 15px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
}

.main-header .nav-outer{
        position: static;
        float: right;
}

.navbar-toggler{
        border: 0 !important;
}

.main-menu {
    position: static;
    float: left;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

.main-menu .navbar-header{
        display: none;
}

.main-menu .navbar-collapse{
        padding:0px;
}

.main-menu .navigation{
        position:static;
        margin:0px;
}

.main-menu .navigation > li{
        position:relative;
        float:left;
        margin-left: 45px;
        -webkit-transition:all 300ms ease;
        -moz-transition:all 300ms ease;
        -ms-transition:all 300ms ease;
        -o-transition:all 300ms ease;
        transition:all 300ms ease;
}

.main-menu .navigation > li > a{
        position:relative;
        display:block;
        font-size:16px;
        line-height:30px;
        font-weight:400;
        color:#fff;
        padding:35px 0;
        opacity:1;
        text-align:center;

        -webkit-transition:all 300ms ease;
        -moz-transition:all 300ms ease;
        -ms-transition:all 300ms ease;
        -o-transition:all 300ms ease;
        transition:all 300ms ease;
}
.main-menu .navigation > li.active > a{
        color:#f2570d;
}
.main-menu .navigation > li > a:hover::before,
.main-menu .navigation > li.active > a::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 auto;
        width: 44px;
        height: 2px;
        background: #f2570d;
}
.main-menu .navigation > li > a:hover::after,
.main-menu .navigation > li.active > a::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        width: 0;
        height: 0;
        margin: 0 auto;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #f2570d;
        transform: translateX(-50%);
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
        color:#25262c;
        background:#ffffff;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
        font-family: 'IcoFont !important';
        content: "\ea99";
        position:absolute;
        right:10px;
        top:11px;
        width:10px;
        height:20px;
        display:block;
        color:#292929;
        line-height:20px;
        font-size:13px;
        font-weight: 900;
        text-align:center;
        z-index:5;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
        color:#ffffff;
}

.main-menu .navigation > li > ul{
        position:absolute;
        left:0px;
        top:110%;
        width:200px;
        padding:0px 0px;
        z-index:100;
        background:#222222;
        -webkit-transition:all 200ms linear;
        -moz-transition:all 200ms linear;
        -ms-transition:all 200ms linear;
        -o-transition:all 200ms linear;
        transition:all 200ms linear;
        opacity: 1;
        -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul.from-right{
        left:auto;
        right:0px;
}

.main-menu .navigation > li > ul > li{
        position:relative;
        width:100%;
        border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li:last-child{
        border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
        position:relative;
        display:block;
        padding:10px 20px;
        line-height:24px;
        font-weight:400;
        font-size:15px;
        color:#ffffff;
        text-align:left;

    border-left: 4px solid transparent;
        transition:all 500ms ease;
        -moz-transition:all 500ms ease;
        -webkit-transition:all 500ms ease;
        -ms-transition:all 500ms ease;
        -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
    border-left: 4px solid #f2570d;
        background:#070708;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
        content: "\eaa0";
        position:absolute;
        right:15px;
        top:11px;
        width:10px;
        height:20px;
        display:block;
        line-height:20px;
        font-size:16px;
        color: #ffffff;
        font-weight:normal;
        text-align:center;
        z-index:5;
        font-family: 'IcoFont !important';
}

.main-menu .navigation > li > ul > li > ul{
        position:absolute;
        left:110%;
        top:0%;
        width:200px;
        padding:0px 0px;
        z-index:100;
        background:rgba(47,46,50,.90);
        -webkit-transition:all 200ms linear;
        -moz-transition:all 200ms linear;
        -ms-transition:all 200ms linear;
        -o-transition:all 200ms linear;
        transition:all 200ms linear;
        -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul > li{
        position:relative;
        width:100%;
        border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
        border-bottom:none;
}

.main-menu .navigation > li > ul > li  > ul > li > a{
        position:relative;
        display:block;
        padding:10px 20px;
        line-height:24px;
        font-weight:400;
        font-size:15px;
        color:#ffffff;
        text-align:left;

    border-left: 4px solid transparent;
        transition:all 500ms ease;
        -moz-transition:all 500ms ease;
        -webkit-transition:all 500ms ease;
        -ms-transition:all 500ms ease;
        -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li  > ul > li > a:hover{
        color: #ffffff;
        background:#070708;
    border-left: 4px solid #f2570d;
}

.main-menu .navigation > li.dropdown:hover > ul{
        -webkit-transition:all 300ms linear;
        -moz-transition:all 300ms linear;
        -ms-transition:all 300ms linear;
        -o-transition:all 300ms linear;
        transition:all 300ms linear;
        visibility:visible;
        opacity:1;
        top:100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
        visibility:visible;
        opacity:1;
        top: 0;
        left: 100%;
        transition:all 500ms ease;
        -moz-transition:all 500ms ease;
        -webkit-transition:all 500ms ease;
        -ms-transition:all 500ms ease;
        -o-transition:all 500ms ease;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
        position:absolute;
        right:10px;
        top:8px;
        width:34px;
        height:30px;
        border:1px solid #ffffff;
        text-align:center;
        font-size:16px;
        line-height:30px;
        color:#ffffff;
        cursor:pointer;
        z-index:5;
        display:none;
}

.main-header .outer-box {
        position: relative;
        float: right;
        top: 0;
        right: 0;
}
.main-header .outer-box .nav-toggler {
        position: relative;
        margin-left: 25px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        font-size: 16px;
        color: #f2570d;
        transition: all 0.5s ease-in-out;
}
.main-header .outer-box .nav-toggler:hover{
        color: #fff;
}
/*===================================
                Header Style One
===================================*/
.header-style-one{
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 9999;
        background-color: #fff;
}

.header-style-one .header-lower{
        position: relative;
        background-color: rgba(0,0,0,0.80);
        margin: 0 30px;
        padding: 0 40px;
}

.header-style-one .header-lower:before{
        position: absolute;
        top: 0;
        left: -30px;
        height: 0;
        width: 0;
        border-left: 30px solid transparent;
        border-top: 100px solid rgba(0,0,0,0.80);
        content:"";
}

.header-style-one .header-lower:after{
        position: absolute;
        top: 0;
        right: -30px;
        height: 0;
        width: 0;
        border-right: 30px solid transparent;
        border-top: 100px solid rgba(0,0,0,0.80);
        content:"";
}


.header-style-one .nav-outer{
        float: right;
}

.header-style-one .main-menu .navigation > li{
        margin-left: 21px;
}

.header-style-one .main-menu .navigation > li > a{
        position: relative;
        color: #070708;
        font-weight: 400;
        font-size: 16px;

}
.header-style-one .main-menu .navigation > li:hover > a,
.header-style-one .main-menu .navigation > li.active > a{
        color: #f2570d;
        display: block;
}
.header-style-one .main-menu .navigation > li > a:before{
        position: absolute;
        left: 50%;
        width: 0;
        height: 1px;
        bottom: 35px;
        content: "";
        background-color: #f2570d;
        transition: all 300ms ease;
}


.header-style-one .main-menu .navigation > li:hover > a:before,
.header-style-one .main-menu .navigation > li.active > a:before{
        left: 0%;
        width: 100%;
}


.header-style-one .outer-box {
        padding: 29.5px 0;
        margin-left: 32px;
}

.header-style-one .search-box-btn:hover{
        color: #ffffff !important;
}

.header-style-one .search-box-outer .dropdown-menu{
        top: 20px !important;
}


/*Social Icons*/

.header-top .social-icon{
        position:relative;
        float:left;
}

.header-top .social-icon li{
        position:relative;
        float:left;
        margin-right:18px;
}

.header-top .social-icon li a{
        position:relative;
    display:block;
    line-height:30px;
    font-size:14px;
    color:#eeeeee;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    margin-top: 0;
}

.header-top .social-icon li a:hover{
        color:#f2570d;
}

.header-top .search-box-outer{
        display:inline-block;
        margin-left:25px;
}


/***

====================================================================
                                Sticky Header
====================================================================

***/

.sticky-header{
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: -1;
    background-color:#fff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -ms-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
}

.fixed-header .sticky-header{
        opacity:1;
        z-index: 9999;
        visibility:visible;
}

.fixed-header .sticky-header .logo{
    padding: 17px 0;
}

.sticky-header .main-menu .navigation > li{
        margin-left: 30px !important;
        padding: 0;
        margin-right: 0;
        background-color: transparent;
}

.sticky-header .main-menu .navigation > li > a:before,
.sticky-header .main-menu .navigation > li:after{
        display: none !important;
}

.sticky-header .main-menu .navigation > li > a{
        padding:25px 10px !important;
        line-height:30px;
        font-size:16px;
        font-weight:400;
        color:#333;

        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.active > a,
.sticky-header .main-menu .navigation > li.active-menu-item > a{
        opacity:1;
        color: #f2570d;
}

.sticky-header .main-menu .navigation > li > a:hover::after,
.sticky-header .main-menu .navigation > li.active > a::after{
        display: none;
}

.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li.dropdown > a:after{
        display: none;
}

.sticky-header .main-menu .navigation > li.dropdown:hover > ul{
        margin-top: 0;
}

/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu{
        position:static;
}

.main-menu .navigation > li > .mega-menu{
        position:absolute;
        left:0px;
        right: 0;
        margin: auto;
        width:100%;
        max-width: 1170px;
        background:rgba(0,0,0,.90);
    padding: 45px 40px 30px 45px;
    top: 100%;
        z-index:100;
        opacity: 0;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        transition:all 500ms ease;
        -moz-transition:all 500ms ease;
        -webkit-transition:all 500ms ease;
        -ms-transition:all 500ms ease;
        -o-transition:all 500ms ease;
        -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
        box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li:hover > .mega-menu{
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar{
        position: relative;
}

.main-menu .navigation > li .mega-menu-bar h3{
        position:relative;
        color:#f1f1f1;
        font-size:18px;
        font-weight:500;
        padding-bottom:10px;
        border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li .mega-menu-bar > ul{
        position:relative;

}

.main-menu .navigation > li .mega-menu-bar .column > ul > li{
        position:relative;
        width:100%;
        border-bottom:1px solid rgba(255,255,255,0.10);

        transition:all 500ms ease;
        -moz-transition:all 500ms ease;
        -webkit-transition:all 500ms ease;
        -ms-transition:all 500ms ease;
        -o-transition:all 500ms ease;
}

.main-menu .navigation > li .mega-menu-bar .column{
        position:relative;
        margin-bottom:10px;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
        border:none;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
        position:relative;
        display:block;
        padding:10px 20px;
        line-height:24px;
        font-weight:400;
        font-size:15px;
        color:#ffffff;
        text-align:left;

    border-left: 4px solid transparent;
        transition:all 500ms ease;
        -moz-transition:all 500ms ease;
        -webkit-transition:all 500ms ease;
        -ms-transition:all 500ms ease;
        -o-transition:all 500ms ease;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
    border-left: 4px solid #f2570d;
        background:#070708;
}

/*===================================
                Header Style One
===================================*/
.header-style-two{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 9999;
        background-color: transparent;
}

.header-style-two .navigation > li{
    margin-left: 32px;
}
.header-style-two .outer-box {
    position: relative;
    float: right;
    top: 25px;
    right: -20px;
}
.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li:hover > a{
        color: #282a2e;
}
.main-menu .navigation > li > a:hover::before,
.main-menu .navigation > li.active > a::before,
.main-menu .navigation > li > a:hover::after,
.main-menu .navigation > li.active > a::after{
        display: none;
}






.auto-container{
        position:static;
        max-width:1200px;
        padding:0px 15px;
        margin:0 auto;
}

/* Responsive */

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

@media only screen and (max-width: 1600px){
}
@media only screen and (max-width: 1440px){
        .main-banner-two .content-box .inner{
                padding: 136px 0px 230px;
        }
        .main-banner-two .curve-box{
                top: 99px;
        }
}
@media only screen and (max-width: 1439px){
        .main-banner .content-box {
            max-width: 609px;
        }
}

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

}
@media only screen and (max-width: 1139px){
        .main-banner .curve-box,
        .main-banner-two .curve-box{
                display: none;
        }
        .main-banner .bfcurve-box,
        .main-banner-two .bfcurve-box{
                display: none;
        }
        .main-banner .content-box,
        .main-banner-two .content-box{
                max-width: 100%;
        }
        .call-to-action-section .price-column a {
            margin-top: 20px;
        }
        .call-to-action-section h3{
                margin-right: 0;
        }
}

@media only screen and (min-width: 768px){
        .main-menu .navigation > li > ul,
        .main-menu .navigation > li > .mega-menu,
        .main-menu .navigation > li > ul > li > ul{
                display:block !important;
                visibility:hidden;
                opacity:0;
        }

}

@media only screen and (max-width: 1023px){
        .sticky-header{
                display: none !important;
        }

}
@media only screen and (max-width: 991px){
        .banner-form .form-group button{
                width: 100% !important;
        }
        .subcribes-section .inner-column .text-column h3{
                    margin-bottom: 15px;
        }
        .header-style-two .logo-box {
            float: none;
            text-align: center;
        }
        .header-style-two .nav-outer {
            float: none;
            text-align: center;
            width: 100%;
        }
        .header-style-two .outer-box{
                right: 0;
        }
        .main-banner-two .content-box .inner {
            padding: 200px 0px 230px;
        }
        .call-to-action-section h2,
        .call-to-action-section .price-column {
            text-align: center;
        }
        .call-to-action-section h3 {
            margin-right: 20px;
        }
        .call-to-action-section-two .button-column {
            text-align: left;
            margin-left: 142px;
        }
        .hosting-section .image-column .image img{
                width: 100%;
        }
}
@media only screen and (max-width: 768px){
        .main-header .logo-box {
            position: relative;
            float: none;
            margin-top: 7px;
            width: 100%;
            text-align: center;
        }
        .header-style-one .nav-outer {
            float: left;
        }
        .header-style-one .main-menu .navigation > li > a:before,
        .header-style-one .main-menu .navigation > li > a:after{
                display: none;
        }
        .main-footer .footer-bottom .copyright-text{
            float: none;
            padding: 20px 0;
            padding-right: 0;
            text-align: center;
        }
        .social-icon {
            position: relative;
            float: none;
            text-align: center;
            width: 100%;
            margin: 0 auto;
        }
        .social-icon li {
            float: none;
            display: inline-block;
            margin-bottom: 15px;
        }
        .header-style-two .outer-box {
            display: none;
        }
        .domain-section .sec-title {
            padding-bottom: 0px;
        }
}

@media only screen and (max-width: 767px){
        .header-style-one .outer-box{
                display: none;
        }

        .header-style-one .logo-box{
                float: left;
                width: auto;
        }

        .main-header .logo-box .logo{
                padding: 15px 0;
        }
        .header-style-two .logo-box {
            width: 100%;
            text-align: left;
        }
        .header-style-three .logo-box {
            float: left;
            width: auto;
            text-align: left;
        }
        .main-header .nav-outer{
                position: relative;
                width: 100%;
                margin-top: -80px;
        }

        .main-header .main-menu{
                padding-top: 0px;
                width: 100%;
                margin: 0px;
        }

        .main-menu .navbar-header {
            position: relative;
            float: none;
            display: block;
            text-align: right;
            width: 100%;
            padding: 8px 0px;
            right: 0px;
            top: 22px;
            z-index: 9;
        }

        .navbar-toggler{
                padding: 0;
        }

        .navbar-toggler .icon {
                position: relative;
                font-size: 28px;
                line-height: 43px;
                color: #fff;
                border: 0;
                outline: 0;
        }
        .navbar-toggler span {
        color: #282a2e;
            margin: 0;
                font-size: 28px;
                line-height: 43px;
        }

        .main-menu .collapse {
           max-height:500px;
                overflow:auto;
                float:none;
                width:100%;
                padding:10px 0px 0px;
                border:none;
                margin:0px 0px 15px;
                -ms-border-radius:0px;
                -moz-border-radius:0px;
                -webkit-border-radius:0px;
                -o-border-radius:0px;
                border-radius:0px;
                box-shadow:none;
   }

        .main-menu .collapse.in,
        .main-menu .collapsing{
                padding:10px 0px 0px;
                border:none;
                margin:0px 0px 15px;
                -ms-border-radius:0px;
                -moz-border-radius:0px;
                -webkit-border-radius:0px;
                -o-border-radius:0px;
                border-radius:0px;
                box-shadow:none;
        }

        .navbar-dark .navbar-toggler{
                border: 1px solid #ffffff;
        }

        .navbar-light .navbar-toggler{
                border: 1px solid #999999;
        }


        .main-menu .navbar-collapse > .navigation{
                float:none !important;
                margin:0px !important;
                width:100% !important;

                border:1px solid #ffffff;
                border-top:none;
        }

        .main-menu .navbar-collapse > .navigation > li{
                margin:0px !important;
                float:none !important;
                padding:0px !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;
                font-size:15px !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;
                padding:0px;
                outline:none;
                width:100%;
                background:#333333;
                -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;
                -webkit-transform: scaleY(1);
            -ms-transform: scaleY(1);
            -moz-transform: scaleY(1);
            transform: scaleY(1);
        }

        .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;
                border-bottom:none;
                opacity:1 !important;
                top:0px !important;
                left:0px !important;
                visibility:visible !important;
        }

        .main-menu .navbar-collapse > .navigation > li > ul > li:first-child,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:first-child{
                border-top:none !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:12px 20px !important;
                line-height:22px;
                color:#ffffff;
                font-weight:500;
                font-size:15px;
                background:#25262c;
                text-align:left;
        }

        .main-menu .navbar-collapse > .navigation > li > a:hover,
        .main-menu .navbar-collapse > .navigation > li > a:active,
        .main-menu .navigation > li .mega-menu-bar .column > ul > li > a,
        .main-menu .navbar-collapse > .navigation > li > a:focus{
                background:#ff5926;
        }

        .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 .navigation > li .mega-menu-bar .column > ul > li > a,
        .main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
                background:#25262c;
                color:#ffffff !important;
        }

        .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
                display:block;
        }

        .main-menu .navbar-collapse > .navigation li.dropdown:after,
        .main-menu .navigation > li > ul:before{
                display:none !important;
        }
        .header-style-five .search-box-outer {
            display: none;
        }

        /*=== Mega Menu Style ===*/

        .main-menu .navigation > li.has-mega-menu{
                position:relative !important;
        }

        .main-menu .navigation > li .mega-menu-bar .column{
                padding:0px;
                margin:0px;
        }

        .main-menu .navigation > li > .mega-menu{
                position:relative;
                width:100%;
                padding:0px !important;
                background:none !important;
                margin:0px !important;
                left:0px !important;
                top:0px !important;
        }

        .main-menu .navigation > li > .mega-menu .row{
                margin:0px;
                width:100%;
        }
        .main-menu .navigation > li > .mega-menu:before,
        .main-menu .navigation > li .mega-menu-bar h3{
                color:#ffffff !important;
                right:15px;
                font-size:16px;
                display:none !important;
        }
        .main-menu .navigation > li > .mega-menu,
        .main-menu .navigation > li .mega-menu-bar > ul{
                position:relative;
                border:none;
                float:none;
                visibility:visible;
                opacity:1;
                display:none;
                margin:0px;
                left:auto !important;
                right:auto !important;
                top:auto !important;
                padding:0px;
                outline:none;
                width:100%;
                background:#2c2c2c;
                -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;
                -webkit-box-shadow:none;
                -ms-box-shadow:none;
                -o-box-shadow:none;
                -moz-box-shadow:none;
                box-shadow:none;
        }
        .main-menu .navigation > li .mega-menu-bar .column > ul > li{
                border-top:1px solid rgba(255,255,255,1) !important;
                border-bottom:none;
                opacity:1 !important;
                top:0px !important;
                left:0px !important;
                visibility:visible !important;
        }

        .main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
                padding: 10px 10px !important;
                line-height:22px;
                color:#ffffff !important;
                background:#25262c ;
                font-size:14px;
                font-weight:600;
                text-transform:uppercase;
        }

        .main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
                background:#25262c ;
        }

        .main-menu .navigation > li > .mega-menu{
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
        }


        .header-style-two .navbar-toggler span{
                color: #fff;
        }
        .main-banner-two .content-box .inner {
            padding: 125px 0px 136px;
        }

        .main-banner .content-box .inner{
                padding: 80px 0px 77px;
        }

}

@media only screen and (max-width: 600px){
        .main-header .header-top .top-right {
            position: relative;
            float: none;
            width: 100%;
            text-align: center;
        }
        .main-header .header-top .top-right .links {
            display: inline-block;
            float: none;
        }
        .main-header .language{
            top: -7px;
        }
        .main-header .header-top .top-left,
        .header-top .social-icon{
                float: none;
                text-align: center;
        width: 100%;
        }
        .header-top .social-icon li{
                float: none;
        }

        .hosting-section .content-column .inner-column{
                padding-left: 0;
        }

}
@media only screen and (max-width: 599px){
        .call-to-action-section .price-column a {
            margin-top: 25px;
        }
        .hosting-section {
            padding: 0px 0px 45px;
        }
        .sidebar-page-container .comments-area .reply-comment {
            padding-left: 50px;
        }
        .call-to-action-section h2{
                line-height: 1.2em;
        margin-bottom: 20px;
        }
        .page-title{
            padding: 40px 0px;
        }
        .counter-section .sec-title h2{
                font-size: 30px;
        }
}

@media only screen and (max-width: 479px) {
        .main-header .header-top .top-right{
                text-align: left;
        }
        .main-header .header-top .top-left,
        .header-top .social-icon{
                text-align: left;
        }
        .main-header .logo-box .logo{
                padding: 15px 0;
                max-width: 70%;
        }
        .call-to-action-section-two .content-column .inner-column{
                padding-left: 0;
        }
        .call-to-action-section-two .content-column .inner-column:before{
                display: none;
        }

        .domain-form .form-group{
                padding-right: 0;
        }
        .domain-form .form-group .checked-btn{
                position: relative;
                width: 100%;
        }
        .call-to-action-section-two .button-column{
            margin-left: 0;
        }
        .blog-single .inner-box .lower-box .pull-right {
            float: left;
        }
        .sidebar-page-container .comments-area .comment{
                padding: 0;
        }
        .sidebar-page-container .comments-area .comment-box .author-thumb,
        .sidebar-page-container .comments-area .comment .comment-reply{
                position: relative;
        }
        .sidebar-page-container .comments-area .comment .comment-inner{
                padding-bottom: 15px;
        }
}

.navbar-toggler {
	background-color: transparent;
}

.navbar-main li.account {
    background-color: #222222;
}

.navbar-main .navbar-nav > .active > a, .navbar-main .navbar-nav > .active > a:focus, .navbar-main .navbar-nav > .active > a:hover, .navbar-main .navbar-nav > .open > a, .navbar-main .navbar-nav > .open > a:focus, .navbar-main .navbar-nav > .open > a:hover, .navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > li > a:hover {
    color: #eee;
    background-color: #444444;
}

ul.top-nav > li.primary-action > a.btn {
    background-color: #222222;
}

.btn-primary {
    background-color: #222222;
    border-color: #000000;
}

.btn-primary:hover {
    background-color: #444444;
    border-color: #000000;
}
.btn-primary:hover:active {
    background-color: #333333;
    border-color: #000000;
}


.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #222222;
    border-color: #000000;
}