/************************************ Media Query start here! ************************************/

/* Large desktop */


@media (max-width: 1600px) {
article .content img                 {position: relative; z-index: 999; margin-top:61px;}    
    
}


@media (max-width: 1400px) {
.hideondesktop                                    {display: none;}
article                                           {text-align: center; background-position: center bottom;}
header a img                                      {margin: 55px 0px; width: 30%;}      
header p                                          {font-family: 'gooddog_coolregular'; font-size: 35px; color: #022629; margin-top: -89px;}
article .content img                              {position: relative; z-index: 999; margin-top:125px;}    
}





@media (max-width: 1280px) {
.container 										  {max-width:100%; margin:0 auto; width:80%;}
header                                            {text-align: center; position: relative; z-index: 99; background-position:center; }
article .store                                    {width: 73%; margin: 0px auto;}
footer                                            {text-align: center; background-position: center top; margin-top: -70px; padding: 5px 80px;} 
header a img                                      {margin: 55px 0px; width: 25%;}
header p                                          {font-family: 'gooddog_coolregular'; font-size: 37px; color: #022629; margin-top: -95px;}    
article                                           {text-align: center; background-position: center bottom; margin-top: 10px; margin-top: 52px;}
article .content img                              {position: relative; z-index: 999; margin-top:190px;} 
article .story p                                  {padding: 0px 127px;}    
}

@media (max-width: 1024px) { 
.container 										  {max-width:100%; margin:0 auto; width:95%;}
article                                           {text-align: center; background-position: center bottom; margin-top: -40px;}
article .content img                              {width: 18%; }    
article .store                                    {width: 78%; margin: auto;}
article .videomore                                {margin: 0 auto; margin-top: 20px;} 
footer                                            {text-align: center; background: url(../images/footerbg.png)no-repeat; background-position: center top; margin-top: -66px; padding: 10px 80px; background-size: 100% 100%;} 
header a img                                      {margin: 55px 0px; width: 25%;}    
    
header p                                          {font-family: 'gooddog_coolregular'; font-size: 28px; color: #022629; margin-top: -88px;text-shadow: 4px 2px 0 #C9FFF8, -1px -1px 0 #CCFEF9, 1px -1px 0 #C9FFF8,-1px 1px 0 #C9FEF7, 5px -2px 5px #C8FEF8;}    
article .content img                              {width: 13%; margin-top: 191px;}    
    
}

@media (max-width:950px) {
article .store                                {width: 98%; margin: auto;}
article .content img                          {width: 13%; margin-top:155px;}    
}



@media (max-width:768px) {
article .store ul li                           {list-style-type: none; margin: 0px 9px; display: block; float: left; display: inline-block; width: 45%;}
article .video img                             {width:95%; height: auto;}
article .store ul li a img                     {border: 1px solid white; width: auto; max-width: 100%;}    
article .videomore                             {width: 100%; margin: 0 auto; margin-top: 20px;}
article .videomore ul li                       {width: 30%;}    
article .videomore ul li a img                 {width: auto; max-width:100%;}   
article                                        {background-size: cover; margin-top: -80px; text-align: center; background-position:center;}   
article .content img                           {margin-top: 200px; width: 17%;}
article .story p::before                       {content: ""; background: url(../images/border-top.png)no-repeat; height: 69px; width: 100%; position: absolute; background-position: center; top: -77px; left: 0; background-size: 95%;}
article .story p::after                        {content: ""; background: url(../images/border-bottom.png)no-repeat;    height: 69px;    width: 100%;    position: absolute;    background-position: center;    left: 0;
bottom: -61px; background-size: 95%;} 
footer .footer1 ul li a img                    {width:90%;} 
footer .footer1 ul li                          {list-style-type: none; float: left; margin: 7px;}    
    article .story p {padding: 0px 35px;}    
  
header a img {
    margin: 20px 0px;
    width: 25%;
}
    
header p {
    font-family: 'gooddog_coolregular';
    font-size: 18px;
    color: #022629;
    margin-top: -40px;
    text-shadow: 4px 2px 0 #C9FFF8, -1px -1px 0 #CCFEF9, 1px -1px 0 #C9FFF8,-1px 1px 0 #C9FEF7, 5px -2px 5px #C8FEF8;
}    
article .video {width: 95%;}  
    
}

@media (max-width: 600px){
article .store ul li                 {list-style-type: none; margin: 0px 5px; display: block; float: left; display: inline-block; width: 45%;}
article .videomore ul li             {width: 29%;}
footer .footer1 ul li a img          {width:70%;}  
footer .footer1 ul li                {list-style-type: none; float: left; margin: 3px; width: 45%; }
footer                               {background-position: center bottom;
margin-top: -140px;
padding: 7px 0px;
width: 100%;
background-size: 100% auto;}    
header p {
    font-family: 'gooddog_coolregular';
    font-size: 18px;
    color: #022629;
    margin-top: -47px;
    text-shadow: 4px 2px 0 #C9FFF8, -1px -1px 0 #CCFEF9, 1px -1px 0 #C9FFF8,-1px 1px 0 #C9FEF7, 5px -2px 5px #C8FEF8;
    
}   

article                                        {background-size: cover; margin-top: -80px; text-align: center; background-position:center;}  
article .content img                           {margin-top: 170px; width: 17%;}    
 .video iframe {height: 300px;}    
}

@media (max-width: 480px){ 
header                                {background: url(../images/headmobilebg.png) no-repeat; text-align: center;  position: relative; z-index: 99; background-position:center top;background-size: cover;}    
.hideonmobile                         {display: none;}    
header a img                          {margin: 20px 0px;}    
.container 				              {max-width:100%; margin:0 auto; width:100%;}  
.img-fluid                            {width:100%; height: auto;}
article .videomore ul li              {width: 28%; }    
article footer .footer1 p             {font-family: 'gooddogregular'; font-size: 25px;}  
header p                              {font-family: 'gooddog_coolregular'; font-size:13px; color: #022629;  margin-top: -33px;}
article .story p                      {color: #d1d5d6; font-size: 15px; line-height: 20px; position: relative; padding: 0px 16px;}
article p                             {margin: 20px 0px;     color: #9fffed;     font-size: 14px; }
.hideondesktop                        {display: block;}
article .store ul li                  {list-style-type: none; margin: 0px 5px; display: block; float: left; display: inline-block; width: 45%;}
article .video                        {margin-top: 27px;}
article .videomore                    {margin-bottom: -25px;}    
article .story h1                     {color: #fff; font-size: 50px; padding: 25px 0px; font-family: 'gooddogregular'; }  
article .store ul li:nth-child(3)     {display:none;}   
footer .footer1 ul li:nth-child(3)    {display:none;}
footer .footer1 ul li                 {list-style-type: none; float: left; margin: 0px; width: 45%;} 
footer .footer1 ul li a img           {width: 70%;}    
article                               {text-align: center;margin-top: -121px}  
 article .store {
    width: 80%;
    margin: auto;
}   

article .content img                  {margin-top:180px; width: 17%;} 
article .story p                      {padding: 0px 10px;}        
footer                                {margin-top: -140px; background-size: 100% 100%; } 
    
    
footer .footer1 {
    width: 100%;
     margin-top: 0px;
}    
.video iframe {height:180px;}     
article .video {width:100%;}   
    
}


@media (max-width: 320px){ 
article .videomore ul li              {width: 27%; }
    header a img {margin: 10px 0px;}
 
header p {font-family: 'gooddog_coolregular';  font-size: 13px;    color: #022629;    margin-top: -24px;} 
    
article .content img {
    width: 13%;
    margin-top: 155px;
}
    
.video iframe {height:160px;}   
    
}