/* Media Layout 1280px */
    
    @media only screen and (min-width: 992px) and (max-width: 1280px) {
        .contact-img img {
            width: 45%
        }
        .is-sticky .mainmenu ul.nav.navbar-nav li a {
            padding: 25px 9px
        }
        .mainmenu ul.nav.navbar-nav li a {
            padding: 35px 9px
        }
        .header-area .logo img {
            margin-top: 18px
        }
        .is-sticky .header-area .logo img {
            margin-top: 9px
        }
        .single-client-item {
            margin: 0 20px
        }
        .domain-packages.popular h1 {
            font-size: 40px
        }
        .lifetime-hosting-ad {
            font-size: 25px
        }
        .web-list iframe {
            width: 212px
        }
        .price-table {
            font-size: 11px;
            margin-bottom: 20px
        }
        
        #show-at-small{display:none}
    }
    /* Tablet Layout 768px */
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         #show-at-small{display:none}
             #dp,
        .is-sticky #dp {
            width: 180px;
            padding: 10px 15px;
            font-size: 11px
        }
        .slider-text ul li {
            font-size: 13px;
            margin:0 20px
        }
        .bd-extensions img {
            width: 60%;
            margin-bottom: 30px
        }
        a.btn {
            font-size: 12px;
        }
        .btn {
            padding: 7px 15px
        }
        .overlay-bg-half:before {
            width: 100%;
            height: 100%
        }
        .logo, .other-page-top.logo {
            text-align: center
        }
        .mainmenu ul.nav.navbar-nav {
            text-align: center;
        }
        .mainmenu ul.nav.navbar-nav li a {
            padding: 20px 6px;
            font-size: 12px;
        }
        .is-sticky .mainmenu ul.nav.navbar-nav {
            text-align: center
        }
        .is-sticky .mainmenu ul.nav.navbar-nav li a {
            padding: 12px 6px;
            font-size: 12px;
        }
        .social-links,
        .is-sticky .social-links {
            top: -16px;
            right: 50px
        }
        .social-links i,
        .is-sticky .social-links i {
            font-size: 16px
        }
        .slider-text {
            margin-top: 60px
        }
        .top-area,
        .header-text-area,
        .header-text-area .container,
        .header-text-area .row,
        .carousel,
        .carousel-inner,
        .carousel-inner .item {
            height: auto
        }
        
        .header-text-area{padding: 40px 0}
        .header-text-area .single-web {
            margin-bottom: 20px
        }
        .header-text-area .slider-text.slide-2 {
            padding-top: 70px;
            padding-bottom: 20px
        }
        .header-text-area .slider-h2 {
            font-size: 40px
        }
        .header-text-area .slider-h2 span {
            font-size: 50px;
            line-height: 60px
        }
        .header-text-area i {
            margin-right: 0;
            margin-left: 5px;
        }
        .header-text-area h3 {
            font-size: 18px
        }
        .header-text-area h4 {
            font-size: 15px
        }
        .header-text-area h2 {
            font-size: 55px;
        }
        h2.section-title,
        h2.section-title-white {
            font-size: 25px
        }
        .single-client-item {
            width: 25.6666%
        }
        .single-client-item img {
            opacity: .90;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
        }
        .domain-packages h1 {
            font-size: 25px;
            line-height: 20px
        }
        .domain-packages.popular h1 {
            font-size: 28px;
            font-weight: 700;
            line-height: 20px
        }
        .btn.domain-btn {
            padding: 5px 8px;
        }
        a.btn.domain-btn {
            font-size: 12px
        }
        .ad-area h2 {
            font-size: 25px
        }
        .ad-area {
            text-align: center
        }
        h3.responsive-web-h3 {
            margin-top: 30px
        }
        .single-portfolio-item {
            width: 25%
        }
        .web-packages h1 {
            font-size: 28px
        }
        .web-packages ul li {
            font-size: 14px
        }
        .footer {
            font-size: 13px
        }
        
        .other-page-top p, .other-page-header h2, .other-page-header p, .breadcrum-text {text-align: center;line-height: 20px;margin-top:10px}
    .div-padding40px{padding:20px 0}
        .other-page-top p, p{margin-top:0;font-size:14px}
        .other-page-header h2{font-size:22px}
        
 ul.sticky-ul{position: static;text-align: center;margin-bottom: 30px}
ul.sticky-ul li{ margin-bottom: -39px;display: inline-block}
    

    }
    /* MObile Layout 320px */
    
    @media only screen and (max-width: 767px) {
		
		.youtube-video-area{display:none;}
        
          /* Menu CSS Starts */ 

		.icon-bar {
            background: #fff
        }
        .navbar-toggle {
            padding: 6px 8px;
            border: 1px solid #f5f5f5;
            border-radius: 4px;
            top: -45px;
            right: -10px
        }
		  
        .is-sticky .mainmenu {
            margin-bottom: -35px
        }
		
		  is-sticky .mainmenu ul.nav.navbar-nav li,
        .mainmenu ul.nav.navbar-nav li {
            width: 100%;
            display: inline-block;
            position: relative;
        }
        .is-sticky .mainmenu ul.nav.navbar-nav li:before,
        .mainmenu ul.nav.navbar-nav li:before {
            position: absolute;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            background: #000;
            opacity: .8;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            content: "";
            border-radius: 4px;
            border-bottom: 1px solid #333
        }
        .is-sticky .mainmenu ul.nav.navbar-nav,
        .mainmenu ul.nav.navbar-nav {
            margin: 0;
            padding: 0;
            position: absolute;
            top: -5px;
            right: 0
        }
      
        .is-sticky .mainmenu ul.nav.navbar-nav li a,
        .mainmenu ul.nav.navbar-nav li a {
            display: block;
            text-align: center;
            padding: 10px;
            font-size: 12px;
        }
        ul.dropdown {
            position: static
        }
        #dp {
            width: 100%;
            text-align: center;
            border-bottom: 1px solid #393838;
            background: #333;
            padding: 8px 10px
        }
		 /* Menu CSS Ends */  
		
		
        .bd-extensions img {
            width: 100%;
            margin-bottom: 30px
        }
        .slider-text ul li {
            font-size: 13px;
            margin:0 20px
        }
        .yt-button {
            height: 70px;
            width: 70px;
            font-size: 30px
        }
        .social-links {
            display: none
        }
        .header-area .logo {
            text-align: left;
            width: 200px
        }
        .logo.other-page{text-align: center}
        
        .other-page-top p{display: none}
        
    
        .header-text-area h2 {
            font-size: 35px;
            margin-top:50px;
            
        }
      
        
        .header-text-area .slide-2 h2 {
           margin-top:0;
        }
        
        .single-web, .bd-extensions, .responsive-web-h3 {display: none;}
        
        
        .header-text-area .single-web {
            margin-bottom: 20px
        }
        .header-text-area .slider-text.slide-2 {
            padding-top: 70px;
            padding-bottom: 20px
        }
        .header-text-area i {
            margin-right: 0;
            margin-left: 5px;
        }
      
        .header-text-area p {
            line-height: 18px
        }
        .slider-text ul li {
            float: none
        }
        .slider-text {
            margin-top: 20px
        }
        a.btn {
            font-size: 12px;
        }
        .btn {
            padding: 7px 15px
            display:block
        }
        .overlay-bg-half:before {
            width: 100%;
            height: 100%
        }
        .top-area,
        .header-text-area,
        .header-text-area .container,
        .header-text-area .row,
        .carousel,
        .carousel-inner,
        .carousel-inner .item {
            height: auto
        }
        .header-text-area .single-web,
        .single-web {
            width: calc(100% - 40px);
            margin: 20px
        }
        .header-text-area .single-web iframe {
            width: 100%;
        }
        .single-client-item {
            width: 50%;
            margin: 0
        }
        .web-list iframe {
            width: 100%
        }
        .domain-packages {
            border-right: none;
            border-bottom: 1px solid #5A5858;
            width: 70%;
            float: none;
            margin: 0 auto
        }
        .domain-packages:first-child,
        .domain-packages:last-child {
            border-bottom: none
        }
        .price-table {
            font-size: 8px
        }
        h2.section-title,
        h2.section-title-white {
            font-size: 20px
        }
        .domain-packages h1 {
            font-size: 25px;
            line-height: 20px
        }
        .domain-packages.popular h1 {
            font-size: 28px;
            font-weight: 700;
            line-height: 20px
        }
        .btn.domain-btn {
            padding: 5px 8px;
        }
        a.btn.domain-btn {
            font-size: 12px
        }
        .ad-area h2 {
            font-size: 25px
        }
        .ad-area {
            text-align: center
        }
        h3.responsive-web-h3 {
            margin-top: 20px;
            font-size: 18px
        }
        .single-portfolio-item {
            width: 50%
        }
        .web-packages {
            border-right: none;
            border-bottom: 1px solid #CED4DF;
            margin: 10px 20px
        }
        .web-packages:last-child {
            border-bottom: none
        }
        .web-packages h1 {
            font-size: 28px;
        }
        .web-packages ul li {
            font-size: 14px;
        }
        .full-website,
        .web-packages.other-services ul li {
            text-align: center
        }
        .footer {
            font-size: 13px
        }
        .footer-widget {
            margin-bottom: 45px
        }
        
    .img-right {
    float: none;
    margin-bottom: 10px;
    margin-left: 0;
    text-align: center;
}    
ul.sticky-ul{position: static;text-align: center;margin-bottom: 30px}
ul.sticky-ul li{ margin-bottom: -39px;display: inline-block;}
        
    .other-page-top p, .other-page-header h2, .other-page-header p, .breadcrum-text {text-align: center;line-height: 15px;margin-top:5px}
    .div-padding40px{padding:10px 0}
        .other-page-top p, p{margin-top:0;font-size:12px}
        .other-page-header h2{font-size:18px}
        .web-services h2{font-size:22px}
        
        logo-pricing{width:auto
        table.logo-pricing tr{width: 100%}  

        
    }
    /* Wide Mobile Layout 480px */
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .header-text-area .single-web iframe, .web-list iframe {width:60%}
        
        }