/*** RESPONSIVE STYLE ***/

@media only screen and (max-width: 1600px) {
    /** Blocks **/


}

@media only screen and (max-width: 1440px) {
    /** Header **/
    /* Top */

    /* Navigation */

    /* Hero */

    .hero .find-hot-deals { top: 250px; }

    /** Main **/
    /* Services */

    /** Blocks **/

    .block .block-text { padding-top: 6%; }
    .block .block-text h4 {
        font-size: 38px;
        margin-bottom: 25px;
    }
    .block .block-text p { margin-bottom: 17px; }

    .block .block-text button { padding: 15px 40px; }

    /** Slider **/

    /** Clients **/

    /** Footer **/

    /*** Page: Single product
    ========================= ***/

    /** Prices boxes **/

    /** Progress bar **/

    /*** Page: Why Bytehouse
    ======================== ***/

    /* Sidebar */

    /* Content */

    /*** Page: About
    ================ ***/

    /*** Page: Blog
    =============== ***/

    /* Articles */

    /* Sidebar */

    /* Pagination */
}

@media only screen and (max-width: 1366px) {
    /** Header **/
    /* Top */

    /* Navigation */

    /* Hero */
    .hero .intro {
        padding-top: 270px;
    }

    /** Main **/
    /* Services */

    /** Blocks **/

    .block .block-text {
        padding-left: 5%;
        padding-top: 5%;
    }
    .block.invert .block-text { margin-left: 0; }

    .block .block-img img { height: 100%; }

    /** Slider **/

    /** Clients **/

    /** Footer **/

    /*** Page: Single product
    ========================= ***/
    /** Prices boxes **/

    .prices-holder { padding: 70px 20px 90px; }

    /** Progress bar **/

    .progress-bar-wrapper { padding: 0 20px; }

    /*** Page: Why Bytehouse
    ======================== ***/

    /* Sidebar */

    /* Content */

    /*** Page: About
    ================ ***/

    /*** Page: Blog
    =============== ***/

    /* Articles */

    /* Sidebar */

    /* Pagination */
}

@media only screen and (max-width : 1280px) {
    /** Header **/
    /* Top */

    /* Navigation */

    /* Hero */
    .hero .intro { padding-top: 360px; }

    /** Main **/
    /* Services */

    /** Blocks **/

    /** Slider **/

    /** Clients **/

    /** Footer **/

    /*** Page: Single product
    ========================= ***/

    /** Prices boxes **/

    /** Progress bar **/

    /*** Page: Why Bytehouse
    ======================== ***/

    /* Sidebar */

    /* Content */

    /*** Page: About
    ================ ***/

    /*** Page: Blog
    =============== ***/


    /* Articles */

    /* Sidebar */

    /* Pagination */

    /* Contact page */

    .contact-holder .text {
        padding-left: 8%;
    }
}
@media only screen and (max-width: 1180px) {

    .top { padding: 0 20px; }
    .main-nav img { padding-left: 20px; }

    .main-nav ul li { margin-left: 40px; }

    .main-nav .right { margin-right: 20px; }

    .small-sidebar-holder { 
        display: block;
        margin-left: 15px;
        margin-bottom: 20px;
    }

    .small-sidebar-holder .sod_select {
        width: 70%;
    }
    .small-sidebar-holder .sod_list_wrapper { width: 75%; }

    .product aside { display: none; }

    .register section {
        width: 100%;
        float: none;
        padding: 0 20px;
        border: none;
    }
    .register section .white-box {
        border: 1px solid #d4d8da;
    }
    .register aside {
        position: relative;
        width: 100%;
        margin-bottom: 45px;
    }

    .product section {
        width: 98%;
        margin: 0 1%;
        float: none;
    }
    
    .product.checkout section { margin-top: 40px; }
    
    .product.checkout .small-sidebar-holder { margin-top: 35px; }
}

@media only screen and (max-width: 1080px) {
    /** Header **/
    /* Top */

    /* Navigation */

    /* Hero */

    .hero .intro-p .line { width: 210px; }

    .hero .intro > h2 { font-size: 66px; }

    /** Main **/
    /* Services */

    /** Blocks **/

    /** Slider **/

    /** Clients **/

    /** Footer **/

    footer .container{ padding: 0 30px;}

    footer.inner { padding: 0 20px; }

    footer .knowledge { margin-right: 30px; }

    footer .copyright { margin: 30px 0 0 0; }

    footer.inner .copyright { margin: 0; }

    /*** Page: Single product
    ========================= ***/

    /** Prices boxes **/

    /** Progress bar **/

    /*** Page: Why Bytehouse
    ======================== ***/

    /* Sidebar */

    /* Content */

    /*** Page: About
    ================ ***/

    /*** Page: Blog
    =============== ***/

    .blog section article h4 {
        font-size: 19px;
        min-height: 50px;
    }
    .blog.post section article h4 { min-height: 0; }

    /* Articles */

    /* Sidebar */

    /* Pagination */
}

@media only screen and (max-width: 1024px) {
    /** Header **/
    /* Top */

    /* Navigation */
    .main-nav {
        background: rgba(0,0,0,0.8);
    }
    header.fixed .main-nav { 
        position: relative;
        height: 90px;
    }

    .main-nav .right { display: none; }
    .main-nav .right.opened { 
        display: block;
        position: absolute;
        top: 100px;
        margin-top: 0;
        float: none !important;
        width: 100%;
        background: rgba(0,0,0,0.8);
        border-top: 1px solid #fff;
    }
    .main-nav .right.opened nav { display: block; }
    .main-nav .right.opened ul li {
        display: block;
        margin-left: 0;
        text-align: center;
        border-bottom: 1px solid #fff;
        line-height: 60px;
        position: relative;
    }
    .main-nav .right.opened ul li.why-bh:after {
        position: absolute;
        top: 0;
        right: 30px;
    }
    .main-nav .right.opened ul li a { display: block; }
    .main-nav .right.opened .search {
        display: block;
        margin-left: 0;
        text-align: center;
        line-height: 45px;
        background: rgba(0,0,0,0.65);
        cursor: pointer;
    }
    .main-nav ul li ul {
        position: initial;
        top: initial;
        left: initial;
        padding: 0 30px;
        overflow-y: scroll;
        overflow-x: hidden;
        max-height: 270px;
        border-top: 1px solid #bababa!important;
        background: #e7e7e7;
    }
    header.fixed .main-nav ul li ul {
        background: #e7e7e7;
        padding: 0 30px;
    }
    
    nav > ul > li > a { line-height: inherit !important; }
    .main-nav ul li.why-bh > a::after { top: 0 !important; }
    
    
    .main-nav ul li.why-bh:hover ul { display: none; }
    .main-nav ul li.why-bh > a::after { right: 65px; }
    
    header .main-nav ul li, header.transparent.fixed .main-nav ul li {
        margin-bottom: 0;
    }
    .menu-toggler { 
        display: block;
        float: right;
        font-size: 36px;
        line-height: 95px;
        cursor: pointer;
        margin-right: 20px;
    }
    header.fixed .menu-toggler { color: #181e22; }

    header.fixed .main-nav .right.opened { 
        top: 90px;
        background: rgba(255,255,255,1);
        border-top: 1px solid #181e22;
    }
    header.fixed .main-nav .right.opened ul li { border-bottom: 1px solid #181e22; }
    header.fixed .main-nav .right.opened ul li:last-child {
        border-bottom: 0;
    }

    header.fixed .main-nav .right.opened .search { background: rgba(255,255,255,0.95) }

    .services-tabs .tab-bot > a {
        bottom: initial;
    }

    /* Hero */

    /** Main **/
    
    .single-product main { margin-top: 95px !important; }

   
    /* Services */

    /** Blocks **/

    /** Slider **/

    /** Clients **/

    /** Footer **/

    /*** Page: Single product
    ========================= ***/

    /** Prices boxes **/

    /** Progress bar **/

    .skillbar,
    .skillbar-bar { height: 45px; }

    .skill-bar-percent { 
        line-height: 45px;
        font-size: 28px;
    }

    .progress-bar-holder span {
        font-size: 22px;
        margin-bottom: 15px;
    }

    /*** Page: Why Bytehouse
    ======================== ***/

    /* Sidebar */

    /* Content */

    /*** Page: About
    ================ ***/

    /*** Page: Blog
    =============== ***/

    /* Articles */

    /* Sidebar */

    /* Pagination */
}

@media only screen and (max-width : 992px) {
    /** Header **/
    /* Top */
    
    /* Navigation */

    /* Hero */
    .hero .intro-p .line { width: 140px; }

    .hero .intro p { font-size: 26px; }

    .hero .intro > h2 { font-size: 52px; }

    .hero .intro > a { padding: 17px 40px; }

    /** Main **/
    /* Services */
    .services > h3 {
        font-size: 42px;
        padding: 45px 0;
    }
    .services-tabs .tab-top .about h3 { 
        font-size: 32px;
        margin-bottom: 30px;
    }
    .services-tabs .tab-top .about p { 
        font-size: 17px;
        line-height: 26px;
    }
    .services-tabs ul li p { font-size: 16px; }

    .services-tabs .tab-top .box {
        float: none; 
        width: 240px;
        padding: 15px 0;
        margin: 0 auto 20px;
    }

    .services-tabs .tab-bot ul {
        width: 100%;
        float: none;
        overflow: hidden;
    }
    .services-tabs .tab-bot ul li {
        font-size: 17px;
        margin-bottom: 25px;
    }
    .services-tabs .tab-bot > a {
        position: relative;
        width: 230px;
        margin: 0 auto;
        display: block;
        padding: 15px 0;
        text-align: center;
    }

    /** Blocks **/

    .block .block-text {
        padding-left: 4%;
        padding-top: 4%;
    }
    .block.invert .block-text { padding-right: 4%; }

    .block .block-img img { height: 100%; }

    .block .block-text h4 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .block .block-text p {
        font-size: 17px;
        line-height: 24px;
    }

    /** Slider **/

    /** Clients **/

    /** Footer **/

    footer .knowledge {
        float: none;
        max-width: 445px;
        margin-right: 0;
        margin: 0 auto;
    }

    footer .get-in-touch {
        float: none;
        width: 100%;
        margin-top: 40px;
    }
    .social.clear { margin-top: -55px; }


    footer.inner .left a,
    footer.inner .phone-number {
        display: block;
        max-height: 33px;
        line-height: 33px;
    }

    /** Custom **/

    .server-holder h4 { font-size: 22px; }
    .server-holder ul li { font-size: 15px; }



    /*** Page: Single product
    ========================= ***/

    /** Prices boxes **/

    .price-box-holder {
        width: 48%;
        padding-right: 0;
        margin-bottom: 35px;
    }
    .price-box-holder:nth-child(even) { margin-right: 4%; }

    /** Progress bar **/

    .skillbar,
    .skillbar-bar { height: 40px; }

    .skill-bar-percent { 
        line-height: 40px;
        font-size: 24px;
    }

    .progress-bar-holder span {
        font-size: 21px;
        margin-bottom: 13px;
    }

    /*** Page: Why Bytehouse
    ======================== ***/

    /* Sidebar */

    /* Content */

    /*** Page: About
    ================ ***/

    /*** Page: Blog
    =============== ***/

    .blog section,
    .why section {
        width: 100%;
        float: none; 
        margin-right: 0;
    }

    /* Articles */

    /* Sidebar */

    .blog aside,
    .why aside {
        width: 100%;
        float: none;
        margin-top: 0;
    }

    .why aside { margin-bottom: 35px; }

    /* Pagination */

    /* Contact page */

    .contact-holder .text {
        padding: 50px 5% 3%;
    }
    .contact-holder .text p {
        margin-bottom: 40px;
    }
    .contact-holder .text span {
        font-size: 22px;
        line-height: 27px;
    }

    /** Custom **/

    .register .white-box > img { max-width: 100%; }
    
    .domain-wrap .white-box button {
        width: 150px;
        margin-left: 35px;
    }
    
    .domain-wrap input { width: 320px; }

}

@media only screen and (max-width : 768px) {
    /** Header **/
    /* Top */

    /* Navigation */

    /* Hero */

    .hero .intro p { width: auto; }

    /** Main **/
    /* Services */

    /** Blocks **/

    /** Slider **/

    /** Clients **/

    /** Footer **/

    /*** Page: Single product
    ========================= ***/

    /** Prices boxes **/

    /** Progress bar **/

    /*** Page: Why Bytehouse
    ======================== ***/

    /* Sidebar */

    /* Content */

    /*** Page: About
    ================ ***/

    /*** Page: Blog
    =============== ***/

    /* Articles */

    .blog section article {
        min-height: 500px;
    }

    /* Sidebar */

    /* Pagination */

    .pagination { margin-bottom: 35px; }

    .pagination .page-number {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }

    /* Why */

    .white-box { padding: 40px 15px 25px; }

    .white-box h2 {
        font-size: 42px;
        margin-bottom: 35px;
    }
    .white-box .inner-list h3,
    .why-bottom h3 {
        font-size: 32px;
        margin-bottom: 40px;
    }


    .white-box .inner-list ul li {
        font-size: 17px;
        padding-right: 30px;
    }
    
    /** Custom **/
    
    .domain-wrap .white-box button {
        width: 130px;
        height: 55px;
        margin-left: 30px;
    }
}

@media only screen and (max-width: 640px) {
    /** Header **/
    /* Top */
    .top .phone-number { display: none; }

    /* Navigation */

    /* Hero */
    .hero { min-height: 700px;}

    .hero .intro { padding-top: 260px; }

    .hero .find-hot-deals { top: 140px; }

    .hero .intro-p .line { display: none; }

    .hero .intro > h2 { font-size: 30px; }
    .hero .intro p {
        font-size: 18px;
    }

    /** Main **/
    /* Services */

    .services-tabs .container > ul:before, .services-tabs ul .container > :after { display: none; }

    /** Blocks **/

    .block .block-img { display: none; }

    .block .block-text {
        width: 100% !important;
        padding: 11% 8%  15% 8%!important;
    }

    /** Slider **/

    .slider { width: 75%; }

    .slider .slider-item .text-holder {
        width: 95%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    /** Clients **/

    /** Footer **/

    /*** Page: Single product
    ========================= ***/

    /** Prices boxes **/

    .prices-holder { padding: 45px 20px 60px; }
    .prices-holder h2 { 
        font-size: 42px;
        margin-bottom: 45px;
    }

    .price-box-holder {
        float: none;
        width: 80%;
        margin: 0 auto 35px;
    }
    .price-box-holder:nth-child(even) { margin-right: auto; } 

    .price-box h5 {
        font-size: 15px;
        line-height: 35px;
    }
    .price-box .price-box-head span {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .price-box .price-box-head p { font-size: 38px; }
    .price-box .price-box-head p sub { font-size: 28px; }

    .price-box ul li {
        font-size: 15px;
        padding: 12px 0;
    }
    .price-box button {
        padding: 10px 20px;
        font-size: 15px;
    }

    /** Progress bar **/

    .progress-bar-holder {
        padding: 0 !important;
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    .skillbar { margin-bottom: 25px;}

    /*** Page: Why Bytehouse
    ======================== ***/

    /* Sidebar */

    /* Content */

    /*** Page: About
    ================ ***/

    /*** Page: Blog
    =============== ***/

    .blog.post section article h3 {
        font-size: 32px;
        margin-top: 20px;
        margin-bottom: 35px;
    }

    .blog.post section article p,
    .why section p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 30px;
    }

    .blog.post section article h4 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    /* Articles */


    .blog section article img {
        height: 200px;
    }

    .blog.post main,
    .why main { padding: 0 15px; }

    .blog.post section article {
        padding: 15px 15px 35px 15px;
    }

    .blog.post section article h3 {
        font-size: 26px;
        margin-bottom: 30px;
    }

    /* Sidebar */

    /* Pagination */

    /* Social button */

    .blog .share-buttons a {
        float: none;
        width: 70%;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .blog .share-buttons a:last-child { margin-right: auto;}


    .white-box .inner-list ul li {
        font-size: 16px;
        padding: 6px 10px 6px 30px;
    }

    .why-bottom ul li {
        font-size: 16px;
        height: 45px;
        padding-left: 30px;
    }

    /* Contact page */

    .contact-holder .text {
        width: 100%;

    }
    .contact-holder .contact-map {
        position: relative;
        top: inherit;
        width: 100%;
        height: 300px;
    }

    /** Custom **/

    .login-content > h2,
    .register .white-box > h2 { font-size: 36px; }

    .login-content > span,
    .register .white-box > span {
        display: block; 
        font-size: 22px;
        padding-left: 0;
        margin-top: 8px;
    }
    .login-form { 
        width: 95%;
        margin-top: 50px;
    }

    .login-form .buttons {
        margin-top: 45px;
    }

    .login-form .buttons button {
        width: 48%;
        font-size: 11px;
        padding: 0;
        margin: 0;
    }

    .register-inputs .left { 
        float: none;
        padding: 0 !important;
        width: 100%;
    }
    .register-inputs .left:first-child span { margin-bottom: 15px; }


    .product h2 {
        font-size: 42px;
        padding-bottom: 45px;
    }

    .server-holder {
        float: none;
        width: 95%;
        margin: 0 auto 35px !important;
    }

    .server-holder h4 { 
        font-size: 22px;
        padding-left: 15px;
    }

    .server-holder .server-price { padding: 16px 0; }
    .server-holder button { padding: 10px 0; }
    
    .transfer-content {
        width: 95%;
        margin: 0 auto;
    }
    .transfer-content .sod_select { width: 22%; }
    
    .domain-wrap input { width: 60%; }
    
    .domain-wrap .white-box button {
        display: block;
        margin: 0 auto;
    }
    .domain-wrap .white-box .sod_select,
    .domain-wrap .white-box .sod_select .sod_list_wrapper {
        width: 90px;
    }
    
    .domain-wrap .white-box .domain-checker span:first-of-type { font-size: 11px; }
    
    .domain-wrap .white-box .sod_select, 
    .domain-wrap .white-box .sod_select .sod_list_wrapper {
        width: 70px;
    }
    
    .domain-wrap .white-box input[type="checkbox"] + label {
        font-size: 17px;
    }
    .domain-wrap .white-box input[type="checkbox"] + label span { margin-right: 5px; }
    
    .checkout .white-box { 
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .checkout .register-inputs .info { 
        display: block;
        margin: 0 auto 35px;
        width: 300px;
        padding: 8px 0;
    }
    
    /* Last */
    .services-tabs .container > ul::before, .services-tabs .container > ul::after { height: 160px; }
}

@media only screen and (max-width : 480px) {
    /** Header **/
    /* Top */
    .top {
        font-size: 12px;
        height: 35px;
        line-height: 35px;
    }
    .top .left a { margin-right: 12px; }

    .top .right a {
        height: 35px;
        padding: 0 10px;
    }
    .top .right a::before { margin-right: 4px; }

    .top .right a.login { height: 35px; }
    /* Navigation */

    .main-nav img {
        max-width: 210px;
        padding-left: 15px;
        margin-top: 26px;
    }

    /* Inner */

    .top.inner .right a::before { margin-right: 0; }
    .top.inner .right a {
        margin-right: 7px;
        padding: 0;
    }
    .top.inner .right > div { margin-right: 10px; }

    /* Hero */
    .hero {
        background-attachment: scroll;
    }
    .hero .chat-now p {

    }
    /** Main **/
    /* Services */

    .services-tabs .container > ul li { width: 50%;  height: 160px; }

    .services-tabs .container > ul li.active:before {
        display: none;
    }

    .services-tabs .container > ul li .icon-holder {
        width: 65px;
        height: 65px;
    }
    .services-tabs .container > ul li .icon-holder i.ion-ios-cloud-outline { 
        font-size: 50px;
        margin-top: 5px;
    }
    .services-tabs .container > ul li .icon-holder i.ion-ios-locked-outline {
        font-size: 32px;
        margin-top: 15px;
    }
    .services-tabs .container > ul li .icon-holder i.ion-ios-cart-outline {
        font-size: 34px;
        margin-top: 16px;
    }
    .services-tabs .container > ul li .icon-holder i.ion-android-settings {
        font-size: 32px;
        margin-top: 16px;
    }

    .services-tabs .container > ul li p {
        font-size: 14px;
        font-weight: 100;
        line-height: 22px;
    }

    .services-tabs .tab-content { 
        padding: 30px 6% 40px;
        line-height: 22px;
    }
    .block .block-text {
        padding: 11% 6%  15% 6%!important;
    }
    .hero .chat_cnt span {
        left: -59px;
        padding: 6px 30px;
    }
    footer .container { padding: 0 6% !important; }

    .services-tabs .tab-top { margin-bottom: 25px; }

    .services-tabs .tab-top .box {
        max-width: 210px;
        padding: 10px 0;
    }
    .services-tabs .tab-top .box > p { font-size: 14px; }

    .services-tabs .tab-top .box > span { font-size: 36px; }
    .services-tabs .tab-top .box > span sub { font-size: 22px; }

    .services-tabs .tab-top .about h3 {
        font-size: 26px;
        margin-bottom: 25px;
    }
    .services-tabs .tab-top .about p {
        font-size: 16px;
        line-height: 22px;
    }

    .services-tabs .tab-bot ul li {
        font-size: 16px;
        margin-bottom: 20px;
        padding-left: 25px;
        width: 100%;
        float: none;
    }
    .services-tabs .tab-bot ul li::before {
        width: 10px;
        height: 10px;
    }

    /** Blocks **/

    /** Slider **/

    .slider-holder { padding-bottom: 75px; }

    .slider-holder > h2 {
        font-size: 36px;
        padding: 30px 0 35px;
    }
    .slick-prev { left: -35px; }
    .slick-next { right: -35px; }

    .slider .slider-item .text-holder {
        font-size: 16px;
        line-height: 22px;
        padding: 15px;
    }

    /** Clients **/

    .clients h2 {
        font-size: 36px;
        padding: 30px 0 35px;
    }

    /** Footer **/

    footer form .one-half {
        width: 100%;
        float: none;
        padding-right: 0!important;
    }
    footer form .one-half:first-child { padding-right: 0; }

    .social.clear { margin-top: 30px; }

    footer form input, footer form textarea {
        font-size: 16px;
        padding: 15px 20px;
    }

    footer form button.right {
        float: none !important;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    footer .copyright {
        font-size: 12px;
    }

    footer.inner { height: auto; }

    footer.inner .container .left { 
        float: none;
        text-align: center;
    }
    footer.inner .left a { margin-right: 0; }

    footer.inner .copyright { text-align: center; }

    /*** Page: Single product
    ========================= ***/

    /** Prices boxes **/

    .price-box-holder { width: 95%; }

    /** Progress bar **/

    .progress-bars { padding-bottom: 50px; }

    .progress-bars h2 {
        font-size: 42px;
        padding: 55px 0 30px;
    }
    .progress-bars p {
        font-size: 17px;
        line-height: 24px;
        width: 90%;
    }
    .progress-bar-wrapper { margin-top: 50px; }
    .progress-bar-holder { width: 95%; }

    .progress-bar-holder span {
        font-size: 19px;
        margin-bottom: 11px;
    }

    .skillbar, 
    .skillbar-bar { height: 35px; }

    .skill-bar-percent { 
        line-height: 35px;
        font-size: 21px;
    }

    /*** Page: Why Bytehouse
    ======================== ***/

    /* Sidebar */

    /* Content */

    /*** Page: About
    ================ ***/

    /*** Page: Blog
    =============== ***/

    /* Articles */

    .blog section article {
        float: none;
        width: 100%;
        height: auto !important;
        padding-bottom: 40px;
        min-height: 0;
    }
    .blog section article:nth-child(2n+1) { margin-right: 0; }

    .blog section article img { height: auto !important; }

    /* Sidebar */

    /* Pagination */

    /* Social buttons */

    .blog .share-buttons a { width: 90%; }

    /* Why */

    .white-box h2 {
        font-size: 36px;
        margin-bottom: 30px;
    }
    .why section p {
        line-height: 21px;
        margin-bottom: 25px;
    }
    .white-box .inner-list h3,
    .why-bottom h3 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .white-box .inner-list ul { display: block; }

    .white-box .inner-list ul li {
        width: 100%;
    }
    .white-box .inner-list {
        padding: 15px 12px;; 
    }

    /* Contact page */

    .contact-holder .text h5 { font-size: 22px; }

    .contact-holder .text p {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .contact-holder .text span {
        font-size: 19px;
        line-height: 22px;
    }

    /** Custom **/

    .product h2 {
        font-size: 32px;
        padding-bottom: 35px;
    }
    .server-holder ul { padding: 20px 5px 25px; }
    
    .transfer-content { width: 100%; }
    .transfer-content span { font-size: 13px; }
    
    .transfer-content input { width: 59%; }
    
    .transfer-content button {
        height: 40px;
        margin-top: 30px;
        width: 140px;
    }
    
    .register-transfer-domain .white-box h2 { font-size: 30px; }
    
    .checkout .register-inputs textarea {
        font-size: 16px;
    }
    .checkout .white-box > h2 {
        padding: 0;
        font-size: 40px;
    }
    .checkout .white-box {
        padding-left: 18px;
        padding-right: 18px;
    }
    .checkout .register-inputs .info { width: 100%; }
}

@media only screen and (max-width : 360px) {
    /** Header **/
    /* Top */
    .top .left a p::before { margin-right: 2px; }

    /* Navigation */

    /* Hero */

    /** Main **/
    /* Services */

    /** Blocks **/

    /** Slider **/

    /** Clients **/

    /** Footer **/

    /*** Page: Single product
    ========================= ***/

    /** Prices boxes **/

    /** Progress bar **/

    /*** Page: Why Bytehouse
    ======================== ***/

    /* Sidebar */

    /* Content */

    /*** Page: About
    ================ ***/

    /*** Page: Blog
    =============== ***/

    /* Articles */

    /* Sidebar */

    /* Pagination */

    .pagination .page-number {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }

    /* Why */

    .white-box .inner-list h3,
    .why-bottom h3 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .why-bottom ul li { font-size: 15px; }
}