/*

[Responsive Stylesheet]

Project: VirtuSky - Responsive HTML5 Technology, Web Hosting and WHMCS WordPress Theme
Author : themelooks.com



[TABLE OF CONTENTS]

1. MEDIA QUERIES
    1.1. LARGE DEVICES, WIDE SCREENS
    1.2. MEDIUM DEVICES, DESKTOPS
    1.3. SMALL DEVICES, TABLETS
    1.4. SMALL DEVICES, SMARTPHONES
    1.5. CUSTOM, IPHONE RETINA

*/

/*------------------------------------*\
    1. MEDIA QUERIES
\*------------------------------------*/
/* 1.1. LARGE DEVICES, WIDE SCREENS */
@media screen and (max-width: 1200px) {

    /* SECODARY MENU */
    #secondaryMenu a.navbar-brand{
        margin-top: 45px !important;
    }
}

@media screen and (min-width: 992px) {
	.hide-desktop {
		display: none;
	}
}

/* 1.2. MEDIUM DEVICES, DESKTOPS */
@media screen and (min-device-width : 768px) and (max-width: 991px) {

    .off-canvas-menu .nav li.opened .dropdown-menu,
    .off-canvas-menu .nav li.open .dropdown-menu li.dropdown .dropdown-menu,
    .off-canvas-menu .nav li .dropdown-menu{
        display: none;
    }
    .off-canvas-menu .nav li.open .dropdown-menu li.dropdown.open .dropdown-menu,
    .off-canvas-menu .nav li.open .dropdown-menu{
        display: block;
    }
	.hide-tablate {
		display: none;
	}

    /* SECODARY MENU */
    #secondaryMenu a.navbar-brand{
        margin-top: 20px !important;
    }

    /* OFFCANVAS MENU */
    .off-canvas-menu .nav li a{
        padding-left:15px;
    }

    /* MENU TOGGLE */
    .menu-toggle-btn{
        padding-top:26px !important;
    }
}

@media screen and (max-width: 991px) {
	.row-vc > div {
		display: block;
	}
	
    /* MENU AREA */
    .canvas-primary-menu .current_page_item .menu-item.current-menu-item a {
        background: #fff;
        color: #494949 !important;
    }
    .canvas-primary-menu .secondary-menu-links .current_page_item a:active,
    .canvas-primary-menu .secondary-menu-links .current_page_item a:focus,
    .canvas-primary-menu .secondary-menu-links .current_page_item a {
        background: #fff;
        color: #494949 !important;
    }
    ul.primary-menu-links > li > span {
        font-size: 13px;
    }
    .primary-menu-links li a {
        padding: 15px 12px;
    }
    
    .secondary-menu-links > li > a {
        padding: 10px 15px !important;
        line-height: 22px !important;
    }
    .secondary-menu-links li > a{
        padding: 10px 15px;
    }
	
	.canvas-primary-menu {
		display: block;
	}
	
	.canvas-primary-menu:before,
	.canvas-primary-menu:after {
		content: " ";
		display: table;
	}
	
	.canvas-primary-menu:after {
		clear: both;
	}
	
	.canvas-primary-menu .secondary-menu-links {
		float: none;
	}
	
	.canvas-primary-menu ul.secondary-menu-links {
		margin-bottom: 0;
	}
	
	.canvas-primary-menu .secondary-menu-links > li {
		float: none;
        text-align: left;
	}
	
	.canvas-primary-menu .secondary-menu-links > li > a {
		border-bottom-width: 0;
	}
	
	.canvas-primary-menu .secondary-menu-links > li > a:hover,
	.canvas-primary-menu .secondary-menu-links > li.active > a {
		color: #494949 !important;
		background-color: #fff;
	}
	
	.canvas-primary-menu li > .dropdown-menu {
		position: relative;
		float: none;
	}
	
	.canvas-primary-menu .secondary-menu-links .dropdown-menu > .dropdown > .dropdown-menu {
		left: 0;
	}
	
	 .canvas-primary-menu li:hover > .dropdown-menu {
		display: none;
	}

    .canvas-primary-menu .secondary-menu-links li .dropdown-menu li a:active,
    .canvas-primary-menu .secondary-menu-links li .dropdown-menu li a:focus,
	.canvas-primary-menu .secondary-menu-links li .dropdown-menu li a {
        padding-left: 30px;
        padding-right: 15px;
        background: #494949;
        color: #fff !important;
    }
    .canvas-primary-menu .secondary-menu-links .current-menu-ancestor a,
    .canvas-primary-menu .secondary-menu-links li .dropdown-menu li.current-menu-item a {
        background: #fff;
        color: #494949 !important;
    }
    /* .canvas-primary-menu .secondary-menu-links .current-menu-parent.current_page_parent ul .menu-item.current-menu-item a{
        background: #fff !important;
        color: #494949 !important;
    } */
    .canvas-primary-menu .secondary-menu-links .current-menu-parent.current_page_parent ul .menu-item.current-menu-item a:hover{
        color: #fff !important;
    }
    .canvas-primary-menu .secondary-menu-links li .dropdown-menu li.current-menu-parent.current_page_parent a{
        background: #fff ;
        color: #494949 !important;
    }
    .canvas-primary-menu .secondary-menu-links li .dropdown-menu li.current-menu-parent.current_page_parent ul li a{
        color: #fff !important
    }
    .canvas-primary-menu .secondary-menu-links li .dropdown-menu .dropdown-menu li a {
        background: #494949 !important;
        color: #fff !important;
    }
   
    .off-canvas-menu .nav li .dropdown-menu li > a:hover, 
    .off-canvas-menu .nav li .dropdown-menu li > a:focus{
        background: #494949;
    }
    .off-canvas-menu .nav li .dropdown-menu li.open > a:hover, 
    .off-canvas-menu .nav li .dropdown-menu li.open > a:focus{
        background: #fff;
        color: #494949 !important;
    }
	.canvas-primary-menu .secondary-menu-links .dropdown-menu > .dropdown > a:after {
		content: "\f0d7";
	}
	
	.canvas-primary-menu .secondary-menu-links li .dropdown-menu .dropdown-menu li a {
		padding-left: 45px;
		padding-right: 15px;
	}
	
	.canvas-primary-menu + .text-center {
		margin-top: 30px;
    }
 
    .canvas-primary-menu .secondary-menu-links .current-menu-ancestor .current-menu-item  a:hover{
        color: #fff !important;
    }
    .canvas-primary-menu .secondary-menu-links > li > a:active,
    .canvas-primary-menu .secondary-menu-links > li > a:focus,
    .off-canvas-menu .canvas-primary-menu .secondary-menu-links .current-menu-parent.current_page_parent a:focus,
    .off-canvas-menu .canvas-primary-menu .secondary-menu-links .current-menu-parent.current_page_parent a:active,
    .off-canvas-menu .canvas-primary-menu li a:focus,
    .off-canvas-menu .canvas-primary-menu li a:active{
        background: #fff;
        color: #494949 !important;
    }
    .off-canvas-menu #menu-primary-menu-2 .current-menu-parent.current_page_parent .menu-item.current-menu-item a{
        background: #494949;
        color: #fff !important;
    }
    .off-canvas-menu #menu-primary-menu-2 .current-menu-parent.current_page_parent .menu-item.current-menu-item a:hover,
    .canvas-primary-menu .secondary-menu-links .current-menu-parent.current_page_parent ul .menu-item.current-menu-item a:hover{
        background: #288feb !important;
    }
   
    .off-canvas-menu #menu-primary-menu-2 .current-menu-parent.current_page_parent .menu-item.current-menu-item a:hover{
        color: #fff !important;
    }
    /* .canvas-primary-menu .secondary-menu-links .current-menu-parent.current_page_parent ul .menu-item.current-menu-item a{
        color: #494949 !important;
    } */
    .off-canvas-menu #menu-primary-menu-2 .current-menu-parent.current_page_parent .menu-item.current-menu-item a{
        background: #fff;
        color: #494949 !important;
    }
    .canvas-primary-menu .secondary-menu-links li .dropdown-menu li a:active,
    .canvas-primary-menu .secondary-menu-links li .dropdown-menu li a:focus,
    .canvas-primary-menu .secondary-menu-links .current-menu-parent.current_page_parent ul .menu-item.current-menu-item a:hover,
    .off-canvas-menu #menu-primary-menu-2 .current-menu-parent.current_page_parent .menu-item.current-menu-item a:hover,
    .off-canvas-menu #menu-primary-menu-2 .current-menu-parent.current-menu-ancestor .menu-item a:hover,
    .canvas-primary-menu .secondary-menu-links li .dropdown-menu li a:hover{
        background: #fff !important;
        color: #494949 !important;
    }
    .secondary-menu-links .dropdown-menu > .dropdown > a:after {
        content: "\f0da";
        margin-left: 6px;
        font-family: "FontAwesome";
        font-size: 12px;
    }


    /* PAGE TITLE AREA */
    #pageTitle .breadcrumb {
        margin: -11px 0 30px;
        text-align: left;
    }

    /* BANNER AREA */
    .banner-item {
        padding-top: 30px;
    }

    .banner-item:not([data-bg-video]) > .container,
    .banner-item:not([data-bg-video]) > .container > .row,
    .banner-item:not([data-bg-video]) > .container > .row > div {
        height: auto;
    }

    .banner-item-img,
    .banner-item-content {
        margin-top: 50px;
    }

    .banner-item-img img {
        margin: 0 auto;
    }

    .banner--slider-nav {
        display: none;
        height: 0;
    }
    
    .banner-slider .owl-buttons {
        display: none;
    }

    /* DOMAIN SEARCH AREA */
    #domainSearch .left-content {
        margin-bottom: 30px;
        text-align: center;
    }

    #domainSearch .right-content {
        padding-left: 15px;
    }
    
    /* SERVICES AREA */
    .service-item-content + .service-item-img,
    .service-item-img + .service-item-content {
        margin-top: 50px;
    }

    /* ABOUT DESCRIPTION AREA */
    .about-desc-img {
        margin-bottom: 30px;
    }

    /* PRICING AREA */
    #pricing {
        padding-bottom: 80px;
    }

    /* PRICING TABLE AREA */
    .pricing-table-item {
        margin-bottom: 30px;
    }

    .pricing-table-item .pt-features {
        text-align: right;
    }

    .pricing-table-item .pt-features li strong {
        display: block;
        float: left;
    }
    
    /* BLOG AREA */
    #blog {
        padding-bottom: 60px;
    }

    .blog-page-content + .blog-page-sidebar {
        margin-top: 80px;
    }

    .blog-page-sidebar + .blog-page-content {
        margin-top: 50px;
    }
    
    #team > .container > .row > div {
        margin-bottom: 50px;
    }
    #team > .container > .row > div:last-child {
        margin-bottom: 0;
    }
    
    #footer {
        padding-bottom: 0;
    }
    
    #dedicatedPricing {
        padding-bottom: 50px;
    }
    #dedicatedPricing table {
        border: 0;
    }
    #dedicatedPricing table thead {
        display: none;
    }
    #dedicatedPricing table tr {
        margin-bottom: 30px;
        display: block;
        border-bottom: 2px solid #ddd;
    }
    #dedicatedPricing table td {
        display: block;
        text-align: right;
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
    }
    #dedicatedPricing table td:last-child {
        border-bottom: 0;
    }
    #dedicatedPricing table td span.labelText {
        display: block;
        float: left;
        margin-right: 15px;
        text-transform: uppercase;
        font-weight: bold;
    }
    #dedicatedPricing table tbody tr:nth-child(even) td {
        background-color: #fff;
    }
    
    #domainPricing {
        padding-bottom: 50px;
    }
    #domainPricing table {
        border: 0;
    }
    #domainPricing table thead {
        display: none;
    }
    #domainPricing table tr {
        margin-bottom: 30px;
        display: block;
        border-bottom: 2px solid #ddd;
        background-color: #fff;
    }
    #domainPricing table tbody tr:nth-child(even) td {
        background-color: #fff;
    }
    #domainPricing table td {
        display: block;
        text-align: right;
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
    }
    #domainPricing table td:last-child {
        border-bottom: 0;
    }
    #domainPricing table td span.labelText {
        display: block;
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }

    /* VPS PRICING AREA */
    .vps-pricing--tag {
        height: auto !important;
    }

    .vps-pricing--tag-content {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    /* FEATURES TAB AREA */
    .features-tab--nav ul li:before {
        display: none;
    }

    .features-tab--content + .features-tab--img,
    .features-tab--img + .features-tab--content {
        margin-top: 50px;
    }

    /* FAQ AREA */
    .faq-categories {
        margin-bottom: 50px;
    }
    .faq-categories ul li a:before {
        display: none;
    }

    /* POST COMMENT */
    .post-comments ul {
        padding-left: 0;
    }

    /* VERTICAL CENTERING */
    .row-vc > div[class*='col-md'] {
        display: block;
    }
}

/* 1.3. SMALL DEVICES, TABLETS */
@media screen and (max-width: 767px) {
    /* MENU AREA */
    /* .canvas-primary-menu li.active > .dropdown-menu {
        text-align: center;
    } */
    .canvas-primary-menu .secondary-menu-links .dropdown-menu > .dropdown.open > .dropdown-menu{
        display: block;
    }
    .canvas-primary-menu .secondary-menu-links .dropdown-menu > .dropdown > .dropdown-menu{
        display: none;
    }
    .secondary-menu-links > li > a {
        padding: 10px 25px !important;
    }
    .primary-social-menu-links {
        float: right;
        margin-top: 0;
        margin-bottom: 0;
    }
    .primary-menu-links {
        margin: 0;
    }
    .primary-menu-links,
    .primary-menu-links li,
    .primary-social-menu-links li {
        float: left;
    }
    #secondaryMenu .navbar-header {
        float: left;
        margin-top: 9px;
    }
	#secondaryMenu .custom-navbar-brand a,
    #secondaryMenu a.navbar-brand {
        margin-top: 16px;
        padding-left: 15px;
    }
	#secondaryMenu a.navbar-brand.text-logo {
		margin-top: 6px;
	}
    .secondary-menu-links {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }
    /* .secondary-menu-links > li:hover > .dropdown-menu {
        display: none;
    }
    .secondary-menu-links > li.open > .dropdown-menu {
        display: block;
        text-align: left;
    }  */
    #secondaryMenu a.navbar-brand{
        margin-top: 9px !important;
    }
    .navbar-nav .open .dropdown-menu>li>a{
        line-height: 22px !important;
    }
    .navbar-nav .open .dropdown-menu>li>a{
        padding: 12px 15px 12px 30px !important;
    }
    .menu-toggle-btn{
        padding-top:26px !important;
    }
    .registration-links {
        margin: 15px;
    }
    .hide-mobile {
		display: none;
	}
    /* BANNER AREA */
    .banner-item .row {
        display: block;
        width: auto;
    }
    .banner-item .row > div {
        display: block;
    }
    .banner-item-img {
        display: none;
    }
    
    /* Domain Search AERA */
    #domainSearchForm select.form-control {
        border-left: none;
        border-top: 1px solid #e9e9e9;
    }
    
    #copyright p.left, #copyright p.right {
        float: none;
        text-align: center;
    }
    #copyright p.left {
        margin: 0 0 20px;
    }

    #domainPricing > .container {
        padding: 0 15px;
    }
    
    ul.timeline:before {
        display: none;
    }
    ul.timeline > li {
        margin-bottom: 0px;
        position: relative;
        width: 100%;
        float: left;
        clear: left;
    }
    ul.timeline > li > .timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline > li > .timeline-panel {
        float: right;
        width: 100%;
        overflow: hidden;
    }
    .timeline > li:nth-child(odd) > .timeline-panel,
    .timeline > li:nth-child(even) > .timeline-panel {
        margin: 0;
    }
    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .timeline > li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .timeline > li.timeline-inverted > .timeline-badge {
        left: 28px;
    }
    
    .testimonial-slider.overload .owl-controls {
        margin-top: 0;
        margin-bottom: 0;
    }
    .testimonial-slider.overload .owl-page {
        width: auto;
        height: auto;
        margin: 0px 16px;
        padding: 0;
        border: none;
    }
    .testimonial-slider.overload .owl-page:before {
        bottom: 0;
    }
    .testimonial-slider.overload .owl-page span {
        display: none;
    }
    .testimonial-slider.overload .recommender-info {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    
    .faq-content {
        margin-top: 30px;
    }
    .faq-categories ul li a {
        overflow: hidden;
    }
    
    #contact.page {
        padding-bottom: 0;
    }
    #contact:before {
        display: none;
    }
    .contact-form {
        background-color: #f0f0f0;
        border-top: 1px solid #e9e9e9;
        margin-top: 80px;
        padding: 80px 0;
    }
    #contactForm {
        padding-left: 15px;
        padding-right: 15px;
    }
    #contactActions > .container > .row > div {
        margin-bottom: 60px;
    }
    #contactActions > .container > .row > div:last-child {
        margin-bottom: 0;
    }
	
	#contact .wpcf7-response-output {
		margin-top: -60px;
		margin-left: 15px;
		margin-right: 15px;
	}
    
    .post-social-links ul {
        text-align: left;
    }
    
    .counter > .container > .row > div {
        margin-bottom: 70px;
    }
    .counter > .container > .row > div:last-child,
    .counter > .container > .row > div:nth-last-child(2) {
        margin-bottom: 0;
    }

    /* FEATURES TAB AREA */
    .features-tab--content ul li {
        float: none;
        width: 100%;
    }
	
	.features-tab--item {
		padding: 40px;
	}
	
	/* PRICING AREA */
	.pricing--item {
		padding-left: 0;
		padding-right: 0;
	}
}

/* 1.4. SMALL DEVICES, SMARTPHONES */
@media screen and (max-width: 480px) {
	h1, .h1 {
		font-size: 28px;
	}
	.banner-item-content h2 {
		font-size: 26px;
	}
	h2, .h2 {
		font-size: 26px;
	}
	
	.section-title h2 {
		font-size: 28px;
	}
	
	.banner-item-content h1 span {
		font-size: 28px;
	}
	
	.features-tab--content h3 {
		font-size: 28px;
		line-height: 32px;
	}
	
	a.btn-custom.btn-lg {
		font-size: 14px;
	}
	
    /* MENU AREA */
    .primary-menu-links li span.email {
        display: none;
    }
    #secondaryMenu .navbar-header {
		width: 200px;
        margin-top: 12px !important;
	}

    /* MENU TOGGLE BUTTON */
    .menu-toggle-btn{
        padding-top: 27px !important;
    }
    #services {
        padding-bottom: 80px;
    }
    #services .container > .row > div {
        display: block;
    }
    
    #subscribeForm .input-box {
        width: 100%;
    }

    /* CONTACT INFO AREA */
    .contact-info--item {
        width: 100%;
    }

    /* COPYRIGHT AREA */
    #copyright img {
        display: block;
        margin: 10px auto;
        max-width: 100%;
    }
    
    .counter > .container > .row > div {
        width: 100%;
        float: none;
    }
    .counter > .container > .row > div:nth-last-child(2) {
        margin-bottom: 70px;
    }

    #loginForm p.help-block a {
        float: none !important;
        display: block;
    }
	
	/* HIDDEN XXS */
	.hidden-xxs {
		display: none !important;
	}
	
	/* COL XXS */
	.col-xxs-12 {
		float: none;
		width: 100%;
	}
}

/* 1.5. CUSTOM, IPHONE RETINA */
@media screen and (max-width: 320px) {
    .primary-social-menu-links li a {
        padding-left: 10px;
        padding-right: 10px;
    }

    /*MENU TOGGLE BUTTON*/
    .menu-toggle-btn{
        padding-left:0 !important;
        padding-top: 28px !important;
    }
}