API tools faq
paste
Advertisement
sandalzero

responsive.css

sandalzero
Sep 19th, 2019
179
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 39.24 KB | None | 0 0
raw download clone embed print report
  1. @media (max-width: 1630px){
  2.     .screenshot_area_two .screenshot_right .screenshot_carousel::before {
  3.         left: -6px;
  4.         width: 39.6%;
  5.         background-size: contain;
  6.     }
  7.     .screenshot_area_two .screenshot_right .screenshot_carousel .item img {
  8.         width: 100%;
  9.     }
  10.     .shop_now_slider .owl-prev {
  11.         left: 0px;
  12.         z-index: 5;
  13.     }
  14.     .shop_now_slider .owl-next {
  15.         right: 0px;
  16.         z-index: 5;
  17.     }
  18.     .ten_newsletter_area::before {
  19.         display: none;
  20.     }
  21. }
  22. @media (max-width: 1520px){
  23.     .body-padding {
  24.         padding: 50px 15px 0px;
  25.     }
  26. }
  27. @media (max-width: 1460px){
  28.     .server_b_inner .server_shap_img {
  29.         margin-left: 0px;
  30.     }
  31.     .server_b_inner .server_shap_img img {
  32.         width: 100%;
  33.     }
  34.     .ten_perfomance .ten_p_img {
  35.         text-align: center;
  36.         margin-left: 0px;
  37.     }
  38.     .ten_perfomance .ten_p_img img {
  39.         max-width: 100%;
  40.     }
  41.     .gd_right_img img{
  42.         max-width: 100%;
  43.     }
  44.     .slider_two_area #main_slider_two .tp-leftarrow.tparrows {
  45.         left: -150px !important;
  46.     }
  47.     .slider_two_area #main_slider_two .tp-rightarrow.tparrows {
  48.         right: -200px !important;
  49.         left: auto !important;
  50.     }
  51. }
  52. @media (max-width: 1380px){
  53.     .main_slider_area .rev_slider .tp-bullets {
  54.         left: auto !important;
  55.         right: -150px !important;
  56.     }
  57. }
  58. @media (max-width: 1215px){
  59.     .dash_tp_menu_area {
  60.         padding: 0px 0px 0px 10px;
  61.     }
  62. }
  63. @media (max-width: 1199px){
  64.     .app_round_image .round_c {
  65.         max-width: 85%;
  66.         position: relative;
  67.         top: 82px;
  68.     }
  69.     .app_feature_item.app_middle {
  70.         padding-top: 142px;
  71.     }
  72.     .app_feature_item.app_middle .round_icon {
  73.         top: 61px;
  74.     }
  75.     .left_choose_image ul li:nth-child(3) {
  76.         left: calc(50% - 220px);
  77.         top: calc(50% - 45px);
  78.     }
  79.     .left_choose_image ul li:nth-child(7) {
  80.         left: calc(50% + -9px);
  81.         top: 56px;
  82.     }
  83.     .install_app_area .install_left_content {
  84.         padding-left: 15px;
  85.     }
  86.     .left_question_inner .panel-group .panel-default .panel-heading .panel-title a {
  87.         font-size: 18px;
  88.         line-height: 30px;
  89.         padding: 20px 25px;
  90.     }
  91.     .right_question_img {
  92.         display: flex;
  93.     }
  94.     .right_question_img {
  95.         vertical-align: middle;
  96.         align-self: center;
  97.     }
  98.     .question_area .row {
  99.         display: flex;
  100.     }
  101.     .question_area .col-md-5{
  102.         display: flex;
  103.     }
  104.     .footer_copy_right .pull-left{
  105.         float: none !important;
  106.         text-align: center;
  107.     }
  108.     .footer_copy_right .pull-right{
  109.         float: none !important;
  110.         text-align: center;
  111.         padding-top: 12px;
  112.     }
  113.     .screenshot_area_two .screenshot_right .screenshot_carousel::before {
  114.         display: none;
  115.     }
  116.     .screenshot_area_two .screenshot_right .screenshot_carousel {
  117.         padding: 70px 0px 70px 0px;
  118.     }
  119.     .screenshot_area_two {
  120.         padding: 100px 15px;
  121.     }
  122.     .body-padding {
  123.         padding: 0px 0px 0px;
  124.         position: relative;
  125.     }
  126.     .mobile_menu_inner {
  127.         top: 0;
  128.         padding: 0px 15px;
  129.     }
  130.     .mobile_menu_inner .pull-left a {
  131.         line-height: 100px;
  132.     }
  133.     .mobile_menu_inner .pull-right .mobile_menu_icon ul li a {
  134.         line-height: 100px;
  135.     }
  136.     .bottom_imag img{
  137.         max-width: 100%;
  138.     }
  139.     .p_features_img.text-center img{
  140.         max-width: 100%;
  141.         margin-top: 50px;
  142.     }
  143.     .video_area_three .app-video {
  144.         margin-left: 0px;
  145.         margin-top: 52px;
  146.     }
  147.     .video_area_three .app-video img{
  148.         max-width: 100%;
  149.     }
  150.     .provide_feature_area .p_feature_left .p_f_left_content {
  151.         padding-left: 15px;
  152.         float: none;
  153.         margin: auto;
  154.     }
  155.     .exclusive_team_inner .col-md-3{
  156.         width: 100%;
  157.     }
  158.     .exclusive_team_item .hover_team_details {
  159.         position: relative;
  160.         left: 0px;
  161.         top: 100%;
  162.         width: 100%;
  163.         padding: 20px 15px 20px 15px;
  164.         opacity: 1;
  165.         visibility: visible;
  166.         transform: translateY(0%);
  167.        
  168.     }
  169.     .exclusive_team_item {
  170.         max-width: 270px;
  171.         margin: auto;
  172.     }
  173.     .exclusive_team_item .hover_team_details p {
  174.         padding: 16px 0px 16px 0px;
  175.     }
  176.     .exclusive_team_inner .col-md-3:hover + div {
  177.         margin-left: 0px;
  178.     }
  179.     .exclusive_team_area .exclusive_title{
  180.         text-align: center;
  181.     }
  182.     .hosting_main_menu .navbar.navbar-default .nav.navbar-nav {
  183.         padding-left: 35px;
  184.     }
  185.     .hosting_search_area {
  186.         top: 50%;
  187.     }
  188.     .server_b_inner .server_text h4 {
  189.         font-size: 26px;
  190.     }
  191.     .server_b_inner .server_text h5 {
  192.         font-size: 22px;
  193.     }
  194.     .server_b_inner .server_text h4 span::before {
  195.         left: -86px;
  196.         top: -108px;
  197.         width: 275px;
  198.         font-size: 20px;
  199.     }
  200.     .pricing-area-two .pricing-item {
  201.         padding: 50px 7px;
  202.     }
  203.     .contact_form_six {
  204.         padding-left: 15px;
  205.     }
  206.     .pricing-item.price_item3 .price_body {
  207.         padding: 35px 0px;
  208.     }
  209.     .available_service_area .available_service_left {
  210.         padding-left: 15px;
  211.     }
  212.     .screen_nine_area .screen_left {
  213.         width: 100%;
  214.         float: none;
  215.     }
  216.     .screen_nine_area .screen_right {
  217.         width: 100%;
  218.         float: none;
  219.     }
  220.     .screen_nine_area .owl-prev {
  221.         display: none;
  222.     }
  223.     .screen_nine_area .owl-next {
  224.         display: none;
  225.     }
  226.     .screen_nine_area::before {
  227.         display: none;
  228.     }
  229.     .video_nine_area .nine_v_inner img {
  230.         max-width: 100%;
  231.     }
  232.     .contact_nine_details {
  233.         padding-left: 20px;
  234.         margin-left: 0px;
  235.         margin-top: 30px;
  236.     }
  237.     .contact_nine_details .nine_social_area ul li {
  238.         margin-right: 5px;
  239.     }
  240.     .ten_video_area {
  241.         display: block;
  242.     }
  243.     .ten_video_area .left_ten {
  244.         display: block;
  245.     }
  246.     .ten_video_area .left_ten {
  247.         display: block;
  248.         flex: 0 0 100%;
  249.         max-width: 100%;
  250.     }
  251.     .ten_video_area .right_ten {
  252.         flex: 0 0 100%;
  253.         max-width: 100%;
  254.     }
  255.     .ten_video_area .left_ten .ten_video_text .text_v_text_inner {
  256.         max-width: 585px;
  257.         float: none;
  258.         display: block;
  259.         width: 100%;
  260.         padding-right: 15px;
  261.         padding-left: 15px;
  262.         margin: auto;
  263.         padding-top: 100px;
  264.         padding-bottom: 100px;
  265.     }
  266.     .ten_video_area .right_ten .ten_video_img img{
  267.         width: 100%;
  268.     }
  269.     .blog_ms_item .blog_ms_text ul li:last-child {
  270.         margin-right: 0px;
  271.         margin-left: 8px;
  272.     }
  273.     .main_slider_area #dash_slider ul li .slider_text_box .right_img img{
  274.         max-width: 100% !important;
  275.         height: 100% !important;
  276.     }
  277. }
  278. @media (max-width: 991px){
  279.     .navbar-toggle {
  280.         margin-right: 0px;
  281.         margin-top: 15px;
  282.         margin-bottom: 15px;
  283.         border: none;
  284.         border-radius: 0px;
  285.         background: transparent !important;
  286.     }
  287.     .navbar-default .navbar-toggle .icon-bar {
  288.         background-color: #000;
  289.         width: 30px;
  290.         margin-bottom: 5px;
  291.     }
  292.     .navbar-default .navbar-toggle .icon-bar:last-child {
  293.         margin-bottom: 0px;
  294.     }
  295.     .main_header_area + section, .main_header_area + div, .main_header_area + row {
  296.         margin-top: 64px;
  297.     }
  298.     .main_menu_area .navbar.navbar-default .navbar-header .navbar-brand {
  299.         padding: 0px;
  300.         line-height: 64px;
  301.     }
  302.     .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li {
  303.         margin-right: 0px;
  304.         line-height: 0px;
  305.     }
  306.     .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a {
  307.         padding: 0px;
  308.         background: none;
  309.         line-height: 45px;
  310.         border-bottom: 1px solid rgba(0, 0, 0, .05);
  311.         display: block;
  312.     }
  313.     .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a::before {
  314.         display: none;
  315.     }
  316.     .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a::after {
  317.         display: none;
  318.     }
  319.     .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li:last-child {
  320.         display: none;
  321.     }
  322.     .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li:nth-child(7) a {
  323.         border: none;
  324.     }
  325.     .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right {
  326.         margin-bottom: 0px;
  327.     }
  328.     .app_feature_item_inner {
  329.         padding-top: 40px;
  330.     }
  331.     .app_round_image .round_c {
  332.         max-width: 100%;
  333.         position: relative;
  334.         top: 0px;
  335.     }
  336.     .app_round_image .app_mobile {
  337.         top: 48px;
  338.     }
  339.     .app_feature_item.app_middle {
  340.         max-width: 50%;
  341.         text-align: left;
  342.         margin: 0px;
  343.         padding-left: 100px;
  344.         padding-top: 50px;
  345.     }
  346.     .app_feature_item.app_middle .round_icon {
  347.         left: 0px;
  348.         top: 0px;
  349.     }
  350.     .app_feature_item .round_icon {
  351.         right: auto;
  352.         left: 24px;
  353.         top: 11px;
  354.     }
  355.     .app_feature_item {
  356.         text-align: left;
  357.         padding-left: 100px;
  358.     }
  359.     .app_feature_item_inner{
  360.         overflow: hidden;
  361.     }
  362.     .app_feature_item_inner .app_feature_item{
  363.         width: calc(100% / 2);
  364.         float: left;
  365.     }
  366.     .app_feature_item_inner.left_feature .app_feature_item .round_icon {
  367.         left: 12px;
  368.     }
  369.     .app_feature_item.app_middle .round_icon {
  370.         left: 46px;
  371.         top: 62px;
  372.     }
  373.     .right_choose_image {
  374.         max-width: 100%;
  375.         padding-right: 0px;
  376.         padding-top: 0px;
  377.         padding-bottom: 50px;
  378.     }
  379.     .satisfaction_item {
  380.         margin-bottom: 30px;
  381.     }
  382.     .satisfaction_item_inner{
  383.         margin-bottom: -30px;
  384.         overflow: hidden;
  385.     }
  386.     .video_inner {
  387.         max-width: 100%;
  388.         margin: auto;
  389.         position: relative;
  390.         margin-top: -216px;
  391.     }
  392.     .video_inner img{
  393.         width: 100%;
  394.     }
  395.     .video_area {
  396.         margin-top: 285px;
  397.     }
  398.     .video_area::before {
  399.         display: none;
  400.     }
  401.     .install_app_area .install_left_content {
  402.         float: none;
  403.         margin: 0px auto 40px;
  404.         padding-top: 0px;
  405.     }
  406.     .install_mockup_img img{
  407.         text-align: center;
  408.         max-width: 100%;
  409.     }  
  410.     .app_screen_inner::before {
  411.        
  412.         width: 59%;
  413.         background-size: contain;
  414.     }
  415.     .left_question_inner .panel-group .panel-default .panel-collapse .panel-body {
  416.         padding-right: 25px;
  417.     }
  418.     .question_area{
  419.         display: block;
  420.     }
  421.     .question_area .row{
  422.         display: block;
  423.     }
  424.     .question_area .col-md-7{
  425.         width: 100%;
  426.         display: block;
  427.     }
  428.     .question_area .col-md-5{
  429.         width: 100%;
  430.         display: block;
  431.     }
  432.     .left_question_inner{
  433.         margin-bottom: 50px;
  434.     }
  435.     .right_l_blog {
  436.         padding-right: 0px;
  437.         margin-top: 70px;
  438.     }
  439.     .right_l_blog .media .media-body {
  440.         vertical-align: middle;
  441.         align-self: center;
  442.     }
  443.     .footer_widget_area .col-xs-6{
  444.         margin-bottom: 30px;
  445.     }
  446.     .footer_widget_area .row{
  447.         margin-bottom: -30px;
  448.     }
  449.     .footer_widget_area .contact_widget_form .form-group textarea{
  450.         margin-top: 30px;
  451.         margin-bottom: 50px;
  452.     }
  453.     .blue_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a {
  454.         display: block;
  455.         line-height: 45px;
  456.     }
  457.     .blue_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li:hover a, .blue_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li.active a {
  458.         color: #3498db;
  459.     }
  460.     .testimonial_area_two {
  461.         padding-bottom: 0px;
  462.     }
  463.     .testimonial_area_two .video_inner {
  464.         margin-bottom: 0px;
  465.     }
  466.     .screenshot_area_two .screenshot_left {
  467.         width: 100%;
  468.         float: none;
  469.     }
  470.     .screenshot_area_two .screenshot_right {
  471.         width: 100%;
  472.         float: none;
  473.     }
  474.     .screenshot_area_two .screenshot_left .screenshot_tab {
  475.         max-width: 100%;
  476.         padding-right: 78px;
  477.         margin: 0px;
  478.         padding-right: 0px;
  479.     }
  480.     .screenshot_area_two .screenshot_right .owl-dots {
  481.         left: 50%;
  482.         transform: translateX(-50%);
  483.     }
  484.     .pricing-area-two .col-xs-6{
  485.         margin-bottom: 30px;
  486.     }
  487.     .pricing-area-two .row{
  488.         margin-bottom: -30px;
  489.         overflow: hidden;
  490.     }
  491.     .chose_us_area .text-center{
  492.         text-align: left;
  493.     }
  494.     .chose_content{
  495.         margin-top: 30px;
  496.     }
  497.     .p_features_img.text-center img{
  498.         margin-top: 100px;
  499.     }
  500.     .p_features.left_features .p_features_item .pulse-wrapper {
  501.         right: -104%;
  502.     }
  503.     .p_features.left_features .p_features_item.p_item_two .pulse-wrapper {
  504.         right: -125%;
  505.     }
  506.     .p_features_item.p_item_two .pulse-wrapper {
  507.         left: -127%;
  508.     }
  509.     .p_features_item .pulse-wrapper {
  510.         left: -104%;
  511.     }
  512.     .mokup-img.text-right{
  513.         text-align: left;
  514.         margin-top: 30px;
  515.     }
  516.     .feadback_area .feadback_content .skill_progress {
  517.         padding-top: 60px;
  518.         overflow: hidden;
  519.     }
  520.     .feadback_area {
  521.         padding: 100px 0px 80px 0px;
  522.     }
  523.     .video_area_three .app-video img{
  524.         max-width: 100%;
  525.         width: 100%;
  526.     }
  527.     .video_area_three {
  528.         padding: 80px 0px;
  529.     }
  530.     .video_area_three .app-video {
  531.         margin-left: 0px;
  532.         margin-top: 0px;
  533.         margin-right: 0px;
  534.     }
  535.     .video_area_three .video-info .app-btn {
  536.         margin-top: 25px;
  537.     }
  538.     .video_area_three .video-info .main_title h2 {
  539.         margin-bottom: 20px;
  540.     }
  541.     .team_area_three .team_item .team-content .social-icon a {
  542.         padding: 0px 14px;
  543.     }
  544.     .team_area_three .team_item {
  545.         max-width: 265px;
  546.         margin: 0px auto 30px;
  547.     }
  548.     .team-member{
  549.         margin-bottom: -30px;
  550.         overflow: hidden;
  551.     }
  552.     .footer_widget_inner .col-xs-6{
  553.         margin-bottom: 40px;
  554.     }
  555.     .footer_widget_inner .col-xs-3{
  556.         margin-bottom: 40px;
  557.     }
  558.     .dash_tp_menu_area .navbar-toggle .icon-bar{
  559.         background: #fff;
  560.     }
  561.     .dash_tp_menu_area .navbar.navbar-default .navbar-header .navbar-brand {
  562.         height: 64px;
  563.         line-height: 64px;
  564.     }
  565.     .dash_tp_menu_area{
  566.         background: #000;
  567.     }
  568.     .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav li {
  569.         float: none;
  570.         display: block;
  571.         margin-right: 0px;
  572.     }
  573.     .dash_tp_menu_area .navbar.navbar-default .navbar-collapse {
  574.         text-align: left;
  575.     }
  576.     .dash_tp_menu_area .navbar.navbar-default .nav.navbar-nav {
  577.         display: block;
  578.         text-align: left;
  579.     }
  580.     .powerfull_area .pawerfull_area_inner {
  581.         display: block;
  582.         width: 100%;
  583.     }
  584.     .pawerfull_area_inner .col-md-5{
  585.         width: 100%;
  586.         display: block;
  587.     }
  588.     .pawerfull_area_inner .col-md-7{
  589.         width: 100%;
  590.         display: block;
  591.     }
  592.     .powerfull_area{
  593.         display: block;
  594.     }
  595.     .powerfull_area .power_right_content .power_right_content_inner {
  596.         padding: 60px 0px 60px 0px;
  597.     }
  598.     .provide_feature_area .p_feature_left {
  599.         width: 100%;
  600.         float: none;
  601.     }
  602.     .provide_feature_area .p_feature_right {
  603.         width: 100%;
  604.         float: none;
  605.         text-align: right;
  606.     }
  607.     .provide_feature_area .p_feature_right .p_feature_img {
  608.         padding-top: 60px;
  609.     }
  610.     .provide_feature_area .p_feature_right .p_feature_img img{
  611.         max-width: 100%;
  612.     }
  613.     .customer_count_area .col-xs-6{
  614.         margin-bottom: 30px;
  615.     }
  616.     .customer_count_area .row{
  617.         margin-bottom: -30px;
  618.         overflow: hidden;
  619.     }
  620.     .exclusive_team_inner{
  621.         display: block;
  622.     }
  623.     .exclusive_team_item {
  624.         margin: 0px auto 30px;
  625.     }
  626.     .update_blog_inner .col-xs-6{
  627.         margin-bottom: 35px;
  628.     }
  629.     .update_blog_inner{
  630.         margin-bottom: -35px;
  631.     }
  632.     .p_contact_widget .contact_info li a span {
  633.         padding-left: 0px;
  634.     }
  635.     .pink_footer_wedget_area .col-xs-6{
  636.         margin-bottom: 35px;
  637.     }
  638.     .pink_footer_wedget_area .row{
  639.         margin-bottom: -35px;
  640.         overflow: hidden;
  641.     }
  642.     .dash_tp_menu_area {
  643.         padding: 0px 5px 0px 15px;
  644.     }
  645.     .hosting_main_menu .navbar.navbar-default .navbar-header .navbar-brand {
  646.         padding: 0px;
  647.         height: 65px;
  648.         line-height: 64px;
  649.     }
  650.     .hosting_menu + section, .hosting_menu + div, .hosting_menu + .row {
  651.         margin-top: 65px;
  652.     }
  653.     .hosting_main_menu .navbar.navbar-default .nav.navbar-nav.navbar-right {
  654.         display: none;
  655.     }
  656.     .hosting_main_menu .navbar.navbar-default .nav.navbar-nav li {
  657.         margin-right: 0px;
  658.     }
  659.     .hosting_main_menu .navbar.navbar-default .nav.navbar-nav {
  660.         padding-left: 0px;
  661.     }
  662.     .hosting_main_menu .navbar.navbar-default .nav.navbar-nav li a {
  663.         line-height: 48px;
  664.     }
  665.     .hosting_service_inner .h_service_left {
  666.         margin-top: 0px;
  667.         text-align: center;
  668.         margin-bottom: 30px;
  669.     }
  670.     .server_price_item {
  671.         margin-bottom: 30px;
  672.     }
  673.     .service_price_inner{
  674.         margin-bottom: -30px;
  675.         overflow: hidden;
  676.     }
  677.     .popular_service_inner .popular_s_img {
  678.         margin-left: 0px;
  679.     }
  680.     .popular_service_inner .popular_s_img img {
  681.         max-width: 100%;
  682.     }
  683.     .popular_service_area{
  684.         padding-top: 70px;
  685.     }
  686.     .popular_service_inner .popular_s_text {
  687.         padding-top: 70px;
  688.         padding-bottom: 70px;
  689.     }
  690.     .r_l_news_item{
  691.         margin-bottom: 30px;
  692.     }
  693.     .r_latest_news_inner{
  694.         margin-bottom: -30px;
  695.         overflow: hidden;
  696.     }
  697.     .contact_form .form-group input {
  698.         padding-left: 0px;
  699.     }
  700.     .contact_form .form-group textarea {
  701.         padding-left: 0px;
  702.     }
  703.     .footer_five_w_inner .col-sm-6{
  704.         margin-top: 40px;
  705.     }
  706.     .ak_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li {
  707.         margin-right: 0px;
  708.         line-height: 48px;
  709.         float: none;
  710.         display: block;
  711.     }
  712.     .ak_menu .main_menu_area .navbar.navbar-default .navbar-collapse {
  713.         text-align: left;
  714.     }
  715.     .server_banner_area {
  716.         padding-top: 180px;
  717.         padding-bottom: 100px;
  718.     }
  719.     .server_b_inner .server_shap_img {
  720.         margin-left: 0px;
  721.         margin-top: 40px;
  722.     }
  723.     .domain_price_list ul li {
  724.         margin-right: 10px;
  725.     }
  726.     .pricing-area-two .pricing-item {
  727.         padding: 50px 30px;
  728.     }
  729.     .happy_clients_inner{
  730.         margin-bottom: -30px;
  731.         overflow: hidden;
  732.     }
  733.     .happy_clients_inner .col-xs-6{
  734.         margin-bottom: 30px;
  735.     }
  736.     .clients_service_area::before {
  737.         display: none;
  738.     }
  739.     .clients_service_area::after {
  740.         display: none;
  741.     }
  742.     .l_s_blog_inner{
  743.         margin-bottom: -30px;
  744.         overflow: hidden;
  745.     }
  746.     .l_s_blog_inner .col-xs-6{
  747.         margin-bottom: 30px;
  748.     }
  749.     .contact_form_six .right_side .main_location {
  750.         padding: 30px 10px;
  751.     }
  752.     .contact_form_six .right_side .main_location h5 {
  753.         font-size: 18px;
  754.     }
  755.     .contact_form_six .right_side .main_location p {
  756.         font-size: 14px;
  757.         line-height: 26px;
  758.     }
  759.     .pricing-item.price_item3{
  760.         padding: 0px 0px;
  761.     }
  762.     .pricing-item.price_item3 .price_body {
  763.         padding: 35px 30px;
  764.     }
  765.     .contact_details_seven {
  766.         margin-top: 30px;
  767.     }
  768.     .reparing_area .rep_left {
  769.         width: 100%;
  770.         float: none;
  771.         overflow: hidden;
  772.         text-align: center;
  773.         padding-right: 0px;
  774.     }
  775.     .reparing_area .rep_right {
  776.         width: 100%;
  777.         float: none;
  778.         overflow: hidden;
  779.         display: block;
  780.         padding-left: 15px;
  781.         margin-top: 30px;
  782.     }
  783.     .reparing_area {
  784.         display: block;
  785.     }
  786.     .process_feature::before {
  787.         display: none;
  788.     }
  789.     .process_feature::after {
  790.         display: none;
  791.     }
  792.     .process_feature .process_f_item {
  793.         margin-bottom: 30px;
  794.     }
  795.     .process_feature{
  796.         margin-bottom: -30px;
  797.         overflow: hidden;
  798.     }
  799.     .available_service_area .available_service_left .available_s_text {
  800.         padding-right: 15px;
  801.     }
  802.     .banner_nine_area .col-md-5{
  803.         display: none;
  804.     }
  805.     .banner_nine_area .b_nine_text {
  806.         padding-top: 0px;
  807.     }
  808.     .banner_nine_area {
  809.         padding-top: 180px;
  810.     }
  811.     .banner_nine_area .b_nine_text h3 {
  812.         font-size: 32px;
  813.     }
  814.     .banner_nine_area .b_nine_text h5 {
  815.         padding: 28px 0px 30px 0px;
  816.     }
  817.     .about_nine_area .ab_nine_text a + a {
  818.         padding-left: 0px;
  819.         margin-top: 20px;
  820.         display: block;
  821.     }
  822.     .product_feature_area .nine_p_f_img {
  823.         margin-left: 0px;
  824.         text-align: center;
  825.     }
  826.     .product_feature_area .nine_p_f_img img {
  827.         max-width: 100%;
  828.     }
  829.     .interface_slider{
  830.         margin-bottom: 50px;
  831.     }
  832.     .clients_count_inner .col-xs-6{
  833.         margin-bottom: 40px;
  834.     }
  835.     .clients_count_inner{
  836.         margin-bottom: -40px;
  837.         overflow: hidden;
  838.     }
  839.     .nine_price_inner .col-xs-6{
  840.         margin-bottom: 30px;
  841.     }
  842.     .nine_price_inner{
  843.         margin-bottom: -30px;
  844.         overflow: hidden;
  845.     }
  846.     .video_nine_area .nine_v_inner .nine_v_text h2 {
  847.         font-size: 28px;
  848.     }
  849.     .clients_logo_slider {
  850.         padding: 0px 0px;
  851.     }
  852.     .ten_registration .pull-left{
  853.         float: none !important;
  854.         padding-bottom: 20px;
  855.     }
  856.     .ten_registration .pull-right{
  857.         float: none !important;
  858.     }
  859.     .ten_discover_area::before {
  860.         max-width: 100%;
  861.         width: 100%;
  862.         background-size: contain;
  863.     }
  864.     .ten_watch_area {
  865.         display: block;
  866.         min-height: 100%;
  867.     }
  868.     .ten_watch_area .left_watch {
  869.         flex: 0 0 100%;
  870.         max-width: 100%;
  871.     }
  872.     .ten_watch_area::before {
  873.         display: none;
  874.     }
  875.     .watch_text_item_two:first-child::before {
  876.         display: none;
  877.     }
  878.     .watch_text_item_two::before {
  879.         display: none;
  880.     }
  881.     .ten_watch_area .right_watch {
  882.         flex: 0 0 100%;
  883.         max-width: 100%;
  884.     }
  885.     .watch_text_item::before {
  886.         display: none;
  887.     }
  888.     .ten_watch_area .right_watch .right_w_text {
  889.         padding-top: 50px;
  890.         margin: auto;
  891.         padding-bottom: 50px;
  892.     }
  893.     .watch_text_item_two:first-child {
  894.         margin-left: 0px;
  895.         margin: 0px auto 30px;
  896.     }
  897.     .watch_text_item_two {
  898.         position: relative;
  899.         margin-left: 0px;
  900.         margin: 0px auto 0px;
  901.     }
  902.     .ten_watch_area .left_watch .left_w_text {
  903.         max-width: 100%;
  904.         float: none;
  905.         width: 100%;
  906.         padding-top: 50px;
  907.         padding-bottom: 50px;
  908.     }
  909.     .watch_text_item {
  910.         margin: auto
  911.     }
  912.     .watch_text_item:last-child {
  913.         margin-bottom: 0px;
  914.         margin-left: 0px;
  915.         margin: 30px auto 0px;
  916.     }
  917.     .right_ns_text {
  918.         max-width: 100%;
  919.         float: none;
  920.     }
  921.     .ten_newsletter_area .left_ns_text {
  922.         margin-left: 0px;
  923.         margin-bottom: 30px;
  924.     }
  925.     .ten_price_list_inner .col-xs-6{
  926.         margin-bottom: 30px;
  927.     }
  928.     .ten_price_list_inner{
  929.         margin-bottom: -30px;
  930.         overflow: hidden;
  931.     }
  932.     .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li {
  933.         margin-right: 0px;
  934.         line-height: 48px;
  935.         float: none;
  936.         display: block;
  937.     }
  938.     .middle_menu .main_menu_area .navbar.navbar-default .navbar-collapse {
  939.         text-align: left;
  940.     }
  941.     .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li a {
  942.         display: block;
  943.         line-height: 48px;
  944.     }
  945.     .gadget_headphone .g_head_inner .g_left_side img {
  946.         position: relative;
  947.         margin-bottom: 30px;
  948.     }
  949.     .gadget_headphone .g_head_inner .g_left_side img:nth-child(2) {
  950.         display: none;
  951.     }
  952.     .gadget_headphone .g_head_inner .g_left_side img:nth-child(3) {
  953.         display: none;
  954.     }
  955.     .gd_feature_inner .gd_f_img .one_text {
  956.         display: none;
  957.     }
  958.     .gd_feature_inner .gd_f_img::before {
  959.         display: none;
  960.     }
  961.     .gd_feature_inner .gd_f_img img {
  962.         max-width: 100%;
  963.     }
  964.     .gadget_video_area .g_video_text h4 {
  965.         font-size: 14px;
  966.         padding-bottom: 24px;
  967.     }
  968.     .gadget_video_area .popup-youtube{
  969.         display: block;
  970.     }
  971.     .gadget_video_area .popup-youtube img{
  972.         width: 8%;
  973.     }
  974.     .review_img_inner .g_br_img img{
  975.         display: none;
  976.     }
  977.     .review_img_inner .main_img {
  978.         position: relative;
  979.         top: 0px;
  980.         left: 0;
  981.         transform: translateX(0%);
  982.         max-width: 100%;
  983.     }
  984.     .review_img_inner .g_br_img ul li {
  985.         position: relative;
  986.         left: 0px;
  987.         bottom: 0px;
  988.         transform: translateY(0%);
  989.     }
  990.     .review_img_inner .g_br_img ul li:first-child {
  991.         left: 0px;
  992.         top: 0%;
  993.         position: relative;
  994.         transform: translateY(0%);
  995.     }
  996.     .review_img_inner .g_br_img ul li:last-child {
  997.         left: 0px;
  998.         bottom: 0px;
  999.         width: 100%;
  1000.         text-align: left;
  1001.     }
  1002.     .review_img_inner .g_br_img ul li span {
  1003.         display: none;
  1004.     }
  1005.     .g_br_img{
  1006.         display: block;
  1007.     }
  1008.     .g_br_img ul{
  1009.         display: none;
  1010.     }
  1011.     .gd_right_img img{
  1012.         margin-top: 30px;
  1013.     }
  1014.     .gd_testimonials_area{
  1015.         padding-bottom: 50px;
  1016.     }
  1017.     .g_p_p_slider .owl-nav{
  1018.         display: none;
  1019.     }
  1020.     .gd_footer_widgets .col-xs-6{
  1021.         margin-bottom: 30px;
  1022.     }
  1023.     .gd_footer_widgets{
  1024.         margin-bottom: -30px;
  1025.     }
  1026.     .middle_menu .main_menu_area .navbar.navbar-default .nav.navbar-nav li::before {
  1027.         display: none;
  1028.     }
  1029.     .single_blog_inner .comment_form {
  1030.         margin-bottom: 50px;
  1031.     }
  1032.     .slider_two_area #main_slider_two ul li .slider_text_box .s_mobile{
  1033.         display: none;
  1034.     }
  1035.     .main_slider_area #dash_slider ul li .slider_text_box .right_img{
  1036.         display: none
  1037.     }
  1038.     #main_slider_ten ul li .slider_text_box .ten_mobile {
  1039.         display: none;
  1040.     }
  1041. }
  1042. @media (max-width: 767px){
  1043.     .gd_title h2::before {
  1044.         font-size: 70px;
  1045.     }
  1046.     .price_table_inner .price_item {
  1047.         width: calc(100% / 1);
  1048.         max-width: 350px;
  1049.         display: block;
  1050.         float: none;
  1051.         margin: 0px auto 30px;
  1052.     }
  1053.     .price_table_inner {
  1054.         max-width: 100%;
  1055.         margin-bottom: -30px;
  1056.     }
  1057.     .footer_copy_right .pull-left h4 {
  1058.         line-height: 28px;
  1059.     }
  1060.     .testimonial-carousel .item {
  1061.         margin-bottom: 60px;
  1062.     }
  1063.     .testimonial-carousel .owl-dots{
  1064.         margin-bottom: 50px;
  1065.     }
  1066.     .chose_us_area .text-center img{
  1067.         max-width: 100%;
  1068.     }
  1069.     .download_area .solid_btn{
  1070.         margin-bottom: 20px;
  1071.     }
  1072.     .download_area .solid_btn:last-child{
  1073.         margin-bottom: 0px;
  1074.     }
  1075.     .footer_area_two .social-icon ul li a {
  1076.         font-size: 20px;
  1077.         width: 50px;
  1078.         height: 50px;
  1079.     }
  1080.     .footer_area_two .social-icon ul li + li {
  1081.         margin-left: 5px;
  1082.     }
  1083.     .h_work_inner::before {
  1084.         display: none;
  1085.     }
  1086.     .h_work_inner .col-xs-6{
  1087.         margin-bottom: 30px;
  1088.     }
  1089.     .h_work_area {
  1090.         padding: 95px 0px 65px 0px;
  1091.     }
  1092.     .p_features.left_features .p_features_item .pulse-wrapper {
  1093.         display: none;
  1094.     }
  1095.     .p_features_item {
  1096.         width: calc(100% / 2);
  1097.         float: left;
  1098.         padding: 0px 15px;
  1099.         text-align: left;
  1100.         margin-top: 0px;
  1101.     }
  1102.     .p_features_item.p_item_two .pulse-wrapper {
  1103.         display: none;
  1104.     }
  1105.     .p_features_item .pulse-wrapper {
  1106.         display: none;
  1107.     }
  1108.     .main_title h2 {
  1109.         line-height: 30px;
  1110.     }
  1111.     .discover_video_text h3 {
  1112.         color: #fff;
  1113.         padding-bottom: 32px;
  1114.     }
  1115.     .discover_video_area {
  1116.         padding-top: 45px;
  1117.     }
  1118.     .discover_video_text {
  1119.         padding-bottom: 76px;
  1120.     }
  1121.     .advanced_settings_inner .left_advanced {
  1122.         width: 100%;
  1123.         float: none;
  1124.         text-align: center;
  1125.     }
  1126.     .advanced_settings_inner {
  1127.         display: block;
  1128.     }
  1129.     .advanced_settings_inner .right_advanced {
  1130.         width: 100%;
  1131.         float: none;
  1132.         display: block;
  1133.         margin-top: 40px;
  1134.     }
  1135.     .single_title_center {
  1136.         padding-bottom: 55px;
  1137.     }
  1138.     .great_title p br {
  1139.         display: none;
  1140.     }
  1141.     .river_video_area {
  1142.         padding: 80px 0px;
  1143.     }
  1144.     .footer_five_social ul li {
  1145.         margin-right: 4px;
  1146.     }
  1147.     .domain_search_box input {
  1148.         width: 100%;
  1149.     }
  1150.     .domain_search_box .select_dropdown {
  1151.         width: 100%;
  1152.         margin-bottom: 20px;
  1153.         margin-top: 20px;
  1154.     }
  1155.     .domain_search_box .btn.btn-default {
  1156.         width: 100%;
  1157.     }
  1158.     .domain_search_box {
  1159.         display: block;
  1160.     }
  1161.     .contact_form_six {
  1162.         display: block;
  1163.         padding-left: 0px;
  1164.     }
  1165.     .contact_form_six .left_side {
  1166.         flex: 0 0 100%;
  1167.         max-width: 100%;
  1168.         padding: 0px 15px;
  1169.         margin-bottom: 30px;
  1170.     }
  1171.     .contact_form_six .right_side {
  1172.         flex: 0 0 100%;
  1173.         max-width: 100%;
  1174.         padding-left: 0px;
  1175.     }
  1176.     .contact_form_six .left_side .contact_six_inner {
  1177.         overflow: hidden;
  1178.         max-width: 100%;
  1179.         float: none;
  1180.         padding-right: 0px;
  1181.     }
  1182.     .contact_form_six {
  1183.         padding-bottom: 0px;
  1184.     }
  1185.     .domain_inner .d_search_text h3 {
  1186.         font-size: 32px;
  1187.     }
  1188.     .domain_inner .d_search_text h4 {
  1189.         font-size: 25px;
  1190.     }
  1191.     .domain_s2 {
  1192.         padding-top: 100px;
  1193.         padding-bottom: 100px;
  1194.     }
  1195.     .domain_price_list ul li:nth-child(2n) {
  1196.         margin-right: 10px;
  1197.     }
  1198.     .domain_price_list ul {
  1199.         overflow: hidden;
  1200.         max-width: 216px;
  1201.         margin: auto;
  1202.     }
  1203.     .service_seven_inner .service_s_item {
  1204.         flex: 0 0 50%;
  1205.         max-width: 50%;
  1206.     }
  1207.     .testimonials_s_slider .testi_s_inner {
  1208.         padding: 50px 45px;
  1209.     }
  1210.     .testimonials_s_slider .item {
  1211.         padding-left: 15px;
  1212.         padding-right: 15px;
  1213.     }
  1214.     .testimonials_s_slider .owl-nav .owl-prev {
  1215.         left: 0px;
  1216.     }
  1217.     .testimonials_s_slider .owl-nav .owl-next {
  1218.         right: 0px;
  1219.     }
  1220.     .available_service_area .available_service_left {
  1221.         width: 100%;
  1222.     }
  1223.     .available_service_area {
  1224.         display: block;
  1225.     }
  1226.     .available_service_area .available_service_right {
  1227.         width: 100%;
  1228.         float: none;
  1229.     }
  1230.     .available_service_area .available_service_right img {
  1231.         width: 100%;
  1232.     }
  1233.     .available_service_area .available_service_left .available_s_text {
  1234.         max-width: 585px;
  1235.         padding-right: 15px;
  1236.         float: none;
  1237.         width: 100%;
  1238.         margin: 60px auto 60px;
  1239.     }
  1240.     .about_nine_area .row {
  1241.         display: block;
  1242.     }
  1243.     .about_nine_area .ab_nine_text {
  1244.         margin-bottom: 30px;
  1245.     }
  1246.     .nine_title h2::before {
  1247.         display: none;
  1248.     }
  1249.     .about_nine_area .ab_nine_screen img {
  1250.         max-width: 100%;
  1251.     }
  1252.     .screen_nine_area .screen_right .portfolio_filter li {
  1253.         margin-right: 15px;
  1254.     }
  1255.     .nine_clients_area::before {
  1256.         display: none;
  1257.     }
  1258.     .video_nine_area .nine_v_inner .nine_v_text img {
  1259.         padding-bottom: 15px;
  1260.         padding-top: 22px;
  1261.     }
  1262.     .ten_screen_area {
  1263.         padding-top: 100px;
  1264.     }
  1265.     .error_area .error_text img {
  1266.         max-width: 100%;
  1267.     }
  1268.     .blog_banner_inner_two h4 {
  1269.         font-size: 28px;
  1270.         padding-bottom: 30px;
  1271.     }
  1272.     .blog_banner_inner_two {
  1273.         padding-top: 70px;
  1274.         padding-bottom: 70px;
  1275.     }
  1276.     .blog_banner_inner h4 {
  1277.         font-size: 28px;
  1278.         padding-bottom: 30px;
  1279.     }
  1280.     .blog_banner_inner {
  1281.         padding-top: 70px;
  1282.         padding-bottom: 70px;
  1283.     }
  1284.     .blog_ms_area .blog_ms_inner {
  1285.         max-width: 358px;
  1286.         margin: auto;
  1287.     }
  1288. }
  1289. @media (max-width: 600px){
  1290.     .footer_widget_inner .col-xs-6{
  1291.         width: 100%;
  1292.     }
  1293.     .footer_widget_inner .col-xs-3{
  1294.         width: 100%;
  1295.     }
  1296.     .service_price_inner .col-xs-6{
  1297.         width: 100%;
  1298.     }
  1299.     .server_price_item{
  1300.         max-width: 370px;
  1301.         margin: 0px auto 30px;
  1302.     }
  1303.     .reparing_area .rep_right .reparing_text .reparing_box .box_item .box_item_inner {
  1304.         margin-right: 15px;
  1305.     }
  1306.     .reparing_area .rep_right .reparing_text .reparing_box {
  1307.         margin-right: 0;
  1308.     }
  1309.     .nine_footer .nine_copyright .pull-left {
  1310.         float: none !important;
  1311.     }
  1312.     .nine_footer .nine_copyright .pull-right {
  1313.         float: none !important;
  1314.         padding-top: 10px;
  1315.     }
  1316.     .nine_copyright{
  1317.         text-align: center;
  1318.     }
  1319.     .nine_map_area .subs_nine {
  1320.         display: none;
  1321.     }
  1322.     .nine_map_area .location_d h2 {
  1323.         font-size: 18px;
  1324.     }
  1325.     .nine_map_area .location_d h3 {
  1326.         font-size: 15px;
  1327.         padding-bottom: 10px;
  1328.     }
  1329. }
  1330. @media (max-width: 575px){
  1331.     .app_feature_item_inner .app_feature_item {
  1332.         width: calc(100% / 1);
  1333.         float: none;
  1334.     }
  1335.     .app_feature_item.app_middle {
  1336.         max-width: 100%;
  1337.     }
  1338.     .app_feature_item {
  1339.         margin-bottom: 40px;
  1340.     }
  1341.     .app_feature_item.app_middle .round_icon {
  1342.         left: 41px;
  1343.     }
  1344.     .main_title h2 {
  1345.         font-size: 22px;
  1346.     }
  1347.     .app_screen_inner::before {
  1348.         display: none;
  1349.     }
  1350.     .app_screen_inner {
  1351.         margin-top: 0px;
  1352.     }
  1353.     .app_screen_area {
  1354.         padding: 100px 0px 100px 0px;
  1355.     }
  1356.     .app_screen_inner .app_screen_slider .owl-dots {
  1357.         bottom: -65px;
  1358.     }
  1359.     .left_question_inner .panel-group .panel-default .panel-heading .panel-title a i {
  1360.         right: 7px;
  1361.     }
  1362.     .app_feature_area_two .app_feature_inner .app_feature_item {
  1363.         padding-left: 0px;
  1364.         padding-right: 0px;
  1365.     }
  1366.     .app_feature_inner .col-md-4{
  1367.         display: none;
  1368.     }
  1369.     .app_feature_area_two {
  1370.         padding: 100px 0px 100px;
  1371.     }
  1372.     .left_title h2 {
  1373.         font-size: 25px;
  1374.     }
  1375.     .testimonial-carousel {
  1376.         padding: 0px 0px;
  1377.     }
  1378.     .pricing-area-two .col-xs-6{
  1379.         width: 100%;
  1380.     }
  1381.     .pricing-area-two .pricing-item {
  1382.         max-width: 300px;
  1383.         margin: auto;
  1384.         position: relative;
  1385.     }
  1386.     .header_banner_inner h3 {
  1387.         font-size: 25px;
  1388.     }
  1389.     .header_banner_inner p {
  1390.         font-size: 25px;
  1391.         padding-bottom: 50px;
  1392.     }
  1393.     .header_banner_inner {
  1394.         padding-top: 150px;
  1395.     }
  1396.     .sec-screenshots .gallery_filter li + li {
  1397.         margin-left: 0px;
  1398.     }
  1399.     .pricing-area-three .col-xs-6{
  1400.         width: 100%;
  1401.     }
  1402.     .pricing-area-three .price_item {
  1403.         max-width: 300px;
  1404.         margin: auto;
  1405.     }
  1406.     .testimonial_slider_three .owl-nav{
  1407.         display: none;
  1408.     }
  1409.     .testimonial_area_three .testimonial_slider_three {
  1410.         padding: 0px;
  1411.     }
  1412.     .p_left_item_inner .p_item {
  1413.         width: calc(100% / 1);
  1414.         float: none;
  1415.         overflow: hidden;
  1416.         padding-right: 15px;
  1417.     }
  1418.     .p_left_item_inner .p_item:nth-last-child(-n+2) {
  1419.         margin-bottom: 45px;
  1420.     }
  1421.     .single_title {
  1422.         font-size: 28px;
  1423.         line-height: 36px;
  1424.     }
  1425.     .subscrib_area2 .input-group input {
  1426.         height: 60px;
  1427.     }
  1428.     .subscrib_area2 .input-group .input-group-btn {
  1429.         position: absolute;
  1430.         right: 0px;
  1431.         top: 31%;
  1432.     }
  1433.     .subscrib_area2 .input-group input {
  1434.         height: 60px;
  1435.         padding: 0px 200px 0px 50px;
  1436.         font-size: 20px;
  1437.     }
  1438.     .subscrib_area2 .input-group .input-group-btn .btn-default {
  1439.         width: 130px;
  1440.         font-size: 20px;
  1441.         height: 63px;
  1442.     }
  1443.     .subscrib_area2 {
  1444.         padding: 65px 0px 35px 0px;
  1445.     }
  1446.     .single_title_center {
  1447.         font-size: 30px;
  1448.         padding-bottom: 45px;
  1449.         line-height: 40px;
  1450.     }
  1451.     .update_blog_inner .col-xs-6 {
  1452.         width: 100%;
  1453.     }
  1454.     .up_blog_item{
  1455.         max-width: 370px;
  1456.         margin: auto;
  1457.     }
  1458.     .update_blog_area {
  1459.         padding: 70px 0px;
  1460.     }
  1461.     .contact_us_form {
  1462.         padding: 25px 15px 20px 25px;
  1463.     }
  1464.     .hosting_search_area .hostinge_s_inner h3 {
  1465.         font-size: 24px;
  1466.     }
  1467.     .hosting_search_area .hostinge_s_inner h4 {
  1468.         font-size: 18px;
  1469.     }
  1470.     .hosting_search_area .hostinge_s_inner p br {
  1471.         display: none;
  1472.     }
  1473.     .hosting_search_area .hostinge_s_inner .input-group .input-group-btn .btn-default {
  1474.         width: 92px;
  1475.     }
  1476.     .hosting_search_area .hostinge_s_inner .input-group input:placeholder-shown {
  1477.         font-size: 16px;
  1478.     }
  1479.     .hosting_search_area .hostinge_s_inner .input-group input::placeholder {
  1480.         font-size: 16px;
  1481.     }
  1482.     .great_title h2 {
  1483.         font-size: 30px;
  1484.     }
  1485.     .service_s_inner .col-xs-6{
  1486.         width: 100%;
  1487.     }
  1488.     .service_s_inner{
  1489.         max-width: 300px;
  1490.         margin: auto;
  1491.     }
  1492.     .happy_clients_inner .col-xs-6{
  1493.         width: 100%;
  1494.     }
  1495.     .l_s_blog_inner .col-xs-6 {
  1496.         width: 100%;
  1497.     }
  1498.     .l_s_blog_item{
  1499.         max-width: 370px;
  1500.         margin: auto;
  1501.     }
  1502.     .clients_service_area p {
  1503.         font-size: 18px;
  1504.         line-height: 28px;
  1505.     }
  1506.     .contact_form_six .right_side .main_location {
  1507.         display: none;
  1508.     }
  1509.     .subscribe_seven .subscribe_s_inner .input-group {
  1510.         max-width: 100%;
  1511.         display: block;
  1512.     }
  1513.     .subscribe_seven .subscribe_s_inner .input-group input {
  1514.         margin-bottom: 20px;
  1515.     }
  1516.     .testimonials_s_slider .testi_s_inner {
  1517.         padding: 50px 15px;
  1518.     }
  1519.     .reparing_area .rep_right .reparing_text .reparing_box .box_item {
  1520.         width: 100%;
  1521.         float: none;
  1522.         margin-bottom: 60px;
  1523.     }
  1524.     .reparing_area .rep_right .reparing_text .reparing_box {
  1525.         margin-bottom: -60px;
  1526.     }
  1527.     .reparing_area .rep_right .reparing_text h4 {
  1528.         font-size: 20px;
  1529.         line-height: 32px;
  1530.     }
  1531.     .subscribe_seven .subscribe_s_inner h4 {
  1532.         font-size: 20px;
  1533.         padding-bottom: 20px;
  1534.     }
  1535.     .available_service_area .available_service_left .available_s_text .available_icon_list .media .media-body h5 {
  1536.         font-size: 18px;
  1537.     }
  1538.     .question_list .panel-group .panel.panel-default .panel-heading .panel-title a {
  1539.         display: inline-block;
  1540.     }
  1541.     .question_eight_area {
  1542.         padding-bottom: 50px;
  1543.     }
  1544.     .question_list h3 {
  1545.         font-size: 20px;
  1546.     }
  1547.     .banner_nine_area {
  1548.         padding-top: 120px;
  1549.         padding-bottom: 65px;
  1550.     }
  1551.     .screen_nine_area .screen_right .portfolio_filter li{
  1552.         display: block;
  1553.         margin-right: 0px;
  1554.     }
  1555.     .screen_nine_area .nine_title {
  1556.         padding-bottom: 60px;
  1557.     }
  1558.     .screen_nine_area {
  1559.         padding-top: 75px;
  1560.         padding-bottom: 75px;
  1561.     }
  1562.     .nine_price_inner .col-xs-6{
  1563.         width: 100%;
  1564.     }
  1565.     .nine_price_item {
  1566.         max-width: 350px;
  1567.         margin: auto;
  1568.     }
  1569.     .ten_d_text h2 {
  1570.         font-size: 25px;
  1571.     }
  1572.     .ten_title h2 {
  1573.         font-size: 22px;
  1574.     }
  1575.     .ten_title p {
  1576.         font-size: 16px;
  1577.     }
  1578.     .ten_price_list_inner .col-xs-6{
  1579.         width: 100%;
  1580.     }
  1581.     .ten_footer_widget .col-xs-6{
  1582.         width: 100%;
  1583.     }
  1584.     .t_link_widget {
  1585.         margin-left: 0px;
  1586.     }
  1587.     .gadget_banner_inner {
  1588.         padding: 170px 0px 100px 0px;
  1589.     }
  1590.     .gadget_banner_inner .gadget_text h2 {
  1591.         font-size: 34px;
  1592.     }
  1593.     .gadget_banner_inner .gadget_text h6 {
  1594.         font-size: 14px;
  1595.     }
  1596.     .gd_title h2::before {
  1597.         display: none;
  1598.     }
  1599.     .ged_service_inner .col-xs-6{
  1600.         width: 100%;
  1601.     }
  1602.     .ged_service_inner .gd_service_item {
  1603.         margin: 0px auto 55px;
  1604.     }
  1605.     .gd_testimonials_area .single_gd_text {
  1606.         vertical-align: bottom;
  1607.         position: relative;
  1608.         left: 0px;
  1609.         bottom: 0px;
  1610.     }
  1611.     .gd_footer_widgets .col-xs-6{
  1612.         width: 100%;
  1613.     }
  1614.     .gedget_service_area {
  1615.         overflow: hidden;
  1616.     }
  1617. }
  1618. @media (max-width: 480px){
  1619.     .offcanvas_menu .offcanvas_text {
  1620.         padding: 115px 0px 0px 20px;
  1621.     }
  1622.     .app_round_image .app_mobile {
  1623.         top: 0px;
  1624.         position: relative;
  1625.         left: 0px;
  1626.         transform: translateX(0%);
  1627.     }
  1628.     .app_round_image .round_c {
  1629.         display: none;
  1630.     }
  1631.     .choose_item_inner .col-xs-6{
  1632.         width: 100%;
  1633.     }
  1634.     .choose_item_inner .choose_item {
  1635.         margin-bottom: 30px;
  1636.     }
  1637.     .choose_item_inner .col-md-6:nth-child(3) .choose_item {
  1638.         margin-bottom: 30px;
  1639.     }
  1640.     .left_choose_image ul li:nth-child(7) {
  1641.         display: none;
  1642.     }
  1643.     .left_choose_image ul li:nth-child(4) {
  1644.         display: none;
  1645.     }
  1646.     .left_choose_image ul li:nth-child(5) {
  1647.         display: none;
  1648.     }
  1649.     .left_choose_image ul li:nth-child(3) {
  1650.         display: none;
  1651.     }
  1652.     .left_choose_image ul li {
  1653.         top: 0px;
  1654.     }
  1655.     .left_choose_image ul li:nth-child(2) {
  1656.         top: auto;
  1657.         bottom: 66px;
  1658.         left: -65px;
  1659.     }
  1660.     .satisfaction_item_inner .col-xs-6{
  1661.         width: 100%;
  1662.     }
  1663.     .user_slider_inner {
  1664.         padding: 50px 0px 90px 0px;
  1665.     }
  1666.     .video_inner .video_text a {
  1667.         font-size: 50px;
  1668.     }
  1669.     .video_inner .video_text h5 {
  1670.         font-size: 17px;
  1671.     }
  1672.     .team_members_area .team_slider{
  1673.         max-width: 300px;
  1674.         margin: auto;
  1675.     }
  1676.     .l_blog_big_item .l_blog_text {
  1677.         padding: 0px 0px;
  1678.     }
  1679.     .right_l_blog .media .media-left {
  1680.         padding-right: 0px;
  1681.     }
  1682.     .right_l_blog .media {
  1683.         display: block;
  1684.     }
  1685.     .right_l_blog .media .media-left {
  1686.         display: block;
  1687.         width: 100%;
  1688.     }
  1689.     .right_l_blog .media .media-body {
  1690.         display: block;
  1691.         padding-top: 15px;
  1692.         width: 100%;
  1693.     }
  1694.     .subscrib_area .subscrib_inner .input-group {
  1695.         max-width: 100%;
  1696.         margin: auto;
  1697.         display: block;
  1698.         position: relative;
  1699.         width: 100%;
  1700.         height: 62px;
  1701.     }
  1702.     .subscrib_area .subscrib_inner .input-group .input-group-btn {
  1703.         position: relative;
  1704.         right: auto;
  1705.         left: 0px;
  1706.         bottom: 0px;
  1707.         height: 62px;
  1708.         overflow: hidden;
  1709.     }
  1710.     .subscrib_area .subscrib_inner .input-group input {
  1711.         border: 1px solid #e0e2e6;
  1712.         border-right: 1px solid #e0e2e6;
  1713.         margin-bottom: 20px;
  1714.     }
  1715.     .footer_widget_area .col-xs-6 {
  1716.         width: 100%;
  1717.     }
  1718.     .left_choose_image ul li:nth-child(6) {
  1719.         left: calc(50% + 25px);
  1720.     }
  1721.     .screenshot_area_two .screenshot_left .screenshot_tab .nav-tabs li a {
  1722.         padding: 0px 12px;
  1723.     }
  1724.     .screenshot_area_two .screenshot_left .screenshot_tab .nav-tabs li + li {
  1725.         margin-left: 0px;
  1726.     }
  1727.     .testimonial-carousel .slider-item {
  1728.         padding: 0px 20px;
  1729.     }
  1730.     .subcribe_area_two .subscrib_inner .input-group .input-group-btn {
  1731.         display: block;
  1732.         white-space: normal;
  1733.         position:relative;
  1734.         right: 0px;
  1735.         box-shadow: none;
  1736.     }
  1737.     .subcribe_area_two .subscrib_inner .input-group input {
  1738.         border-right: 1px solid #e0e0e0;
  1739.         margin-bottom: 20px;
  1740.     }
  1741.     .header_banner_inner .subscrib_inner .input-group .input-group-btn .btn-default {
  1742.         width: 98px;
  1743.         font-size: 16px;
  1744.         height: 52px;
  1745.     }
  1746.     .header_banner_inner .subscrib_inner .input-group .input-group-btn {
  1747.         right: -15px;
  1748.         top: 0px;
  1749.     }
  1750.     .header_banner_inner .subscrib_inner .input-group input {
  1751.         height: 52px;
  1752.         padding: 0px 110px 0px 15px;
  1753.     }
  1754.     .mobile_menu_inner .pull-right .mobile_menu_icon {
  1755.         display: none;
  1756.     }
  1757.     .mobile_menu_inner .pull-right .menu_icon {
  1758.         line-height: 92px;
  1759.     }
  1760.     .h_work_inner .col-xs-6{
  1761.         width: 100%;
  1762.     }
  1763.     .p_features_item {
  1764.         width: calc(100% / 1);
  1765.         float: none;
  1766.         margin-bottom: 30px;
  1767.     }
  1768.     .p_features_img.text-center img {
  1769.         margin-top: 0px;
  1770.     }
  1771.     .team-member .col-xs-6{
  1772.         width: 100%;
  1773.     }
  1774.     .testimonial_area_three .testimonial_slider_three .item .content {
  1775.         padding: 25px 25px 0px;
  1776.     }
  1777.     .app_download_area .app-btn a {
  1778.         display: block;
  1779.     }
  1780.     .app_download_area .app-btn a + a {
  1781.         margin-left: 0px;
  1782.         margin-top: 20px;
  1783.     }
  1784.     .app_download_area .app-btn {
  1785.         margin-top: 30px;
  1786.     }
  1787.     .customer_count_area .col-xs-6{
  1788.         width: 100%;
  1789.     }
  1790.     .asked_ques_inner .asked_item {
  1791.         padding: 45px 20px 40px 20px;
  1792.     }
  1793.     .pink_footer_wedget_area .row{
  1794.         display: block;
  1795.     }
  1796.     .pink_footer_wedget_area .col-xs-6 {
  1797.         width: 100%;
  1798.     }
  1799.     .pink_copyright .pull-left{
  1800.         float: none !important;
  1801.         text-align: center;
  1802.     }
  1803.     .pink_copyright .pull-right{
  1804.         float: none !important;
  1805.         text-align: center;
  1806.     }
  1807.     .river_video_area .river_video_inner h4 {
  1808.         font-size: 28px;
  1809.     }
  1810.     .server_title h2 {
  1811.         font-size: 28px;
  1812.     }
  1813.     .time_newsletter .hosting_search_area .hostinge_s_inner .input-group .input-group-btn .btn-default {
  1814.         font-size: 16px;
  1815.         width: 125px;
  1816.     }
  1817.     .server_b_inner .server_text ul li {
  1818.         width: 100%;
  1819.         float: none;
  1820.         overflow: hidden;
  1821.         margin-top: 15px;
  1822.     }
  1823.     .server_b_inner .server_text h4 {
  1824.         font-size: 18px;
  1825.     }
  1826.     .server_b_inner .server_text h5 {
  1827.         font-size: 15px;
  1828.     }
  1829.     .server_b_inner .server_text p {
  1830.         font-size: 14px;
  1831.     }
  1832.     .server_b_inner .server_text h4 span::before {
  1833.         left: -192px;
  1834.     }
  1835.     .domain_price_list ul {
  1836.         overflow: hidden;
  1837.         max-width: 216px;
  1838.         margin: auto;
  1839.     }
  1840.     .service_seven_inner .service_s_item {
  1841.         flex: 0 0 100%;
  1842.         max-width: 100%;
  1843.     }
  1844.     .process_feature .col-xs-6{
  1845.         width: 100%;
  1846.     }
  1847.     .shop_now_slider .owl-prev, .shop_now_slider .owl-next {
  1848.         height: 36px;
  1849.         width: 36px;
  1850.         font-size: 36px;
  1851.         line-height: 40px;
  1852.     }
  1853.     .question_list .panel-group .panel.panel-default .panel-heading .panel-title a {
  1854.         padding-left: 47px;
  1855.     }
  1856.     .clients_count_inner .col-xs-6{
  1857.         width: 100%;
  1858.     }
  1859.     .nine_clients_area .nine_clients_slider .carousel.slide .carousel-indicators::before {
  1860.         display: none;
  1861.     }
  1862.     .nine_clients_area .nine_clients_slider .carousel.slide .carousel-indicators li img {
  1863.         max-width: 100%;
  1864.     }
  1865.     .gd_newsleter_area .media .media-body h4 {
  1866.         font-size: 22px;
  1867.     }
  1868.     .single_blog_inner .single_blog_main h3 {
  1869.         font-size: 20px;
  1870.     }
  1871.     .slider_two_area #main_slider_two ul li .slider_text_box .watch_text span{
  1872.         font-size: 18px !important;
  1873.     }
  1874.     #main_slider_ten ul li .slider_text_box .third_text a {
  1875.         display: block;
  1876.     }
  1877.     #main_slider_ten ul li .slider_text_box .third_text a + a {
  1878.         margin-top: 10px;
  1879.     }
  1880. }
  1881. @media (max-width: 360px){}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!