/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 10, 2015, 5:08:18 PM
    Author     : jazzdev-4
*/
@media screen and (max-width: 959px)
{
    .main{width: 100%;}
    .container{width: 100%;padding: 10px;}
    nav ul {width: 72%;}
}
@media screen and (max-width: 800px)
{
  .creations_slider .item {
    height: 493px;}
}
@media screen and (max-width: 768px)
{
   nav ul {width: 75%;}
   .creations_slider .item {height: 473px;}
}
@media screen and (max-width: 640px)
{
    nav ul {width: 91%;} 
    .creations_slider .item {height: 393px;}
}

@media screen and (max-width: 480px)
{
nav li a {letter-spacing: 0;font-size: 14px;}
 nav ul {width: 100%;}
 nav li {padding: 0 17px;}
 
 .e_blk2-right {width: 100%;margin-top: 20px;}
 .e_blk2-right .item img{width: 100%;}
 .e_blk2-left {padding-right: 0;width: 100%;}
 
 .contact_part-left {width: 100%;}
 .contact_part-right {margin-top: 20px;padding-left: 0;text-align: center;width: 100%;}
 .get_touch_mid {width: 100%;}
 .get_touch_left {width: 100%;}
 .creations_slider .item {
    height: 293px;
}
}
@media screen and (max-width: 479px){
    .logo img{width: 90%;}
    nav ul {display: none;height: auto;width: 100%;}
    nav a#pull {background-color:#000 !important;color: #fff;display: block;padding: 7px 15px;position: relative;width: 100%;text-align: center;border-radius: 3px;}
    nav a#pull:after {content:"";background: url('../images/nav-icon.png') no-repeat;width: 24px;height: 30px;display: inline-block;position: absolute;right: 15px;top:8px;}
    nav ul li{width: 100%;text-align: center;margin: 5px 0px;}
    .creations_slider .item {
    height: 218px;
}
}
@media screen and (max-width: 359px)
{
    .creations_slider .item {
    height: 193px;
}
}