/* lg */
#logosix {
    margin-top: 0;
}

#ads {
    margin-left: 0;
}

@media (min-width: 1400px) and (max-width: 2600px) {
    
      #supercomp {
        background-position: 600px 0;
    }
    
      #supercomptwo {
              background-position: -600px 0;
    }
    
    	header[role="header"].header-top section h2 {
		display: inline-block;
		max-width: 1170px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
    
    #supercomp {
     background-position: 350px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 593px;}

#supercomptwo {
   background-position: -300px 0; 
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 593px;
}
  
        #logoone {
    margin-top: -7px;
}
     #logotwo {
    margin-top: -5px;
}
.g-recaptcha {
    margin: auto;
    width: 50%;

 }

}

/* sm */

@media (min-width: 768px) and (max-width: 991px) {
    
    header[role="header"].header-top section h2 {margin-top: 150px;}

	header.header-top[role="header"] hgroup nav ul > li > a{ padding:0 5px 0 9px}

	header.header-top[role="header"] section{ top:14%}

	.section-two section article{ padding-right:20px; padding-left:5%; padding-top:20px}

	.contact-form{ padding-left:20px; padding-right:20px}

	.section-one article p br,.slider-pan section article br,.section-five header[role="title-page"] h4 br, .section-five header[role="title-page"] h2 br{ display:none}

    #scroll { display: none;}
    #kreni {margin-top: -10px;}
      #supercomp {
        background-position: -150px 0;  background-attachment:scroll; margin-top:0; margin-bottom:20px;
    }
    
#logosix {
    margin-top: 0;
}

#ads {
    margin-left: 0;
}

.g-recaptcha {
    margin: auto;
    width: 50%;

 }

}

/* xs */

@media (max-width: 767px) {

	header.header-top[role="header"] .container{ padding-top:10px; z-index:6}

	header.header-top[role="header"] section h2{ font-size:26px; line-height:28px; margin-bottom:2px}

	header.header-top[role="header"] section p{ font-size:15px; line-height:30px; margin:0 3%; padding-top:5px}

	header.header-top[role="header"] section .video-button{ margin:4% auto; width:65px; height:65px; line-height:65px; font-size:35px}

	header.header-top[role="header"] section a{ font-size:14px; padding:0 20px; line-height:55px}

	header.header-top[role="header"] hgroup{ position:relative}

	header.header-top[role="header"] hgroup nav { margin-top:0}

	header.header-top[role="header"] hgroup nav .navbar-toggle{ position:absolute; margin:0; top:-48px; right:15px}
 

	header.header-top[role="header"] .navbar-fixed-top h1 img{ width:60%}

	header.header-top[role="header"] hgroup nav ul{ text-align:center; background-color:rgba(0,0,0,0.8); padding:10px}

	header.header-top[role="header"] hgroup nav ul > li{ display:block;}

	.section-two section article{ padding-left:0; padding-right:0; padding-top:0px}

	
    #supercomp {
        background-position: -200px 0;  background-attachment:scroll; margin-top:20px; margin-bottom:20px;
    }
    
    #supercomptwo {
              background-position: -200px 0;  background-attachment:scroll; margin-top:20px; margin-bottom:20px;
    }

	.section-two section:last-child article{ padding-left:0}

	.slider-pan section article{ margin:0 4%}

	.slider-pan section article br,.section-five header[role="title-page"] h4 br, .section-five header[role="title-page"] h2 br,.section-one article p br{ display:none}


	.section-three header[role="title-page"]{ padding-bottom:20px}

	.contact-form{ padding-left:0; padding-right:0}

	.contact-form input[type="email"]{ border-left:1px solid #dbdbdb; margin:20px 0}

	.contact-form textarea{border-top:1px solid #dbdbdb;}

	.footer{ padding:30px 0}

	.footer nav{ padding-top:10px}

    #scroll { display: none;}
#logoone { margin-top: -5px;} 
 
    
#logosix {
    margin-top: 0;
}

#ads {
    margin-left: 0;
}

 span.counter.js-counter.timer{
     font-size: 42px;
 }
  .g-recaptcha {
    margin: auto;
    width: 50%;

 }
    
}

@media (max-width: 414px) {

	header.header-top[role="header"] section h2{ font-size:36px; line-height:41px}
#scroll span {
    margin-top: 75%;
    }
    #scroll { display: none;}
    
   #logoone {
    margin-top: -5px;
}
   
#logosix {
    margin-top: 0 !important;
}

#ads {
    margin-left: 0 !important;
}
span.counter.js-counter.timer{
     font-size: 42px;
 }
 
 .g-recaptcha {
    margin: auto;
    width: 50%;

 }
}