/*==========================================================
                        NORMALIZE
==========================================================*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*==========================================================
                        GRID SYSTEM
==========================================================*/



/*==========================================================
                      Spanish New footer begin
==========================================================*/
 
 .footer-new-fidel{
 
   width:100%;
   height:150px;
 
 }
 
 .first-div  {
 
  height: 100%;
  float: left;
  width:60%;
 
  }
 
  .second-div {
  
   margin-top: 45px;
   float: left;
   width:40%;
   text-align: center;
   
  }
  
  
  @media (max-width: 1293px) {

  .footer-new-fidel{
       height: 134px
   }
   
  .second-div {
  
   margin-top: 25px;
 
  
  }
   
} 
  
 
@media (max-width: 1155px) {

  .footer-new-fidel{
       height: 134px
   }
   
  .second-div {
  
   margin-top: 25px;
 
  
  }
   
} 
 
  @media (max-width: 1121px) {

  .footer-new-fidel{
       height: 100px;
   }
  
  .first-div {
  
   width:50%;
   height: 100%;
   
  }
  
  .second-div {
  
   margin-top: 15px;
   width:50%;
 
  
  }
   
} 

@media (max-width: 1048px) {

  .footer-new-fidel{
       height: 80px;
   }
   
   .second-div {
  
   margin-top: 5px;
   
 
  
  } 
} 

@media (max-width: 898px) {

   .footer-new-fidel{
       height: 60px;
	   font-size: 8pt;
   }
   
   .first-div {
  
   width:50%;
   height: 100%;
   
  }
  
  .second-div {
  
   width:50%;
   margin-top: 5px;
   text-align:center;
  } 
} 

@media (max-width: 866px) {

   .footer-new-fidel{
       height: 35px;
	   font-size: 8pt;
   }

  .first-div {
  
   width:50%;
   height: 100%;
  }
  
  .second-div {
  
   width:50%;
    text-align:center;
  
  }
   
}   

@media (max-width: 867px) {

   
  .first-div {
  
   width:55%;
   height: 100%;
  }
  
  .second-div {
  
   width:45%;
   }
   
} 

@media (max-width: 761px) {

   
  .first-div {
  
    display: none;
  }
  
  .second-div {
  
   width:100%;
   font-size: 10pt;
   }
  
  
}     

@media (max-width: 436px) {

   
  .second-div {
  
   font-size: 8pt;
   }
  
  
} 

@media (max-width: 354px) {

   
  .second-div {
  
   font-size: 7pt;
   }
  
  
}         

/*==========================================================
                       Spanish footer ends
==========================================================*/ 

 #SilverlightControl{

width:770px !important;

}


.notAvailableSilverLight {

    display:none;

}


@media (max-width: 767px) {

	#SilverlightControlHost{

		display: none; 

	}

	.notAvailableSilverLight {

		display:inline;
		
	}
	
	.HSilverLight{
	
	   color: red !important;
	}

}




/*==========================================================
                      English New footer begin
==========================================================*/
 
 .footer-new-english{
 
   width:100%;
   height:150px;
 
 }
 
 .first-div-english  {
 
  height: 100%;
  float: left;
  width:60%;
 
  }
 
  .second-div-english {
  
   margin-top: 25px;
   float: left;
   width:40%;
   text-align: center;
   
  }
  
  
  @media (max-width: 1599px) {

   
  .second-div-english {
  
    margin-top: 30px;
    font-size: 11pt;
  
  }
   
} 

@media (max-width: 1589px) {

   
  .second-div-english {
  
    margin-top: 30px;
    font-size: 10pt;
  
  }
   
} 
  
 @media (max-width: 1430px) {

   
  .second-div-english {
  
    margin-top: 35px;
	font-size: 9pt;
  
  }
   
}   

@media (max-width: 1330px) {

   
  .second-div-english {
  
	font-size: 8pt;
  
  }
   
}   

@media (max-width: 1308px) {

   
  .second-div-english {
  
	height: 100px;
	
  
  }
   
}   
  
@media (max-width: 1293px) {

  .footer-new-english{
       height: 90px;
   }
} 
  
@media (max-width: 1243px) {

  .footer-new-english{
       height: 75px;
   }
} 

   


@media (max-width: 1218px) {

  .footer-new-english{
       height: 50px;
   }
   
   .first-div-english {
  
   width:50%;
   
  }
  
  .second-div-english {
  
   margin-top: 15px;
   width:50%;
  } 
  
}
 
@media (max-width: 1190px) {
   
    .first-div-english {
  
   width:55%;
   
  }
  
  .second-div-english {
  
   width:45%;
   }
   
} 

@media (max-width: 1083px) {
   
   .footer-new-english{
       height: 30px;
   }
   
    .first-div-english {
  
   width:45%;
   
  }
  
   .second-div-english {
  
   width:55%;
   
  } 
} 



@media (max-width: 976px) {

   .footer-new-english{
       height: 40px;
	  
   }
} 
   
@media (max-width: 904px) {

   .first-div-english {
  
   width:40%;
   
  }
  
   .second-div-english {
  
   width:60%;
   
  }
   
  
  .second-div-english {
  
  
   
   text-align:center;
  } 
} 

@media (max-width: 888px) {

   .footer-new-english{
      
	   font-size: 6pt;
   }
   

} 

@media (max-width: 817px) {

   
  .first-div-english {
  
   width:35%;   
  }
  
  .second-div-english {
  
   width:65%;
   }
   
} 


@media (max-width: 761px) {

   
  .first-div-english {
  
    display: none;
  }
  
  .second-div-english {
  
   width:100%;
   font-size: 11pt;
   }
  
  
}     

@media (max-width: 645px) {

  
  .second-div-english {
  
  font-size: 10pt;
   }
  
  
}   

@media (max-width: 580px) {

  
  .second-div-english {
  
  font-size: 9pt;
   }
  
  
}   

@media (max-width: 538px) {

   
  .first-div-english {
  
    display: none;
  }
  
  .second-div-english {
  
   margin-top: 25px;
   font-size: 8pt;
   }
  
  
}     

@media (max-width: 485px) {

   
  .second-div-english {
  
   
   font-size: 7pt;
   }
  
  
} 

@media (max-width: 453px) {

   
  .master-paragraph {
  
   
   }
  
  
} 

@media (max-width: 429px) {

   .second-div-english {
  
   font-size: 6pt;
   }
  
  
} 

@media (max-width: 367px) {

   
  
  .second-div-english {
  
   font-size: 5pt;
   }
  
  
}  

@media (max-width: 338px) {

  
  .second-div-english {
  
   font-size: 5pt;
   }
  
  
}               

/*==========================================================
                       English footer ends
==========================================================*/ 


/*==========================================================
                       other styles
==========================================================*/

/*==========================================================
                       advertisements styles
==========================================================*/

 .advertisements {
 
    margin-top:15px;
	margin-left:15px;
	margin-bottom:15px;
	
 }
 
 .adsbygoogle {
 
    display:inline-block;
	width:280px;
	height:250px;
 
 }
 
 @media (max-width: 475px) {

  
  .advertisements{
  
     width:280px;
	 height:250px;
     margin-right:0px !important;
   
   }
   
   .adsbygoogle img, .adsbygoogle iframe, .advertisements  iframe{
   
      width: 280px !important;
   
   }
  
} 

 @media (max-width: 307px) {

  
  .advertisements{
  
     width:250px;
	 height:250px;
     margin-left:5px !important;
	 margin-right:0px !important;
   
   }
   
  
  
}           

/*==========================================================
                     END  advertisements styles  
==========================================================*/
.alinks a {

   word-break: break-all;

}
.alinks img {
 
 margin: 10px;

}

@media (max-width: 479px) {

	.alinks img {
	 
	 margin-left: 0px !important;
	 padding-left:0px !important;
     width:100%;
	}

}

i {
  
  font-style: italic !important;

}
/*==========================================================
                       iframe videos styles
==========================================================*/

@media (max-width: 479px) {

  
  .list-museum-width{
  
   width: 370px !important;
   
   }
  
  
}

@media (max-width: 371px) {

  
  .list-museum-width{
  
   width: 320px !important;
   
   }
  
  
}      


/*==========================================================
                      new banner styles


.banner-new {

padding-left:0px;
list-style-type: none;
width:1920px;
position:absolute;
top:0;
left:0;

}

.parallax1{
position:relative;
}

.banner-new li{
   
   float:left;
   margin: 0px;
   width:12.5%;
   box-sizing: border-box;
   border:1px solid;

}



                      new banner ends
==========================================================*/

.carousel-caption{

    color: black !important;

}

/*==========================================================
                       iframe videos styles
==========================================================*/
@media (max-width: 600px) {

		.alinks, .alinks p, .alinks span {
			
			font-size:16px !important;
		}
}
.others iframe
{
 
   margin: 10px;
   width: 620px;
   height:420px;
}

@media (max-width: 1000px) {

  
  .others iframe{
  
   width: 440px;
   height:320px;
   
   }
  
  
}      

@media (max-width: 500px) {

  
  .others iframe{
  
    margin: 0px;
   width: 100%;
   height:350px;
   
   }
  
  
}     

@media (max-width: 500px) {

  
  .others iframe{
  
   width: 100%;
   height:220px;
   
   }
  
  
}     

@media (max-width: 303px) {

  
  .others iframe{
  
   width: 250px;
   height:180px;
   
   }
  
  
} 

/*==========================================================
     Estrellada Letra page iframe styles
==========================================================*/
.estrellada-width{
   width:100%; 
}

.estrellada-letra{
   width:40%; 
	float:left;
	margin-left:10%;
	
}

.estrellada-descr{

	width:50%; 
	float:left;
	
}

.estrellada-descr     iframe
{
 
   margin: 10px;
   width: 90%;
   height:320px;
}

    
@media (max-width: 775px) {
  
  .estrellada-descr     iframe
   {
 
   margin: 10px;
   width: 100%;
  }
  .estrellada-descr{

	width:100%;
	
	}
	
  .estrellada-letra  {
  
   width: 100%;
   margin-top:20px;
   margin-left:0px;
   
   }
}   

@media (max-width: 479px) {

  
  .estrellada-descr iframe{
  
   height:250px;
   
   }
  
  
}   

@media (max-width: 315px) {

  
  .estrellada-descr iframe{
  
   width: 250px;
   height:180px;
   
   }
  
  
} 

/*==========================================================
                  END of iframe videos styles
==========================================================*/


.carousel-width > .item > img, .carousel-inner > .item > a > img {
      width: 70%;
	   width: 50%;
      margin: auto;
}              

.language-padding {
  
  padding-left: 110px;
  
}
 
.alinks a {

    color: blue !important;
	text-decoration: underline !important;
   
} 

.space_socialmedia a {

 color: yellow;
 padding: 10px;
 padding-bottom: 5px;
 
}

.space_socialmedia1 a {
 padding: 10px;
 padding-bottom: 5px;
}

.title_socialmedia p {

 padding-bottom: 5px;
 color: yellow;
 text-align: center;
}

/*==========================================================
                       header-van-gogh-prints
==========================================================*/



@media (min-width: 1200px) {

  
  .h2-english-prints{
  
   font-size: 60px;
   }
  
  
}               


/*==========================================================
                       top-20-most-purchased-site
==========================================================*/ 
.top-20-main-div{
 
   width:80%;
   height:150px;
   
 
 }
 
 .top-20-first-div  {
 
  height: 100%;
  float: left;
  width:50%;
 
  }
 
  .top-20-second-div {
  
   margin-top: 45px;
   margin-left: 10px;
   float: left;
   width:40%;
   text-align: left;
   
  }
  
/*==========================================================
                        others ends
==========================================================*/ 

/*==========================================================
                        catalog index begins
==========================================================*/   
  .new-width {
    
	margin-bottom:30px !important;
   
   }
   
 .catalog-div {
 
   
    overflow-x: scroll;
	overflow-y: scroll;
	max-height:300px; 
	height:300px;
	width: 100%;
	margin-left:10px;
 
 } 


/*==========================================================
                        catalog art-work-begins
==========================================================*/   



/*==========================================================
          buttons next,previous,back to list and find begins
==========================================================*/ 

#previousbtn  img, #backtolistbtn img, #findthisprintbtn img,#findthisprintbtnEN img, #nextbtn img{
	     
		 height:25px;
	    
}

#buttonWrap   {

    width:1040px;
	margin-top:20px;
	
}

#previousbtn {
    width:15%;
	float:left;
	margin-right:8px;
}

#backtolistbtn{

   width:21%; 
   float:left;
   margin-bottom:12px;

}

#nextbtn {
 
   width:17%; 
   float:left;
   margin-left:10px;
   
   

}

#findthisprintbtn	{

    width:18%; 
    float:left;
    margin-right:20px;
	margin-left: 10px;

} 

@media (max-width: 1199px) {

	#buttonWrap   {

       width:790px;
	   margin-top:20px;
	
    }
	
	
	#previousbtn {
	
		
		margin-right:15px;
    }

	#nextbtn {
	   
	   margin-left:5px;

	}

	#findthisprintbtn	{

		margin-right:10px;
		margin-left: 15px;
	} 
}

@media (max-width: 979px) {

	#buttonWrap   {

       width:615px;
	
    }
	
}

@media (max-width: 768px) {

	#buttonWrap   {

       width:530px;
	
    }
}

@media (max-width: 479px) {

	#buttonWrap   {

       width:320px;
	
    }
	
	#previousbtn {
	
		margin-bottom: 15px;
		width:100%;
		margin-left:0px;
		
    }

	#nextbtn {
	   
	  width:100%;
      margin-left:0px;
	}

	#findthisprintbtn	{
   
         margin-bottom: 15px;
		 width:100%;
		 margin-left:0px;
	} 
	
	#backtolistbtn{

        margin-bottom: 15px;
		width:100%;
        margin-left:0px;
    }
		
}

	

@media (min-width: 480px) and (max-width: 979px) {

	#find-this-print-spanish{

	   height:14px;

	}
} 


#findthisprintbtnEN	{

    width:20%; 
    float:left;
    margin-right:5px;

}  

#findthisprintbtnEN	{

    margin-left: 5px;

}  

@media (max-width: 479px) {

#findthisprintbtnEN	{

    margin-bottom: 15px;
		width:100%;
        margin-left:0px;

} 


} 

/*==========================================================
                       buttons ends
==========================================================*/ 



#artworkImage {

    width:65%; 
	float:left;

}

#artwork-details {

   width:30%; 
   float:left; 
   margin-left:5%;
}

.artwork-info {

   width:100%;

}

.artwork-info a{

   width:100%;
   color:blue;
   text-decoration:underline !important;
   
}

.artwork-social{
    
}

#twitterbutton{
   width:100%;
   margin-bottom:20px;
}

#pinterestbutton{
    width:100%;
	margin-bottom:20px;
}

.g-plusone{
    width:100%;
	margin-bottom:20px;
}
.fb-like{
     width:100%;
	 margin-bottom:20px;
}



@media (max-width: 768px) {
		
		
		#artworkImage {

				width:100%; 
				

       }

		#artwork-details {

		   width:100%; 
		   float:left; 
		   margin-top:20px;
		   
		    margin-left:0%;

		}
		
		
		.artwork-social{
             float:left;
			 width:20%; 
         }
		
		.artwork-info {	 
		
		   width:70%; 
		   float:left;
		   margin-left:10%;
		   margin-top: 0px !important;
		  

        }
}

@media (max-width: 480px) {
		
		#buttonWrap   {

			margin-top:20px;
			margin-bottom:20px;
	
       }
		
		
		#artworkImage{
		  margin-top:15px;
		}	 
		
		.artwork-info {	 
		
		   width:100%; 
		   float:left;
		   margin-left:10%;
		   margin-top:20px !important;
		   margin-left: 0px;
		   

        }
		
		
		.artwork-info span, .artwork-info , .artwork-info , .artwork-info h6, .artwork-info .h6 {	 
		
		   font-size: 16px !important;
		   
		}{	 
		
		   font-size: 16px;
		   
		}{	 
		
		   font-size: 16px;
		   
		}
		
		#twitterbutton{
		    width:100;
		    float:left;
			
			
		}
		.g-plusone{

			 width:100%;
			 float:left;
			 
		}
		
	
		
		.fb-like{
			 width:100%;
			  float:left;
			  
		}
}

/*==========================================================
                        catalog ends
==========================================================*/ 
 
.container,
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
.container:before,
.container-fluid:before,
.row:before,
.container:after,
.container-fluid:after,
.row:after {
  content: " ";
  display: table;
}
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.container-fluid [class*="grid_"] {
  float: left;
  width: 8.33333333%;
  min-height: 1px;
}
.container-fluid .grid_12 {
  width: 100%;
}
.container-fluid .grid_11 {
  width: 91.66666667%;
}
.container-fluid .grid_10 {
  width: 83.33333333%;
}
.container-fluid .grid_9 {
  width: 75%;
}
.container-fluid .grid_8 {
  width: 66.66666667%;
}
.container-fluid .grid_7 {
  width: 58.33333333%;
}
.container-fluid .grid_6 {
  width: 50%;
}
.container-fluid .grid_5 {
  width: 41.66666667%;
}
.container-fluid .grid_4 {
  width: 33.33333333%;
}
.container-fluid .grid_3 {
  width: 25%;
}
.container-fluid .grid_2 {
  width: 16.66666667%;
}
.container-fluid .grid_1 {
  width: 8.33333333%;
}
.container-fluid .preffix_12 {
  margin-left: 100%;
}
.container-fluid .preffix_11 {
  margin-left: 91.66666667%;
}
.container-fluid .preffix_10 {
  margin-left: 83.33333333%;
}
.container-fluid .preffix_9 {
  margin-left: 75%;
}
.container-fluid .preffix_8 {
  margin-left: 66.66666667%;
}
.container-fluid .preffix_7 {
  margin-left: 58.33333333%;
}
.container-fluid .preffix_6 {
  margin-left: 50%;
}
.container-fluid .preffix_5 {
  margin-left: 41.66666667%;
}
.container-fluid .preffix_4 {
  margin-left: 33.33333333%;
}
.container-fluid .preffix_3 {
  margin-left: 25%;
}
.container-fluid .preffix_2 {
  margin-left: 16.66666667%;
}
.container-fluid .preffix_1 {
  margin-left: 8.33333333%;
}
.container,
.container-fluid {
  width: 1170px;
}
.container .row {
  margin-left: -30px;
}
.container [class*="grid_"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}
.container .grid_12 {
  width: 1170px;
}
.container .grid_11 {
  width: 1070px;
}
.container .grid_10 {
  width: 970px;
}
.container .grid_9 {
  width: 870px;
}
.container .grid_8 {
  width: 770px;
}
.container .grid_7 {
  width: 670px;
}
.container .grid_6 {
  width: 570px;
}
.container .grid_5 {
  width: 470px;
}
.container .grid_4 {
  width: 370px;
}
.container .grid_3 {  
  width: 270px;
}
.container .grid_2 {
  width: 170px;
}
.container .grid_1 {
  width: 70px;
}
.container .preffix_12 {
  margin-left: 1230px;
}
.container .preffix_11 {
  margin-left: 1130px;
}
.container .preffix_10 {
  margin-left: 1030px;
}

.container .preffix_8 {
  margin-left: 830px;
}
.container .preffix_7 {
  margin-left: 730px;
}
.container .preffix_6 {
  margin-left: 630px;
}
.container .preffix_5 {
  margin-left: 530px;
}
.container .preffix_4 {
  margin-left: 430px;
}
.container .preffix_3 {
  margin-left: 330px;
}
.container .preffix_2 {
  margin-left: 230px;
}
.container .preffix_1 {
  margin-left: 130px;
}


@media (max-width: 1199px) {
		.language-padding {
		  
		  padding-left: 0px;
		  
		  }
}

@media (min-width: 980px) and (max-width: 1199px) {
  .container,
  .container-fluid {
    width: 940px;
  }
  .container .row {
    margin-left: -20px;
  }
  .container [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container .grid_12 {
    width: 940px;
  }
  .container .grid_11 {
    width: 860px;
  }
  .container .grid_10 {
    width: 780px;
  }
  .container .grid_9 {
    width: 700px;
  }
  .container .grid_8 {
    width: 620px;
  }
  .container .grid_7 {
    width: 540px;
  }
  .container .grid_6 {
    width: 460px;
  }
  .container .grid_5 {
    width: 380px;
  }
  .container .grid_4 {
    width: 300px;
  }
  .container .grid_3 {
    width: 220px;
  }
  .container .grid_2 {
    width: 140px;
  }
  .container .grid_1 {
    width: 60px;
  }
  .container .preffix_12 {
    margin-left: 980px;
  }
  .container .preffix_11 {
    margin-left: 900px;
  }
  .container .preffix_10 {
    margin-left: 820px;
  }
  
  .container .preffix_8 {
    margin-left: 660px;
  }
  .container .preffix_7 {
    margin-left: 580px;
  }
  .container .preffix_6 {
    margin-left: 500px;
  }
  .container .preffix_5 {
    margin-left: 420px;
  }
  .container .preffix_4 {
    margin-left: 340px;
  }
  .container .preffix_3 {
    margin-left: 260px;
  }
  .container .preffix_2 {
    margin-left: 180px;
  }
  .container .preffix_1 {
    margin-left: 100px;
  }
  
  
}
@media (min-width: 768px) and (max-width: 979px) {
  .container,
  .container-fluid {
    width: 748px;
  }
  .container .row {
    margin-left: -20px;
  }
  .container [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container .grid_12 {
    width: 748px;
  }
  .container .grid_11 {
    width: 684px;
  }
  .container .grid_10 {
    width: 620px;
  }
  .container .grid_9 {
    width: 556px;
  }
  .container .grid_8 {
    width: 492px;
  }
  .container .grid_7 {
    width: 428px;
  }
  .container .grid_6 {
    width: 364px;
  }
  .container .grid_5 {
    width: 300px;
  }
  .container .grid_4 {
    width: 236px;
  }
  .container .grid_3 {
    width: 172px;
  }
  .container .grid_2 {
    width: 108px;
  }
  .container .grid_1 {
    width: 44px;
  }
  .container .preffix_12 {
    margin-left: 788px;
  }
  .container .preffix_11 {
    margin-left: 724px;
  }
  .container .preffix_10 {
    margin-left: 660px;
  }
  
  .container .preffix_8 {
    margin-left: 532px;
  }
  .container .preffix_7 {
    margin-left: 468px;
  }
  .container .preffix_6 {
    margin-left: 404px;
  }
  .container .preffix_5 {
    margin-left: 340px;
  }
  .container .preffix_4 {
    margin-left: 276px;
  }
  .container .preffix_3 {
    margin-left: 212px;
  }
  .container .preffix_2 {
    margin-left: 148px;
  }
  .container .preffix_1 {
    margin-left: 84px;
  }
}
@media (max-width: 767px) {
  .container,
  .container-fluid {
    width: 420px;
    padding: 0;
  }
  .container .row {
    margin-left: 0;
  }
  .row + .row,
  [class*="grid_"] + [class*="grid_"] {
    margin-top: 30px;
  }
  .container [class*="grid_"],
  .container-fluid [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 479px) {
  body {
    padding: 0;
  }
  .container,
  .container-fluid {
    width: 300px;
    padding: 0 15px;
  }
  .row {
    margin-left: 0;
  }
}